/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/bootstrap/dist/css/bootstrap.min.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-bs-theme=light] {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255,255,255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0,0,0;
  --bs-secondary-color:rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:33,37,41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233,236,239;
  --bs-tertiary-color:rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:33,37,41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248,249,250;
  --bs-heading-color:inherit;
  --bs-link-color:#0d6efd;
  --bs-link-color-rgb:13,110,253;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#0a58ca;
  --bs-link-hover-color-rgb:10,88,202;
  --bs-code-color:#d63384;
  --bs-highlight-color:#212529;
  --bs-highlight-bg:#fff3cd;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(13, 110, 253, 0.25);
  --bs-form-valid-color:#198754;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#dc3545;
  --bs-form-invalid-border-color:#dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222,226,230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:222,226,230;
  --bs-secondary-bg:#343a40;
  --bs-secondary-bg-rgb:52,58,64;
  --bs-tertiary-color:rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:222,226,230;
  --bs-tertiary-bg:#2b3035;
  --bs-tertiary-bg-rgb:43,48,53;
  --bs-primary-text-emphasis:#6ea8fe;
  --bs-secondary-text-emphasis:#a7acb1;
  --bs-success-text-emphasis:#75b798;
  --bs-info-text-emphasis:#6edff6;
  --bs-warning-text-emphasis:#ffda6a;
  --bs-danger-text-emphasis:#ea868f;
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;
  --bs-primary-bg-subtle:#031633;
  --bs-secondary-bg-subtle:#161719;
  --bs-success-bg-subtle:#051b11;
  --bs-info-bg-subtle:#032830;
  --bs-warning-bg-subtle:#332701;
  --bs-danger-bg-subtle:#2c0b0e;
  --bs-light-bg-subtle:#343a40;
  --bs-dark-bg-subtle:#1a1d20;
  --bs-primary-border-subtle:#084298;
  --bs-secondary-border-subtle:#41464b;
  --bs-success-border-subtle:#0f5132;
  --bs-info-border-subtle:#087990;
  --bs-warning-border-subtle:#997404;
  --bs-danger-border-subtle:#842029;
  --bs-light-border-subtle:#495057;
  --bs-dark-border-subtle:#343a40;
  --bs-heading-color:inherit;
  --bs-link-color:#6ea8fe;
  --bs-link-hover-color:#8bb9fe;
  --bs-link-color-rgb:110,168,254;
  --bs-link-hover-color-rgb:139,185,254;
  --bs-code-color:#e685b5;
  --bs-highlight-color:#dee2e6;
  --bs-highlight-bg:#664d03;
  --bs-border-color:#495057;
  --bs-border-color-translucent:rgba(255, 255, 255, 0.15);
  --bs-form-valid-color:#75b798;
  --bs-form-valid-border-color:#75b798;
  --bs-form-invalid-color:#ea868f;
  --bs-form-invalid-border-color:#ea868f;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

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

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

.h1, h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem;
  }
}
.h2, h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2rem;
  }
}
.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.25rem;
}

.h6, h6 {
  font-size: 1rem;
}

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

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

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

ol, ul {
  padding-left: 2rem;
}

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

.small, small {
  font-size: 0.875em;
}

.mark, mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

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

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

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

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

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

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

button, input, optgroup, 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;
}

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

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button: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: 0.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-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-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;
}

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

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

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs:0;
  --bs-breakpoint-sm:576px;
  --bs-breakpoint-md:768px;
  --bs-breakpoint-lg:992px;
  --bs-breakpoint-xl:1200px;
  --bs-breakpoint-xxl:1400px;
}

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

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

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

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

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

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

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

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

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

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

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0, .gx-0 {
  --bs-gutter-x:0;
}

.g-0, .gy-0 {
  --bs-gutter-y:0;
}

.g-1, .gx-1 {
  --bs-gutter-x:0.25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y:0.25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x:0.5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y:0.5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x:1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y:1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x:1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y:1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x:3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y:3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x:0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y:0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x:1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y:1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x:3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x:0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y:0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x:1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y:1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x:3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x:0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y:0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x:1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y:1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x:3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x:0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y:0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x:0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y:0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y:3rem;
  }
}
.table {
  --bs-table-color-type:initial;
  --bs-table-bg-type:initial;
  --bs-table-color-state:initial;
  --bs-table-bg-state:initial;
  --bs-table-color:var(--bs-emphasis-color);
  --bs-table-bg:var(--bs-body-bg);
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-emphasis-color);
  --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color:var(--bs-emphasis-color);
  --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color:var(--bs-emphasis-color);
  --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

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

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state:var(--bs-table-active-color);
  --bs-table-bg-state:var(--bs-table-active-bg);
}

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

.table-primary {
  --bs-table-color:#000;
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#a6b5cc;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color:#000;
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#b5b6b7;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color:#000;
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#a7b9b1;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color:#000;
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#a6c3ca;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color:#000;
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#ccc2a4;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color:#000;
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#c6acae;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color:#000;
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#c6c7c8;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#4d5154;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

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

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.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(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

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

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}

.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}

.form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

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

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

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

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

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

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

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
}

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

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

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

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

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

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

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + var(--bs-border-width) * 2);
  min-height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
  color: #6c757d;
}

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

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

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .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: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

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

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-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 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

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

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

.btn {
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-width:var(--bs-border-width);
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:var(--bs-border-radius);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

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

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

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

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

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

.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

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

.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd;
}

.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}

.btn-success {
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60,153,110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754;
}

.btn-info {
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11,172,204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0;
}

.btn-warning {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217,164,6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107;
}

.btn-danger {
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225,83,97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545;
}

.btn-light {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
}

.btn-dark {
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66,70,73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529;
}

.btn-outline-primary {
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13,110,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}

.btn-outline-secondary {
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108,117,125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}

.btn-outline-success {
  --bs-btn-color:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25,135,84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none;
}

.btn-outline-info {
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none;
}

.btn-outline-warning {
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255,193,7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none;
}

.btn-outline-danger {
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220,53,69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}

.btn-outline-light {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248,249,250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}

.btn-outline-dark {
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33,37,41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none;
}

.btn-link {
  --bs-btn-font-weight:400;
  --bs-btn-color:var(--bs-link-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:var(--bs-link-hover-color);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-active-color:var(--bs-link-hover-color);
  --bs-btn-active-border-color:transparent;
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-border-color:transparent;
  --bs-btn-box-shadow:0 0 0 #000;
  --bs-btn-focus-shadow-rgb:49,132,253;
  text-decoration: underline;
}

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

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

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y:0.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:var(--bs-border-radius-lg);
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

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

.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:var(--bs-body-color);
  --bs-dropdown-bg:var(--bs-body-bg);
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:var(--bs-border-radius);
  --bs-dropdown-border-width:var(--bs-border-width);
  --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:var(--bs-box-shadow);
  --bs-dropdown-link-color:var(--bs-body-color);
  --bs-dropdown-link-hover-color:var(--bs-body-color);
  --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#6c757d;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

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

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

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

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

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

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

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

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

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

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

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

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

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

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

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

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

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

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

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

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

.dropdown-menu.show {
  display: block;
}

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

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

.dropdown-menu-dark {
  --bs-dropdown-color:#dee2e6;
  --bs-dropdown-bg:#343a40;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#dee2e6;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-header-color:#adb5bd;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

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

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

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

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

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}

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

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-link-color);
  --bs-nav-link-hover-color:var(--bs-link-hover-color);
  --bs-nav-link-disabled-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

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

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

.nav-tabs {
  --bs-nav-tabs-border-width:var(--bs-border-width);
  --bs-nav-tabs-border-color:var(--bs-border-color);
  --bs-nav-tabs-border-radius:var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color:var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg:var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

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

.nav-pills {
  --bs-nav-pills-border-radius:var(--bs-border-radius);
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-active-bg:#0d6efd;
}

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

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

.nav-underline {
  --bs-nav-underline-gap:1rem;
  --bs-nav-underline-border-width:0.125rem;
  --bs-nav-underline-link-active-color:var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}

.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x:0;
  --bs-navbar-padding-y:0.5rem;
  --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y:0.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x:0.5rem;
  --bs-navbar-toggler-padding-y:0.25rem;
  --bs-navbar-toggler-padding-x:0.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius:var(--bs-border-radius);
  --bs-navbar-toggler-focus-width:0.25rem;
  --bs-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(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

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

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-navbar-color);
  --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color:var(--bs-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(--bs-navbar-active-color);
}

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

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}

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

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@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(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

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

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

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

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

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

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark, .navbar[data-bs-theme=dark] {
  --bs-navbar-color:rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-brand-hover-color:#fff;
  --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-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(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

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

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

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

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

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

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

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header, .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer, .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header, .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer, .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color:var(--bs-body-color);
  --bs-accordion-bg:var(--bs-body-bg);
  --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:var(--bs-border-width);
  --bs-accordion-border-radius:var(--bs-border-radius);
  --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:var(--bs-body-color);
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg:var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color:var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x:0.5rem;
  --bs-breadcrumb-item-active-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x:0.75rem;
  --bs-pagination-padding-y:0.375rem;
  --bs-pagination-font-size:1rem;
  --bs-pagination-color:var(--bs-link-color);
  --bs-pagination-bg:var(--bs-body-bg);
  --bs-pagination-border-width:var(--bs-border-width);
  --bs-pagination-border-color:var(--bs-border-color);
  --bs-pagination-border-radius:var(--bs-border-radius);
  --bs-pagination-hover-color:var(--bs-link-hover-color);
  --bs-pagination-hover-bg:var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color:var(--bs-border-color);
  --bs-pagination-focus-color:var(--bs-link-hover-color);
  --bs-pagination-focus-bg:var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color:#fff;
  --bs-pagination-active-bg:#0d6efd;
  --bs-pagination-active-border-color:#0d6efd;
  --bs-pagination-disabled-color:var(--bs-secondary-color);
  --bs-pagination-disabled-bg:var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color:var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

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

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

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

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

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

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x:1.5rem;
  --bs-pagination-padding-y:0.75rem;
  --bs-pagination-font-size:1.25rem;
  --bs-pagination-border-radius:var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x:0.5rem;
  --bs-pagination-padding-y:0.25rem;
  --bs-pagination-font-size:0.875rem;
  --bs-pagination-border-radius:var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

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

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

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

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

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

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

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

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

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

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

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

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress, .progress-stacked {
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:var(--bs-secondary-bg);
  --bs-progress-border-radius:var(--bs-border-radius);
  --bs-progress-box-shadow:var(--bs-box-shadow-inset);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-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(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

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

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color:var(--bs-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --bs-list-group-border-color:var(--bs-border-color);
  --bs-list-group-border-width:var(--bs-border-width);
  --bs-list-group-border-radius:var(--bs-border-radius);
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-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(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-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(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-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(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

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

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}

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

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

.list-group-item-primary {
  --bs-list-group-color:var(--bs-primary-text-emphasis);
  --bs-list-group-bg:var(--bs-primary-bg-subtle);
  --bs-list-group-border-color:var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-primary-border-subtle);
  --bs-list-group-active-color:var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color:var(--bs-secondary-text-emphasis);
  --bs-list-group-bg:var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color:var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-active-color:var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color:var(--bs-success-text-emphasis);
  --bs-list-group-bg:var(--bs-success-bg-subtle);
  --bs-list-group-border-color:var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-success-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-success-border-subtle);
  --bs-list-group-active-color:var(--bs-success-bg-subtle);
  --bs-list-group-active-bg:var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color:var(--bs-info-text-emphasis);
  --bs-list-group-bg:var(--bs-info-bg-subtle);
  --bs-list-group-border-color:var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-info-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-info-border-subtle);
  --bs-list-group-active-color:var(--bs-info-bg-subtle);
  --bs-list-group-active-bg:var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color:var(--bs-warning-text-emphasis);
  --bs-list-group-bg:var(--bs-warning-bg-subtle);
  --bs-list-group-border-color:var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-warning-border-subtle);
  --bs-list-group-active-color:var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg:var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color:var(--bs-danger-text-emphasis);
  --bs-list-group-bg:var(--bs-danger-bg-subtle);
  --bs-list-group-border-color:var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-danger-border-subtle);
  --bs-list-group-active-color:var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg:var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color:var(--bs-light-text-emphasis);
  --bs-list-group-bg:var(--bs-light-bg-subtle);
  --bs-list-group-border-color:var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-light-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-light-border-subtle);
  --bs-list-group-active-color:var(--bs-light-bg-subtle);
  --bs-list-group-active-bg:var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color:var(--bs-dark-text-emphasis);
  --bs-list-group-bg:var(--bs-dark-bg-subtle);
  --bs-list-group-border-color:var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-dark-border-subtle);
  --bs-list-group-active-color:var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg:var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color:#000;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.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%27/%3e%3c/svg%3e");
  --bs-btn-close-opacity:0.5;
  --bs-btn-close-hover-opacity:0.75;
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}

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

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

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

.btn-close-white {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}

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

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

.toast {
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width:var(--bs-border-width);
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:var(--bs-border-radius);
  --bs-toast-box-shadow:var(--bs-box-shadow);
  --bs-toast-header-color:var(--bs-secondary-color);
  --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color:var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

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

.toast-container {
  --bs-toast-zindex:1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color:var(--bs-body-color);
  --bs-modal-bg:var(--bs-body-bg);
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:var(--bs-border-width);
  --bs-modal-border-radius:var(--bs-border-radius-lg);
  --bs-modal-box-shadow:var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:var(--bs-border-width);
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

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

.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}

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

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-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(--bs-modal-margin) * 2);
}

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

.modal-backdrop {
  --bs-backdrop-zindex:1050;
  --bs-backdrop-bg:#000;
  --bs-backdrop-opacity:0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

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

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

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

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

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

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width:300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width:800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:0.5rem;
  --bs-tooltip-padding-y:0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size:0.875rem;
  --bs-tooltip-color:var(--bs-body-bg);
  --bs-tooltip-bg:var(--bs-emphasis-color);
  --bs-tooltip-border-radius:var(--bs-border-radius);
  --bs-tooltip-opacity:0.9;
  --bs-tooltip-arrow-width:0.8rem;
  --bs-tooltip-arrow-height:0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  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(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

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

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

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

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

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

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

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

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

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

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

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex:1070;
  --bs-popover-max-width:276px;
  --bs-popover-font-size:0.875rem;
  --bs-popover-bg:var(--bs-body-bg);
  --bs-popover-border-width:var(--bs-border-width);
  --bs-popover-border-color:var(--bs-border-color-translucent);
  --bs-popover-border-radius:var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow:var(--bs-box-shadow);
  --bs-popover-header-padding-x:1rem;
  --bs-popover-header-padding-y:0.5rem;
  --bs-popover-header-font-size:1rem;
  --bs-popover-header-color:inherit;
  --bs-popover-header-bg:var(--bs-secondary-bg);
  --bs-popover-body-padding-x:1rem;
  --bs-popover-body-padding-y:1rem;
  --bs-popover-body-color:var(--bs-body-color);
  --bs-popover-arrow-width:1rem;
  --bs-popover-arrow-height:0.5rem;
  --bs-popover-arrow-border:var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  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(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}

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

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

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

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

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

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed:1.5s;
  }
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color:var(--bs-body-color);
  --bs-offcanvas-bg:var(--bs-body-bg);
  --bs-offcanvas-border-width:var(--bs-border-width);
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
  --bs-offcanvas-transition:transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height:1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

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

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

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

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

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

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:focus, .link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:focus, .link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:focus, .link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:focus, .link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:focus, .link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:focus, .link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:focus, .link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:focus, .link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:focus, .link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio:100%;
}

.ratio-4x3 {
  --bs-aspect-ratio:75%;
}

.ratio-16x9 {
  --bs-aspect-ratio:56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio:42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

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

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
  position: absolute !important;
}

.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

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

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

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

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

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

.border-opacity-10 {
  --bs-border-opacity:0.1;
}

.border-opacity-25 {
  --bs-border-opacity:0.25;
}

.border-opacity-50 {
  --bs-border-opacity:0.5;
}

.border-opacity-75 {
  --bs-border-opacity:0.75;
}

.border-opacity-100 {
  --bs-border-opacity:1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity:1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity:1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity:1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity:1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity:1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity:1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity:1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity:1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity:1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity:1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity:1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity:1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity:1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity:0.25;
}

.text-opacity-50 {
  --bs-text-opacity:0.5;
}

.text-opacity-75 {
  --bs-text-opacity:0.75;
}

.text-opacity-100 {
  --bs-text-opacity:1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity:0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity:0.1;
}

.link-opacity-25 {
  --bs-link-opacity:0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity:0.25;
}

.link-opacity-50 {
  --bs-link-opacity:0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity:0.5;
}

.link-opacity-75 {
  --bs-link-opacity:0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity:0.75;
}

.link-opacity-100 {
  --bs-link-opacity:1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity:1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity:0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity:0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity:0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity:0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity:0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity:0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity:0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity:0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity:0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity:0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity:1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity:1;
}

.bg-primary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity:1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity:0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity:0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity:0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity:0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity:1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/material-icons/iconfont/material-icons.css ***!
  \**************************************************************************************************************************************************/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(0c35d18bf06992036b69.woff2) format("woff2"), url(4d73cb90e394b34b7670.woff) format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(6f420cf17cc0d7676fad.woff2) format("woff2"), url(f882956fd323fd322f31.woff) format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(c380809fd3677d7d6903.woff2) format("woff2"), url(5d681e2edae8c60630db.woff) format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(219aa9140e099e6c72ed.woff2) format("woff2"), url(3a4004a46a653d4b2166.woff) format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(4ef4218c522f1eb6b5b1.woff2) format("woff2"), url(3baa5b8f3469222b822d.woff) format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/material-symbols/index.css ***!
  \**********************************************************************************************************************************/
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(86cf2b1a3b029646290d.woff2) format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(985ce81b82469013257c.woff2) format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(d7f4e6c41174b751ad4d.woff2) format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/awesome-notifications/dist/style.css ***!
  \********************************************************************************************************************************************/
@keyframes awn-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes awn-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes awn-slide-right {
  0% {
    left: 100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes awn-slide-left {
  0% {
    opacity: 0;
    right: 100%;
  }
  to {
    opacity: 1;
    right: 0;
  }
}
@keyframes awn-bar {
  0% {
    right: 100%;
  }
  to {
    right: 0;
  }
}
.awn-popup-loading-dots, .awn-popup-loading-dots:after, .awn-popup-loading-dots:before {
  animation-fill-mode: both;
  animation: awn-loading-dots 1s ease-in-out infinite;
  background: #fff;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.awn-popup-loading-dots {
  animation-delay: -0.16s;
  color: #fff;
  display: inline-block;
  margin-left: 24px;
  position: relative;
}

.awn-popup-loading-dots:after, .awn-popup-loading-dots:before {
  content: "";
  position: absolute;
  top: 0;
}

.awn-popup-loading-dots:before {
  animation-delay: -0.32s;
  left: -16px;
}

.awn-popup-loading-dots:after {
  left: 16px;
}

@keyframes awn-loading-dots {
  0%, 80%, to {
    box-shadow: 0 0 0 0;
  }
  40% {
    box-shadow: 0 0 0 2px;
  }
}
#awn-popup-wrapper {
  align-items: center;
  animation-fill-mode: both;
  animation-name: awn-fade-in;
  animation-timing-function: ease-out;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}

#awn-popup-wrapper.awn-hiding {
  animation-name: awn-fade-out;
}

#awn-popup-wrapper .awn-popup-body {
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  max-width: 500px;
  min-width: 320px;
  padding: 24px;
  position: relative;
  word-break: break-word;
}

#awn-popup-wrapper .awn-popup-body.awn-popup-confirm {
  align-items: center;
  display: flex;
  flex-direction: column;
}

#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa {
  color: #c26700;
  font-size: 44px;
}

#awn-popup-wrapper .awn-popup-body.awn-popup-async-block {
  background: transparent;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

#awn-popup-wrapper .awn-popup-title {
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px;
  text-transform: uppercase;
}

#awn-popup-wrapper .awn-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  width: 100%;
}

#awn-popup-wrapper .awn-buttons .awn-btn {
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  transition: background 0.2s linear;
  width: 45%;
}

#awn-popup-wrapper .awn-buttons-1 .awn-btn {
  width: 100%;
}

#awn-popup-wrapper .awn-buttons .awn-btn-success {
  background: #40871d;
}

#awn-popup-wrapper .awn-buttons .awn-btn-success:hover {
  background: #367218;
}

#awn-popup-wrapper .awn-buttons .awn-btn-cancel {
  background: #1c76a6;
}

#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover {
  background: #186690;
}

#awn-toast-container {
  bottom: 24px;
  box-sizing: border-box;
  position: fixed;
  right: 24px;
  z-index: 99998;
}

#awn-toast-container.awn-top-left, #awn-toast-container.awn-top-right {
  bottom: auto;
  top: 24px;
}

#awn-toast-container.awn-top-left .awn-toast:first-child, #awn-toast-container.awn-top-right .awn-toast:first-child {
  margin-top: 16px;
}

#awn-toast-container.awn-bottom-left, #awn-toast-container.awn-top-left {
  left: 24px;
  right: auto;
}

#awn-toast-container.awn-bottom-left .awn-toast, #awn-toast-container.awn-top-left .awn-toast {
  animation-name: awn-slide-left;
  right: 100%;
}

#awn-toast-container.awn-bottom-left .awn-toast.awn-hiding, #awn-toast-container.awn-top-left .awn-toast.awn-hiding {
  right: 0;
}

#awn-toast-container.awn-bottom-right .awn-toast, #awn-toast-container.awn-top-right .awn-toast {
  animation-name: awn-slide-right;
  left: 100%;
}

#awn-toast-container.awn-bottom-right .awn-toast.awn-hiding, #awn-toast-container.awn-top-right .awn-toast.awn-hiding {
  left: 0;
}

.awn-toast {
  animation-fill-mode: both;
  animation-timing-function: linear;
  background: #ebebeb;
  border-radius: 6px;
  color: gray;
  cursor: pointer;
  font-size: 14px;
  margin-top: 16px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  width: 320px;
}

.awn-toast-content {
  word-break: break-word;
}

.awn-toast-label {
  color: gray;
  display: block;
  font-size: 18px;
  text-transform: uppercase;
}

.awn-toast-icon {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 16px;
  top: 6px;
}

.awn-toast-icon .fa {
  color: gray;
  font-size: 44px;
}

.awn-toast-wrapper {
  border: 2px solid #d1d1d1;
  border-radius: 6px;
  padding: 22px 88px 16px 16px;
}

.awn-toast-progress-bar {
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.awn-toast-progress-bar:after {
  animation-duration: inherit;
  animation-fill-mode: both;
  animation-name: awn-bar;
  animation-timing-function: linear;
  background: gray;
  content: " ";
  height: 6px;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
}

.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after {
  animation-play-state: paused;
}

.awn-toast.awn-hiding {
  animation-name: awn-fade-out !important;
}

.awn-toast.awn-toast-success {
  background: #dff8d3;
  color: #40871d;
}

.awn-toast.awn-toast-success .awn-toast-wrapper {
  border-color: #a7d590;
}

.awn-toast.awn-toast-success .fa, .awn-toast.awn-toast-success b {
  color: #40871d;
}

.awn-toast.awn-toast-success .awn-toast-progress-bar:after {
  background: #40871d;
}

.awn-toast.awn-toast-info {
  background: #d3ebf8;
  color: #1c76a6;
}

.awn-toast.awn-toast-info .awn-toast-wrapper {
  border-color: #9fd3ef;
}

.awn-toast.awn-toast-info .fa, .awn-toast.awn-toast-info b {
  color: #1c76a6;
}

.awn-toast.awn-toast-info .awn-toast-progress-bar:after {
  background: #1c76a6;
}

.awn-toast.awn-toast-alert {
  background: #f8d5d3;
  color: #a92019;
}

.awn-toast.awn-toast-alert .awn-toast-wrapper {
  border-color: #f0a29d;
}

.awn-toast.awn-toast-alert .fa, .awn-toast.awn-toast-alert b {
  color: #a92019;
}

.awn-toast.awn-toast-alert .awn-toast-progress-bar:after {
  background: #a92019;
}

.awn-toast.awn-toast-warning {
  background: #ffe7cc;
  color: #c26700;
}

.awn-toast.awn-toast-warning .awn-toast-wrapper {
  border-color: #ffc480;
}

.awn-toast.awn-toast-warning .fa, .awn-toast.awn-toast-warning b {
  color: #c26700;
}

.awn-toast.awn-toast-warning .awn-toast-progress-bar:after {
  background: #c26700;
}

[class^=awn-] {
  box-sizing: border-box;
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/index.scss ***!
  \**************************************************************************************************************/
@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  color: red;
}

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.wrapper {
  max-width: 1350px;
  padding: 0 20px;
  position: relative;
  margin: 0 auto;
}

.pointer {
  cursor: pointer;
}

.block {
  display: block !important;
}

.hide {
  display: none !important;
}

.flex {
  display: flex !important;
}

/* Page Up Button */
.page-up {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  opacity: 0;
  bottom: 40px;
  right: 40px;
  background: black;
  transition: 0.3s ease-in-out;
  border-radius: 0 0 10px 0;
  cursor: pointer;
  z-index: 1;
  border: 1px solid white;
}
.page-up img {
  width: 15px;
  height: auto;
}
.page-up.active {
  opacity: 1;
}

/* CF7 Form Styling */
/* Register Fonts */
/* Styling for the footer section */
footer {
  margin-top: auto;
}

/* Make Changes to Gutenberg Block Editor or Classic Editor Elements */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 -20px;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  margin: 0px 20px;
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

ul.slick-dots {
  text-align: center;
  border-radius: 0 0 30px;
  z-index: 1;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  padding-left: 0;
  bottom: -80px;
}
ul.slick-dots li {
  display: flex;
  align-items: center;
}
ul.slick-dots li::after {
  display: none;
}
ul.slick-dots li button {
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0 8px;
  padding: 0;
  background: #CCCCCC;
  border: none;
  color: #CCCCCC;
  cursor: pointer;
}
ul.slick-dots li.slick-active button {
  color: #294566;
  background: #294566;
  height: 20px;
}

.image-slider .slick-arrow.slick-prev, .image-slider .slick-arrow.slick-next {
  outline: none;
  cursor: pointer;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  color: transparent;
  background: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}
.image-slider .slick-arrow.slick-prev {
  z-index: 1;
  top: calc(50% + 26.5px);
  left: -4px;
}
.image-slider .slick-arrow.slick-prev:after {
  content: "";
  display: inline-block;
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18.55px 18.55px;
  width: 53px;
  height: 53px;
  border-radius: 0 0 10px 0;
}
.image-slider .slick-arrow.slick-next {
  z-index: 1;
  top: calc(50% + 109.5px);
  right: -4px;
  rotate: 180deg;
}
.image-slider .slick-arrow:after {
  content: "";
  display: inline-block;
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18.55px 18.55px;
  width: 53px;
  height: 53px;
  border-top-right-radius: 10px;
}

.slider .wrapper .image-slider div img {
  background: yellow;
  width: 300px;
  height: 300px;
}

.faq .drop-down-title {
  cursor: pointer;
}
.faq .drop-down-content {
  opacity: 0;
  z-index: -1;
  max-height: 0;
  transition: 0.3s ease-in-out;
}
.faq .drop-down-content.active {
  transition: 0.3s ease-in-out;
  max-height: 1000px;
  opacity: 1;
  z-index: 1;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  /* background: #fff url('./ajax-loader.gif') center center no-repeat; */
}

/* Icons
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/** Take out oder in basic.sass ändern **/
section {
  margin: 0;
}

/* Start cass */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("https://bilder.teejit.de/fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Cabin Sketch";
  font-style: normal;
  font-weight: 400;
  src: url("https://bilder.teejit.de/fonts/Cabin_Sketch/CabinSketch-Regular.ttf");
}
body {
  color: var(--text-color);
  font-family: "Roboto", sans-serif;
  hyphens: auto;
}

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

.t-content-data a {
  color: var(--primary-background);
}

.t-content-data a, .link-colored {
  color: var(--link-color);
}

.header {
  border-bottom: 1px solid var(--teejit--accent--gray);
  background-color: var(--header-nav-bar-background);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  z-index: 100;
  position: absolute;
}

.header-fixed {
  position: fixed;
}

.header-fixed main {
  margin-top: 0;
}

.header .wrapper {
  display: flex;
  justify-content: space-between;
  flex: 1;
}

.header-logo-wrap a {
  display: flex;
}

.header-website-link {
  display: flex;
  align-items: center;
  gap: var(--gap-medium);
}

/* Basics */
h1 {
  font-size: 1.5em;
  font-weight: 700;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.3em;
  font-weight: 700;
}

h4 {
  font-size: 1.3em;
  font-weight: normal;
}

h5 {
  font-size: 1.1em;
  font-weight: 700;
}

hr {
  border: 1px solid var(--teejit-form-border);
  width: 100%;
}

.t-fc {
  flex-direction: column;
}

.t-fr {
  flex-direction: row;
}

.t-anker::before {
  display: block;
  content: "";
  height: 140px;
  margin-top: -140px;
  visibility: hidden;
}

/* fall back if not defined in src/style.css */
.t-login-form-loading {
  background-color: rgba(255, 255, 255, 0.9);
  display: none !important;
  height: calc(100% - var(--teejit-padding-xl) * 2);
  position: absolute;
  width: calc(100% - var(--teejit-padding-xl) * 2);
  justify-content: center;
  align-items: center;
}

/* teejit loading logo */
.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}

.lds-dual-ring {
  display: block !important;
  width: 50px;
  height: 50px;
}

.rotating-group {
  animation: teejit-loading 4s linear infinite;
  transform-origin: 218.4px 213.38px; /* Mittelpunkt des viewBox */
  fill: var(--primary-background);
}

.teejit-loading-2 {
  animation: teejit-loading-2 4s linear infinite;
}

.t-loading {
  fill: var(--primary-background);
}

@keyframes teejit-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes teejit-loading-2 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
/** loading circles default
.lds-dual-ring {
    display: block !important;
    width: 60px;
    height: 60px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    margin: 8px;
    border-radius: 50%;
    border: 6.4px solid currentColor;
    border-color: currentColor transparent currentColor transparent;
    animation: lds-dual-ring 1.2s linear infinite;
} **/
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* btn Button */
.btn, input.btn {
  padding: 10px 20px;
  cursor: pointer;
  border-radius: var(--teejit-btn-border-radius-small);
  border: none;
  transition: 0.4s;
}

.btn-primary, .t-btn-primary {
  background-color: var(--primary-background);
  border: 1px solid var(--primary-background);
  color: var(--primary-color);
}

.btn-primary:hover, .t-btn-primary:hover {
  background-color: var(--primary-background-hover);
  border: 1px solid var(--primary-color-hover);
  color: var(--primary-color-hover);
}

.btn-secondary {
  background-color: var(--secondary-background);
  border: 1px solid var(--secondary-background);
  color: var(--secondary-color);
}

.btn-secondary:hover {
  background-color: var(--secondary-background-hover);
  border: 1px solid var(--secondary-color-hover);
  color: var(--secondary-color-hover);
}

.btn-delete {
  background-color: var(--teejit-error);
  border: 1px solid var(--teejit-error);
  color: white;
}

.btn-delete:hover {
  background-color: white;
  border: 1px solid var(--teejit-error);
  color: var(--teejit-error);
}

.btn-404 {
  background-color: var(--teejit--accent--gray) !important;
  cursor: not-allowed !important;
}

.t-btn-left {
  align-items: center;
  justify-content: flex-start;
}

.t-btn-right {
  align-items: center;
  justify-content: flex-end;
}

.t-btn-center {
  align-items: center;
  justify-content: center;
}

/* Footer */
footer {
  background-color: var(--teejit--accent--gray);
}

footer .wrapper {
  display: flex;
  flex-direction: column;
}

.footer-line {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  margin: 10px 0;
}

.footer-line > div {
  padding: 5px 15px;
}

.footer-line-nav ul {
  list-style-type: none;
  padding-left: 0;
}

.footer-line-nav ul li {
  padding: 5px 10px;
  float: left;
}

.footer-line-nav ul li a {
  text-decoration: none;
}

.footer-copyright {
  margin: 0;
}

.span-copyright {
  font-size: 10px;
}

/*** Template full width */
.t-col {
  display: flex;
  flex-direction: column;
}

.t-row {
  display: flex;
  flex-direction: row;
}

.t-main {
  display: flex;
  margin: 0;
}

.t-main div, .t-main section, .t-main span {
  display: flex;
}

.t-main .wrapper {
  display: flex;
  flex-direction: column;
  width: calc(100% - var(--sidebar-nav-width));
  padding: 0;
}

#login-page.t-main .wrapper {
  width: 100%;
}

@media all and (max-width: 1000px) {
  .t-main .wrapper {
    width: 100%;
    max-width: 100%;
  }
}
.t-main-page-content {
  flex-direction: column;
  margin: 0;
  flex: 1;
}

#t-site-header, #t-content-wrapper {
  flex: 1;
  z-index: 1;
}

#t-nav {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ccc;
  width: var(--sidebar-nav-width);
  margin: 0 0 5px 0;
  background-color: #fff;
  box-shadow: var(--teejit-box-shadow-1);
  z-index: 2;
}

.t-tag-nav {
  background-color: var(--primary-background);
  color: var(--primary-color);
  cursor: pointer;
  transition: 0.4s;
  box-shadow: var(--teejit-box-shadow-2);
}

.t-tag-nav:hover, .t-tag-nav-home-flag-active {
  color: var(--primary-background);
  background-color: var(--primary-color);
  border: 1px solid var(--primary-background); /*  !important */
}

.t-nav-left {
  flex-direction: column;
}

.t-nav-section {
  flex-direction: column;
}

.t-nav-list-team, .t-nav-group {
  flex-direction: column;
}

.t-nav-list-team > a, .t-nav-group > a {
  flex: 1;
}

.t-nav-list-element {
  padding: var(--teejit-padding-s) var(--teejit-padding-xxl);
  align-items: center;
  gap: var(--gap-small);
}

.t-nav-list-element.wo-icon > .t-nav-list-element-title {
  padding-left: calc(var(--gap-small) + 24px);
}

.t-nav-list-element:hover,
.t-nav-left-active,
ul.t-nav-list-element-ul li:hover {
  background-color: var(--teejit--accent--gray);
}

/* .t-nav-list-team:hover > ul.t-nav-list-element-ul, */
.t-nav-left-active-team, .t-nav-left-active-group {
  border-bottom: 1px solid #ffffff;
}

.t-nav-left-group-active > ul.t-nav-list-element-ul,
.t-nav-left-active > ul.t-nav-list-element-ul,
.t-nav-list-team.t-nav-left-active-team > ul.t-nav-list-element-ul {
  left: 0;
  height: auto;
  opacity: 1;
}

ul.t-nav-list-element-ul {
  margin: 0 0 var(--teejit-padding-s) 0;
  padding: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 0;
}

ul.t-nav-list-element-ul li {
  list-style: none;
  padding: var(--teejit-padding-s) var(--teejit-padding-xxl);
}

ul.t-nav-list-element-ul li .t-nav-list-element {
  padding: 0 0 0 10px;
}

ul.t-nav-list-element-ul a {
  flex: 1;
  width: 100%;
}

ul.t-nav-list-element-ul a:focus,
ul.t-nav-list-element-ul a.focus {
  background-color: var(--teejit--accent--gray);
  /* color: black; */
}

ul.t-nav-list-element-ul:last-child {
  border-bottom: 1px solid var(--teejit-input-border);
}

.t-nav-group > ul.t-nav-list-element-ul {
  align-items: stretch;
  /*margin-left: var(--teejit-padding-xxl);*/
}

.t-nav-group > ul.t-nav-list-element-ul li {
  padding: var(--teejit-padding-s) var(--teejit-padding-xxl);
}

.t-nav-group > ul.t-nav-list-element-ul a.t-nav-submenu-link-active li {
  background-color: var(--teejit--accent--gray);
}

.t-nav-list-h1 {
  padding: 24px 24px 8px 24px;
}

.t-nav-list-h1 span {
  font-size: 14px;
  font-weight: bold;
}

.t-nav-list-element-title {
  font-size: 16px;
}

/*** t-nav-head in app header navigations ***/
.t-nav-head {
  /* flex:1; */
  width: 100%;
}

.t-nav-home-flags {
  flex: 1;
}

div.t-nav-head {
  padding-top: var(--teejit-padding-l);
  padding-right: var(--teejit-padding-l);
  padding-left: var(--teejit-padding-l);
  max-width: 1050px;
  margin: 0 auto;
}

.t-nav-head-wrapper > div {
  padding-bottom: var(--teejit-padding-l);
}

div.t-nav-home-flags {
  padding-top: var(--teejit-padding-l);
  padding-bottom: var(--teejit-padding-l);
}

.t-nav-head-wrapper, .t-nav-home-flag-wrapper {
  flex: 1;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

nav.t-nav-head-apps, .t-nav-home-flag-clients, .t-nav-head-user {
  display: flex;
  flex-direction: row;
  gap: var(--gap-small);
  flex-wrap: wrap;
}

#t-nav-toggle-left-menu {
  cursor: pointer;
  height: 37px;
  color: var(--primary-color);
}

.t-nav-head-user .t-tag-nav .material-icons {
  color: var(--primary-color);
}

.t-nav-head-element-icon {
  font-size: 26px;
}

.t-tag-nav {
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
}

.t-tag.t-tag-nav {
  font-size: var(--font-size-p);
  align-content: center;
  flex-wrap: wrap;
}

.t-tag-nav .t-nav-head-element-icon {
  font-size: var(--font-size-p);
}

.t-tag-nav .t-nav-head-element-icon.icon-after-text {
  margin-left: 4px;
}

.t-kh-home-flag-navigation {
  margin-top: 16px;
}

.t-tag-nav:hover .t-nav-head-element-icon {
  color: var(--primary-background);
}

/*** content parts ***/
#t-content-wrapper {
  display: flex;
  flex-direction: column;
  padding: var(--teejit-padding-l);
  max-width: 1050px;
  margin: 0 auto;
  width: 95%;
}

.t-notice, .t-notice-in {
  border-left: 4px solid var(--primary-background);
  padding: var(--teejit-padding-s);
  margin-left: 0;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: var(--teejit-box-shadow-2);
  word-wrap: break-word;
  flex-direction: column;
}

.t-notice.advise, .t-notice.event-danger, .t-notice.event-warning, .t-notice.event-success, .t-notice-in {
  background-color: var(--teejit--accent--gray);
}

.t-notice.advise h3 {
  margin: 0 0 var(--teejit-padding-m) var(--teejit-padding-s);
  font-size: 20px;
}

@media (max-width: 800px) {
  #t-content-wrapper {
    padding: var(--teejit-padding-l) 0 0 0;
    width: 100%;
  }
}
.t-button-directory > a {
  justify-content: stretch;
  display: flex;
  flex: 1;
}

/** KnowledgeHub Home **/
.t-kh-home-welcome {
  flex-direction: column;
  flex: 1;
}

.t-kh-home-welcome-split {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: var(--gap-large);
}

.t-kh-home-welcome h1 {
  margin-bottom: 0.5em;
  display: block;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

#kh-home-welcome-name {
  display: inline !important;
}

.t-kh-home-welcome-left {
  flex: 3;
  flex-direction: column;
}

.t-kh-home-welcome-left p {
  margin: 0;
  padding-top: var(--teejit-padding-m);
}

.t-kh-home-welcome-right {
  flex: 2;
  align-items: flex-start;
  /*
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-small);
  */
}

.t-kh-home-welcome-news-feed {
  flex-direction: column;
  flex: 1;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-small);
}

.t-kh-home-welcome-news-feed-element {
  flex-direction: column;
  padding: var(--teejit-padding-m);
  flex: 1;
  justify-content: space-between;
}

.t-news-feed-nav {
  margin-top: 16px;
}

.t-news-feed-content-wrap {
  flex: 1;
  flex-direction: column;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
  margin: 20px;
  padding: var(--teejit-padding-m);
}

.t-kh-home-welcome-news-feed-element .t-news-feed-content-wrap {
  margin: 0;
  border: unset;
  padding: 0;
}

.news-feed-team {
  margin: 0;
  font-size: var(--font-size-p-xsmall);
}

.t-news-feed-headline {
  justify-content: space-between;
}

.t-news-team-logo-img-wrap {
  height: 40px;
}

.t-news-feed-main {
  flex-direction: column;
}

.t-news-feed-footer {
  justify-content: flex-end;
}

.t-kh-home-welcome-news-feed-element span.news-feed-h1 {
  font-weight: bold;
}

.t-kh-home-welcome-news-feed-element p {
  font-size: var(--font-size-p);
  margin: 0;
}

.t-kh-home-welcome-news-feed-element p.news-feed-date {
  font-size: var(--font-size-p-small);
}

.t-news-feed-bottom {
  justify-content: flex-end;
  margin-top: 16px;
}

.t-kh-loading {
  flex-direction: column;
}

.t-row-single,
.t-row-multiple {
  padding: 6px;
  max-width: 100%;
  overflow-x: auto;
  margin-top: 24px;
}

.content-by-tag-id-section .t-row-single,
.content-by-tag-id-section .t-row-multiple {
  overflow: unset;
}

/** Row Single **/
.t-row-single, .t-row-multiple {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: var(--gap-large);
  margin-bottom: 25px;
  padding: 6px;
  flex-wrap: wrap;
}

#t-kh-home-upcoming-events-user .t-row-single,
#t-kh-home-teams-events-user .t-row-single,
t-kh-home-recent-events-user .t-row-single,
#t-kh-home-upcoming-events-user .t-row-multiple:has(> .t-button-directory),
#t-kh-home-teams-events-user .t-row-multiple:has(> .t-button-directory),
t-kh-home-recent-events-user .t-row-multiple:has(> .t-button-directory) {
  margin: 0;
}

.t-row-single a {
  display: flex;
  height: 100%;
  flex: 1;
}

.t-row-single .t-button-directory:has(.t-btn-dir-column) {
  flex: 1;
  /* max-width:33%; */
}

.t-row-slider-more {
  width: 50px;
  align-items: center;
  display: flex;
}

.t-row-slider-more > .t-row-more-icon > .material-symbols-outlined {
  font-size: 50px;
}

.t-row-slider-more:hover > .t-row-more-icon > .material-symbols-outlined {
  border-radius: 50%;
  background-color: var(--teejit--accent--gray);
  box-shadow: var(--teejit-box-shadow-1);
}

.t-row-multiple {
  flex-wrap: wrap;
}

/*
.t-row-multiple .t-button-directory:has(.t-btn-dir-column) {
  flex:1;
  max-width:31%;
  min-width:25%;
}
 */
.t-row-single .t-button-directory:has(.t-btn-dir-row) {
  flex: 1;
  max-width: 40%;
  /*   max-width: calc(calc(100% / 3) - var(--gap-large)); */
}

/** Row Single Curriculum **/
.t-curriculum {
  flex-direction: column;
}

.t-curriculum-h3 {
  font-size: var(--font-size-h3);
}

.t-curriculum-row-buttons {
  flex-direction: row;
  gap: var(--gap-large);
}

.t-curriculum-row-buttons .t-button-directory {
  flex: 4 !important;
  max-width: unset !important;
}

.t-button-curriculum-past {
  display: flex;
  flex: 1;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-medium);
  cursor: pointer;
}

.t-curriculum-bg-img {
  background-position: center;
  background-size: cover;
}

.t-curriculum-overlay {
  background: var(--overlay-white-07);
}

.t-curriculum-text-wrapper {
  flex-direction: column;
  padding: var(--teejit-btn-inner-element-padding);
  padding-bottom: var(--teejit-btn-inner-element-padding-bottom);
  justify-content: center;
}

.t-curriculum-event-h1 {
  font-size: var(--teejit-btn-h1);
}

.t-curriculum-event-h2 {
  font-size: var(--teejit-btn-h1);
}

.t-curriculum-text {
  font-size: var(--teejit-btn-p);
  font-weight: 400;
}

.t-button-curriculum-event {
  display: flex;
  flex-direction: column;
  flex: 2;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-medium);
  cursor: pointer;
}

.curriculum-wrapper {
  flex-direction: column;
}

.t-curriculum-top-line {
  padding: var(--teejit-btn-inner-element-padding);
  padding-bottom: var(--teejit-btn-inner-element-padding-bottom);
  justify-content: space-between;
  flex-direction: row;
  background: var(--teejit--accent--gray);
}

.t-curriculum-event-info-wrapper {
  flex-direction: column;
}

.t-curriculum-event-h1 {
  padding: var(--teejit-btn-inner-element-padding);
}

.t-curriculum-top-line > .t-curriculum-event-h1 {
  padding: 0;
}

.t-curriculum-top-line:has(.t-curriculum-event-h1) {
  background: unset;
  padding-bottom: 0;
}

.t-curriculum-event-details, .t-curriculum-event-description {
  flex-direction: column;
  padding: var(--teejit-btn-inner-element-padding);
}

.t-curriculum-date, .t-curriculum-location {
  font-size: var(--teejit-btn-p);
}

/** Row with columns **/
.t-row-with-columns {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: var(--gap-large);
  margin-bottom: 25px;
}

.t-row-with-columns .t-col {
  flex: 1;
}

.t-row-with-columns .t-button-directory {
  margin-bottom: var(--gap-large);
}

/** Button for directory, course **/
.t-button-directory {
  flex: 1 31%;
  max-width: calc(33.3333333333% - var(--gap-medium));
}

.t-row-multiple .t-button-directory {
  max-width: calc(33.33333% - var(--gap-large));
}

.t-btn-dir-column, .t-btn-dir-row {
  flex: 1;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-medium);
}

.t-btn-dir-column {
  flex-direction: column;
}

.t-btn-dir-row {
  flex-direction: row;
}

.t-btn-dir-column:hover, .t-btn-dir-row:hover {
  box-shadow: var(--teejit-box-shadow-1-hover);
}

.t-btn-dir-inner {
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

/* Tags in Button-Row ausschalten ?!
    .t-btn-dir-row .t-btn-dir-inner .t-tag-row {
        display:none;
    }
 */
.t-btn-dir-column .t-img-wrap, .t-btn-dir-row .t-img-wrap {
  height: 150px;
  background-size: cover;
  background-position: center;
  flex-direction: column;
  justify-content: space-between;
}

.t-img-wrap .t-img-background-overlay {
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.t-img-wrap:has(.banderole) {
  overflow: hidden;
  position: relative;
}

.banderole {
  top: 4px;
  left: -28px;
  padding: 8px;
  background: var(--teejit-success);
  color: white;
  font-size: 12px;
  font-weight: bold;
  box-shadow: var(--teejit-box-shadow-1);
  text-align: center;
  align-items: center;
  z-index: 900;
  transform: rotate(-45deg);
  position: absolute;
  width: 100px;
  justify-content: center;
}

.t-img-line {
  padding: 8px 16px;
}

.t-btn-dir-column .t-img-wrap .top-line, .t-btn-dir-row .t-img-wrap .top-line {
  justify-content: space-between;
  /* war vorher flex-end */
}

.t-img-wrap {
  border-top-left-radius: var(--teejit-btn-border-radius-medium);
  border-top-right-radius: var(--teejit-btn-border-radius-medium);
}

.t-btn-dir-column .t-img-wrap .top-line.top-line-w-logo {
  justify-content: space-between;
}

.t-top-line-logo img {
  height: 40px;
}

/* if is marked-content and has copyright */
.t-img-line.bottom-line:has(.t-marked-content-wrapper):has(.copyright) {
  flex-direction: column;
}

.copyright {
  font-size: var(--teejit-btn-span-small);
}

.t-btn-dir-process-line-wrapper {
  padding: 0;
}

.t-process-line {
  height: 4px;
  flex: 1;
  background-color: #e4e4e4;
  margin: 16px 16px 0;
}

.t-process-line {
  height: var(--process-line-height);
}

.t-process-line-text {
  position: absolute;
  font-size: calc(var(--process-line-height) - 4px);
  padding: 1px 8px;
  color: var(--process-text-color);
  display: var(--process-text-visibility);
}

.t-btn-dir-info {
  font-size: 16px;
  padding: 16px 16px 0;
  /*flex:2;*/
}

.t-process-line-done {
  background-color: var(--process-background-done);
}

.t-process-line-undone {
  background-color: var(--process-background-undone);
}

.t-btn-dir-info {
  flex-direction: column;
}

.t-btn-dir-info-title, .t-btn-dir-info-title h3 {
  font-size: var(--teejit-btn-h1);
  margin: 0;
  hyphens: auto;
}

.t-btn-dir-info-details {
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 8px;
  gap: var(--gap-medium);
}

.t-btn-dir-info-subtitle {
  word-break: break-word;
}

.t-btn-dir-info-subtitle {
  font-size: var(--teejit-btn-p);
  margin-top: 8px;
  hyphens: auto;
  word-break: auto-phrase;
}

.text-trim-row-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-trim-row-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text-trim-row-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.t-tag.t-tag-info-details {
  border: unset;
}

.t-tag-audience {
  background-color: var(--tag-audience-background);
  color: var(--tag-audience-color);
  border-color: var(--tag-audience-border-color);
}

.t-tag-category {
  background-color: var(--tag-categroy-background);
  color: var(--tag-categroy-color);
  border-color: var(--tag-categroy-border-color);
}

.t-tag-label {
  background-color: var(--tag-label-background);
  color: var(--tag-label-color);
  border-color: var(--tag-label-border-color);
}

.t-tag-wrapper, .t-mark-content-wrapper {
  gap: var(--gap-small);
  padding: var(--teejit-btn-inner-element-padding);
}

.t-mark-content-wrapper {
  justify-content: end;
}

.t-content-head-header {
  justify-content: space-between;
}

.t-content-head-header .t-mark-content-wrapper {
  padding: 0;
  position: relative;
  width: 50px;
}

.t-content-head-header .t-mark-content-wrapper > button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  position: absolute;
  flex: 1;
}

/* Äußerer Container — Row mit stretch (Standard) */
.t-content-head-inner.fr {
  display: flex;
  align-items: stretch; /* Default, aber explizit setzen */
}

/* Linke & rechte Spalte — ebenfalls als flex-column */
.t-content-head-left,
.t-content-head-right {
  display: flex;
  flex-direction: column;
}

/* Die inneren Boxen sollen die volle Höhe einnehmen */
.t-content-head-left-1,
.t-content-head-right-1 {
  flex: 1; /* füllt die gesamte verfügbare Höhe */
  display: flex;
  flex-direction: column;
}

.t-content-head-left-1,
.t-content-head-right-1 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* CTA-Wrapper immer am unteren Rand */
.t-content-head-cta-wrapper {
  margin-top: auto;
}

.t-content-head-left-1 form {
  margin-top: auto;
  justify-content: flex-end;
}

.t-content-head-header .t-mark-content-wrapper > button > div > .material-symbols-outlined {
  font-size: 60px;
  top: 0;
  left: 0;
}

.t-mark-content, .t-marked-content {
  display: flex;
  align-self: flex-start;
  padding: 8px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
}

.t-mark-content:hover {
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.t-mark-content.marked {
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.mark-toggle {
  align-items: center;
}

.t-marked-content-wrapper {
  flex: 1;
  justify-content: flex-end;
}

.t-marked-content {
  background-color: var(--secondary-background);
  color: var(--secondary-color);
}

.t-marked-content:hover {
  background-color: var(--secondary-background-hover);
  color: var(--secondary-color-hover);
}

.t-img-line.bottom-line:has(t-mark-content-wrapper) {
  justify-content: flex-end;
}

.t-tag-row {
  flex-direction: row;
  flex-wrap: wrap;
  /* flex:1; */
}

.t-tag {
  /* box-shadow: var(--teejit-box-shadow-1); */
  border: 1px solid #e4e4e4;
  border-radius: var(--teejit-tag-border-radius);
  font-size: var(--teejit-btn-span-medium);
}

.t-tag-team {
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.t-tag-category {
  border-color: var(--primary-background);
}

.t-tag-label {
  /* background-color: var(--teejit--accent--gray); */
}

.t-content-head .t-tag-team:hover,
.t-content-head .t-tag-category:hover,
.t-content-head .t-tag-subcategory:hover,
.t-content-head .t-tag-audience:hover,
.t-content-head .t-tag-label:hover,
.t-content-head .t-tag-level:hover {
  border-color: var(--primary-background);
  box-shadow: var(--teejit-box-shadow-1);
}

.t-content-head .t-tag-team,
.t-content-head .t-tag-category,
.t-content-head .t-tag-subcategory,
.t-content-head .t-tag-audience,
.t-content-head .t-tag-label,
.t-content-head .t-tag-level {
  cursor: pointer;
}

.t-tag-team, .t-tag-category, .t-tag-subcategory, .t-tag-audience, .t-tag-label, .t-tag-level {
  padding: 5px 8px;
}

.t-tag-divider {
  font-size: var(--teejit-btn-span-medium);
}

.t-btn-dir-cta {
  padding: var(--teejit-btn-inner-element-padding-bottom);
  justify-content: center;
  margin-top: auto;
  /*
  align-items: flex-end;
  flex:1; */
}

.t-btn-dir-cta a {
  display: flex;
  flex: 1;
}

.t-btn-dir-cta .t-btn-primary {
  flex: 1;
  cursor: pointer;
  background-color: var(--primary-background);
  color: var(--primary-color);
  padding: var(--primary-padding);
  justify-content: center;
  border-radius: var(--teejit-btn-border-radius-small);
  border: 1px solid transparent;
}

/* t-button-directory ROW */
.t-btn-dir-row .t-img-wrap {
  height: auto;
  flex: 1;
  border-top-left-radius: var(--teejit-btn-border-radius-medium);
  border-top-right-radius: unset;
  border-bottom-left-radius: var(--teejit-btn-border-radius-medium);
}

.t-btn-dir-row .t-btn-dir-info-title {
  flex-direction: row;
  justify-content: space-between;
}

.t-btn-dir-row .t-btn-dir-inner {
  flex: 3;
}

.t-btn-dir-info-title-h3 {
  margin: 0 !important;
}

.t-btn-dir-row .t-btn-dir-info-title .icon span {
  color: var(--text-color);
  /* font-size: var(--teejit-btn-h1);*/
}

.t-btn-dir-row .t-top-line-logo img {
  height: auto;
  width: 100%;
}

/* t-btn media query */
@media all and (max-width: 500px) {
  .t-row-single {
    flex-direction: column;
    padding: 0;
    overflow: unset;
  }
  .t-row-single .t-button-directory:has(.t-btn-dir-column) {
    max-width: unset;
  }
  .t-row-multiple .t-button-directory:has(.t-btn-dir-column) {
    flex: 1 100%;
    max-width: unset;
  }
  .t-btn-dir-row {
    flex-direction: column;
  }
  .t-content-head, .t-content-navi {
    margin-left: 0;
    margin-right: 0;
  }
  .t-filter {
    margin: var(--teejit-padding-m);
  }
}
@media all and (min-width: 501px) and (max-width: 700px) {
  .t-row-single {
    flex-direction: column;
  }
  .t-btn-dir-inner {
    flex: 2;
  }
  .t-btn-dir-column {
    flex-direction: row;
  }
  .t-btn-dir-column .t-img-wrap {
    height: auto;
    flex: 1;
    border-top-left-radius: var(--teejit-btn-border-radius-medium);
    border-top-right-radius: unset;
    border-bottom-left-radius: var(--teejit-btn-border-radius-medium);
  }
}
@media all and (min-width: 701px) and (max-width: 800px) {
  .t-row-single .t-button-directory:has(.t-btn-dir-column) {
    max-width: calc(50% - var(--gap-large, 0px));
  }
  .t-row-multiple .t-button-directory:has(.t-btn-dir-column) {
    flex: 1 48%;
    max-width: unset;
  }
  .t-content-label-wrapper > .t-button-directory > .t-btn-dir-column {
    flex-direction: row;
  }
  .t-content-label-wrapper > .t-button-directory > .t-btn-dir-column .t-img-wrap {
    border-bottom-left-radius: var(--teejit-btn-border-radius-medium);
    border-top-left-radius: var(--teejit-btn-border-radius-medium);
    border-top-right-radius: unset;
    flex: 1;
    height: auto;
  }
  .t-content-label-wrapper > .t-button-directory > .t-btn-dir-column .t-btn-dir-inner {
    flex: 2;
  }
}
/* content button accordions */
details > summary:first-of-type {
  list-style: none;
}

.accordion {
  flex-direction: column;
  flex: 1;
}

.accordion-item {
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-medium);
  margin-bottom: 15px;
  flex: 1;
  flex-direction: column;
  background-color: white;
}

.accordion-item.content-type-event {
  border: unset;
}

.accordion-item > div {
  flex: 1;
  flex-direction: column;
}

.accordion-details::before {
  display: block;
  content: "";
  height: 140px;
  margin-top: -140px;
  visibility: hidden;
}

.accordion-header {
  flex: 1;
  flex-direction: row;
  border-radius: var(--teejit-btn-border-radius-medium);
}

details:not([open]) > summary:hover {
  /* box-shadow: var(--teejit-box-shadow-1-hover); */
}

details:not([open]) > .accordion-header:hover {
  box-shadow: var(--teejit-box-shadow-1-hover);
}

details[open] summary .summary-description {
  display: none;
}

summary {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex: 1;
}

.content-wrapper-accordion {
  flex-direction: column;
}

.summary-top {
  flex: 1;
}

.summary-success {
  background-color: var(--teejit-success);
  color: white;
}

.summary-error {
  background-color: var(--teejit-error);
  color: white;
}

.summary-advise {
  background-color: var(--teejit-advise);
  color: white;
}

.summary-icon {
  background-color: var(--accordion-background);
  margin-right: 0;
  padding-right: 0;
}

.summary-title {
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  background-color: var(--accordion-background);
  color: var(--accordion-color);
  position: relative;
  cursor: pointer;
  padding-right: 20px; /* Add space for the arrow */
  border-top-left-radius: var(--teejit-btn-border-radius-medium);
  border-top-right-radius: var(--teejit-btn-border-radius-medium);
}

.accordion-header-icon {
  color: var(--accordion-color);
}

.summary-title::after {
  content: "";
  position: absolute;
  right: 10px; /* Adjust position to fit */
  top: 22px;
  transform: translateY(-50%) rotate(135deg); /* Center and rotate */
  width: 10px; /* Arrow size */
  height: 10px; /* Arrow size */
  border-right: 2px solid #333; /* Right part of arrow */
  border-top: 2px solid #333; /* Top part of arrow */
  transition: 0.4s;
}

.accordion-details[open] .summary-title::after {
  transform: translateY(-50%) rotate(-45deg); /* Rotate to point down */
  top: 27px;
}

summary h3 {
  margin: 0 20px 0 0;
  float: left;
}

.summary-title, .summary-icon, .summary-success, .summary-error, .summary-advise {
  padding: var(--teejit-padding-m);
}

.summary-description {
  padding: var(--teejit-padding-m) 20px;
}

.summary-description > p {
  margin-top: var(--teejit-padding-m);
  margin-bottom: 0;
}

.accordion-header-icon {
  margin-right: var(--teejit-padding-m);
}

.accordion-content {
  flex-direction: column;
}

/*** Events ***/
.event-detail-top {
  background-color: var(--accordion-background);
}

.event-detail-title h3 {
  margin: 0;
  padding: var(--teejit-padding-m);
}

.t-event-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}

.t-event-header-overlay {
  flex: 1;
  justify-content: space-between;
  flex-direction: row;
}

.t-event-header-left, .t-event-header-right {
  flex-direction: column;
}

.t-event-name-topic {
  flex: 1;
}

.t-event-name-topic, .t-event-type-format {
  flex-direction: column;
}

.t-event-name {
  font-size: var(--font-size-h2);
}

.t-event-topic {
  font-size: var(--font-size-p);
}

.t-event-desc_short {
  margin-top: auto;
}

.t-event-number {
  margin-top: auto;
}

.t-event-copyright {
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
  margin: auto 5px 0 5px;
  justify-content: end;
}

.event-in-div {
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
  margin: 5px;
  font-size: var(--font-size-p);
  border: 1px solid var(--teejit-form-border);
  background-color: #ffffff;
  border-radius: var(--teejit-btn-border-radius-small);
  transition: 0.3s;
  min-height: 21px;
}

.event-in-div-front {
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
  margin: 5px 5px 0 5px;
  font-size: var(--font-size-p);
  border-radius: var(--teejit-btn-border-radius-small);
  transition: 0.3s;
  min-height: 21px;
  word-break: break-word;
}

.t-event-name {
  font-size: 20px;
  font-weight: 600;
}

.t-event-topic {
  font-size: 18px;
  font-weight: 500;
}

.event-in-div-front.t-event-type, .event-in-div-front.t-event-format {
  justify-content: space-between;
}

.t-event-typ {
  display: flex;
  align-items: center;
  font-weight: bold;
  min-width: 100px;
  justify-content: flex-end;
}

.event-in-div-front > i.e-material-icon-i {
  color: black;
}

.t-event-main {
  margin: 10px 0;
  gap: var(--gap-medium);
}

.t-event-left-wrapper, .t-event-right-wrapper {
  flex-direction: column;
}

.t-event-main-left {
  flex: 1;
  flex-direction: column;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
}

.speakers-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.speaker-item {
  padding: var(--teejit-padding-m) 0;
  border-bottom: 1px solid var(--teejit-form-border);
}

.speaker-name {
  font-weight: 600;
  margin-bottom: var(--teejit-padding-s);
}

.speaker-bio {
  font-size: 14px;
}

.speaker-item:last-child {
  border-bottom: unset;
}

.t-event-main-right {
  flex: 3;
  flex-direction: column;
  gap: var(--teejit-padding-m);
}

.t-event-right-wrapper {
  flex-direction: column;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
}

.t-event-parent-adivse h5 {
  margin: 0 0 var(--teejit-padding-m) 0;
}

.t-event-parent-adivse > div {
  padding: var(--teejit-padding-m);
  flex-direction: column;
}

.t-event-description-content > .event-in-div-front {
  display: flex;
  flex-direction: column;
}

.t-event-right-wrapper .t-notice {
  margin: var(--teejit-padding-xxl) var(--teejit-padding-m);
  padding: var(--teejit-padding-xl);
}

.t-event-right-wrapper .t-notice-in, .t-notice-in {
  padding: var(--teejit-padding-xl);
}

.t-notice-in {
  margin: var(--teejit-padding-m);
}

.t-notice-in p {
  margin: 0;
}

.t-notice.event-danger, .t-notice-in.event-danger {
  border-color: var(--teejit-error);
  border-radius: unset;
}

.t-notice.event-warning, .t-notice-in.event-warning {
  border-color: var(--teejit-advise);
  border-radius: unset;
}

.t-notice.event-success, .t-notice-in.event-success {
  border-color: var(--teejit-success);
  border-radius: unset;
}

@media all and (max-width: 670px) {
  .t-event-main {
    flex-direction: column;
  }
}
.t-event-left-info {
  flex-direction: column;
  margin: var(--teejit-padding-s) 0 0;
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
  border-bottom: 1px solid var(--teejit-form-border);
}

.event-in-attr {
  font-size: var(--font-size-p);
  font-weight: 700;
}

.event-in-content {
  font-size: var(--font-size-p);
}

span.event-in-content {
  flex-direction: column;
}

.event-register-form .checkbox-icon {
  align-self: flex-start;
}

.event-register-form {
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
}

.hide-unregister-btn + .t-event-unregister {
  display: none !important;
}

.event-register-form h5 {
  margin: 24px 0 12px;
}

.event-register-form input {
  margin-bottom: var(--teejit-padding-m);
}

.event-register-form .is-invalid {
  border-color: var(--teejit-error);
}

.t-event-register, .t-event-unregister {
  margin: var(--teejit-padding-m);
}

.required-fields-label {
  padding: var(--teejit-padding-s) 0;
}

.event-register-form > form {
  display: flex;
}

/** Events Overview **/
.t-content-events-head {
  margin-top: var(--teejit-padding-m);
  flex-direction: row;
  gap: var(--teejit-padding-xl);
}

.t-content-events-head-column {
  flex-direction: column;
  flex: 1;
  border-radius: var(--teejit-btn-border-radius-small);
  box-shadow: var(--teejit-box-shadow-1);
  padding: var(--teejit-padding-m);
  justify-content: space-between;
}

.t-content-events-head-column p {
  margin-bottom: 24px;
}

.load-aevents-btn {
  margin-top: auto;
}

.load-events-btn a {
  display: flex;
  flex: 1;
}

.load-events-btn .btn {
  flex: 1;
  justify-content: center;
}

/* Hide content but keep it accessible */
[hidden] {
  display: none !important;
}

/* Download buttons */
:root {
  --dl-bg: var(--accordion-background);
  --dl-bg-hover: var(--accordion-background);
  --dl-border: var(--primary-color);
  --dl-border-hover: var(--primary-color);
  --dl-text-primary: var(--primary-color);
  --dl-text-secondary: var(--secondary-color);
  --dl-icon-bg: #F3F1EE;
  --dl-icon-bg-hover: #E8E5E0;
  --dl-focus-ring: #1A1A1A;
  --dl-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --color-pdf: #DC3545;
  --color-doc: #2B6CB0;
  --color-xls: #1D7044;
  --color-ppt: #D35230;
  --color-zip: #7C5BBF;
  --color-img: #D97706;
  --color-vid: #0891B2;
  --color-aud: #DB2777;
  --color-default: #6B7280;
}

.dl-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 8px 24px;
  background: var(--dl-bg);
  border: 1px solid var(--primary-background);
  border-radius: 0;
  text-decoration: none;
  color: inherit;
  transition: border-color var(--dl-transition), box-shadow var(--dl-transition);
  cursor: pointer;
  position: relative;
  margin-bottom: 12px;
}

.dl-btn:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.dl-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid var(--primary-color);
}

.dl-btn:hover .dl-icon { /*background: var(--dl-bg);*/ }

.dl-icon svg {
  width: 24px;
  height: 24px;
}

.dl-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dl-name {
  font-size: var(--font-size-p);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1;
  hyphens: auto;
  word-break: break-word;
}

.dl-tag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-size: var(--font-size-p-small);
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 0;
  border: 1.5px solid currentColor;
  line-height: 1;
}

/*
.dl-tag--pdf  { color: var(--color-pdf); border-color: var(--color-pdf); background: rgba(220,53,69,0.07); }
.dl-tag--doc  { color: var(--color-doc); border-color: var(--color-doc); background: rgba(43,108,176,0.07); }
.dl-tag--xls  { color: var(--color-xls); border-color: var(--color-xls); background: rgba(29,112,68,0.07); }
.dl-tag--ppt  { color: var(--color-ppt); border-color: var(--color-ppt); background: rgba(211,82,48,0.07); }
.dl-tag--zip  { color: var(--color-zip); border-color: var(--color-zip); background: rgba(124,91,191,0.07); }
.dl-tag--img  { color: var(--color-img); border-color: var(--color-img); background: rgba(217,119,6,0.07); }
.dl-tag--vid  { color: var(--color-vid); border-color: var(--color-vid); background: rgba(8,145,178,0.07); }
.dl-tag--aud  { color: var(--color-aud); border-color: var(--color-aud); background: rgba(219,39,119,0.07); }
.dl-tag--default { color: var(--color-default); border-color: var(--color-default); background: rgba(107,114,128,0.07); }
*/
.dl-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 0;
  background: transparent;
  border: 1.5px solid transparent;
  flex-shrink: 0;
  transition: all var(--dl-transition);
}

.dl-btn:hover .dl-arrow {
  /*background: var(--dl-icon-bg);
  border-color: #E0DDD7;*/
}

.dl-arrow svg {
  width: 20px;
  height: 20px;
  color: var(--dl-text-secondary);
  transition: transform var(--dl-transition), color var(--dl-transition);
}

.dl-btn:hover .dl-arrow svg, .dl-btn:hover .dl-name {
  color: var(--primary-background);
  /*color: var(--dl-text-primary);
  transform: translateY(2px);*/
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media all and (max-width: 480px) {
  .dl-btn {
    padding: 8px 12px;
  }
  .dl-icon {
    display: none !important;
  }
}
/* Page Header */
.page-header {
  z-index: 0;
}

.page-header.small-header {
  height: 300px;
}

.page-header.medium-header {
  height: 50vh;
}

.page-header.big-header {
  height: 80vh;
}

.page-header-background {
  flex: 1;
  background-position: center;
  background-size: cover;
}

.page-header-background-with-copyright {
  position: relative;
}

.page-header-overlay {
  background-color: var(--overlay-white-02);
  flex: 1;
  align-items: center;
  justify-content: center;
  position: relative;
}

.t-title {
  font-size: 42px;
  text-transform: unset;
}

.page-header-copyright-wrap {
  position: absolute;
  padding: var(--teejit-padding-m);
  top: 0;
  right: 0;
}

.page-header-copyright-span {
  font-size: 12px;
}

.page-header-copyright-symbol {
  font-size: inherit;
  font-weight: inherit;
  padding-right: 3px;
}

.t-content-head {
  margin: -60px 20px 0;
  background-color: white;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-small);
  padding: var(--teejit-padding-m);
  z-index: 1;
}

.t-main-page-content:not(:has(.page-header)) .t-content-head {
  margin-top: 0 !important;
}

#page-team-profil .t-content-head {
  flex-direction: column;
  position: relative;
}

#page-team-profil .t-content-head:has(.t-content-head-right) {
  gap: var(--teejit-padding-m);
}

.t-team-head-logo {
  position: absolute;
  /* right: var(--teejit-padding-m);
  top: -70px;*/
  right: 0;
  padding: 8px 8px 8px 8px;
}

.t-team-head-logo img {
  height: 50px;
  width: auto;
}

#page-team-profil .t-content-head-left-2 {
  flex-direction: column;
}

.team-profil-copyright {
  position: absolute;
  right: 0;
  padding: 8px;
  bottom: 60px;
  color: white;
  font-size: var(--teejit-btn-span-small);
}

.recommended-teams {
  flex-wrap: wrap;
  gap: var(--gap-medium);
}

.tag-recommended-team {
  border: 1px solid #e4e4e4;
}

.tag-recommended-team:hover {
  border: 1px solid var(--primary-background);
}

.tag-recommended-team > div {
  padding: var(--teejit-padding-s);
  gap: 12px;
}

#team-profile-subscribe-wrap {
  margin: 16px 0 0;
}

.btn-add-recommended-team {
  display: flex;
  align-items: center;
  padding: 6px var(--teejit-padding-m);
  background-color: var(--primary-background);
  border: 1px solid var(--primary-background);
  color: var(--primary-color);
  font-size: var(--font-size-p);
  cursor: pointer;
}

.btn-add-recommended-team:hover {
  color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
  background-color: var(--primary-background-hover);
}

.btn-add-recommended-team span.material-icons {
  font-size: 22px;
  padding-right: var(--teejit-padding-s);
}

.t-team-head-h5 {
  margin: 0 0 var(--teejit-padding-m) 0;
}

.t-content-head p.t-team-head-contact {
  margin: 0;
}

.content-detail-teams {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-medium);
}

.kh-team-content-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-medium);
  margin: 0 0 var(--teejit-padding-l);
  padding: var(--teejit-padding-s) 0 var(--teejit-padding-m);
  border-bottom: 1px solid rgba(18, 33, 48, 0.1);
}

.kh-team-content-filter__head {
  display: flex;
  align-items: center;
  min-height: 38px;
}

.kh-team-content-filter__count {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid rgba(18, 33, 48, 0.12);
  border-radius: var(--teejit-tag-border-radius);
  background: rgba(255, 255, 255, 0.78);
  color: rgba(18, 33, 48, 0.72);
  font-size: var(--teejit-btn-span-small);
  font-weight: 700;
  white-space: nowrap;
}

.kh-team-content-filter__controls {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(190px, 280px) auto;
  gap: var(--gap-small);
  align-items: end;
}

.kh-team-content-filter__controls label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  color: rgba(18, 33, 48, 0.72);
  font-size: var(--teejit-btn-span-small);
  font-weight: 600;
}

.kh-team-content-filter__controls input,
.kh-team-content-filter__controls select {
  width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(18, 33, 48, 0.16);
  border-radius: var(--teejit-tag-border-radius);
  background: rgba(255, 255, 255, 0.86);
  color: inherit;
}

.kh-team-content-filter__controls input:focus,
.kh-team-content-filter__controls select:focus {
  outline: 2px solid var(--primary-background);
  outline-offset: 2px;
}

.kh-team-content-filter__reset {
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid rgba(18, 33, 48, 0.16);
  border-radius: var(--teejit-tag-border-radius);
  background: rgba(255, 255, 255, 0.78);
  cursor: pointer;
  font-weight: 700;
}

.kh-team-content-filter__reset:hover,
.kh-team-content-filter__reset:focus {
  border-color: var(--primary-background);
  color: var(--primary-background);
}

.kh-team-content-filter__chips {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: -4px;
}

.kh-team-content-filter__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid rgba(18, 33, 48, 0.14);
  border-radius: var(--teejit-tag-border-radius);
  background: rgba(255, 255, 255, 0.86);
  color: rgba(18, 33, 48, 0.82);
  cursor: pointer;
  font-size: var(--teejit-btn-span-small);
  font-weight: 700;
}

.kh-team-content-filter__chip:hover,
.kh-team-content-filter__chip:focus {
  border-color: var(--primary-background);
  color: var(--primary-background);
}

.kh-team-content-filter__empty {
  margin: 0 0 var(--teejit-padding-l);
  padding: var(--teejit-padding-m);
  border: 1px dashed rgba(18, 33, 48, 0.24);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.kh-team-filter-hidden {
  display: none !important;
}

.t-content-head-title, .news-feed-h1 {
  margin: 8px 0;
}

.news-feed-date {
  margin: 8px 0;
}

.t-content-head-inner {
  gap: var(--teejit-padding-xxl);
}

@media all and (max-width: 800px) {
  .t-content-head-inner {
    flex-direction: column;
  }
  .kh-team-content-filter {
    flex-direction: column;
    align-items: stretch;
  }
  .kh-team-content-filter__head,
  .kh-team-content-filter__controls {
    grid-template-columns: 1fr;
  }
  .kh-team-content-filter__count {
    align-self: flex-start;
  }
}
.t-content-head-left {
  flex: 4;
}

.t-content-head-right {
  flex: 1;
  flex-direction: column;
}

.t-content-head-left, .t-content-head-left-1, .t-content-head-left-3, .t-content-head-right-1 {
  flex-direction: column;
}

.t-content-head-left-2 {
  justify-content: space-between;
  margin-bottom: var(--teejit-padding-m);
}

@media all and (max-width: 1000px) {
  .t-content-head-left-2 {
    flex-direction: column;
  }
}
.t-content-head .t-tag-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.t-content-head span.material-icons:not:has(.t-btn-search-icon), span.material-icons-outlined {
  font-size: 1em;
}

.t-content-head-icon {
  margin-right: 4px;
}

.t-content-head p {
  margin: 16px 0 0;
}

.t-content-head p:first-of-type {
  margin-top: 0;
}

.t-content-head-title-infos {
  gap: var(--gap-large);
}

.t-content-head-title-infos > span, .t-content-head-title-infos > label > span {
  font-size: var(--teejit-btn-span-medium);
}

.mark-content-label {
  cursor: pointer;
}

.mark-bookmark-label {
  position: absolute;
  top: -26px;
  right: -13px;
}

.t-bookmark-icon {
  stroke-width: 5px;
  stroke: var(--text-color);
  fill: var(--teejit--accent--gray);
}

.marked > .t-bookmark-icon {
  fill: var(--primary-background);
}

.t-content-head-details {
  margin: 16px 0 0;
  flex-direction: column;
}

.t-content-head-details-element {
  flex-direction: row;
}

.t-content-head-details-element > span {
  margin-right: 4px;
}

.t-content-head-right-row {
  margin-bottom: 8px;
}

.t-content-main {
  flex-direction: column;
}

.t-content-description {
  border-bottom: 1px solid var(--teejit-form-border);
  padding: 0 0 clamp(1.5rem, 3vw, var(--teejit-padding-xl));
}

.t-content-description p {
  margin: 0;
}

.t-content-element-wrap {
  margin: 20px;
  /*
  flex:1;
  background-color: white;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-small);
  padding: var(--teejit-padding-m);
    */
}

.t-content-element-wrap, .t-content-element-wrap span {
  flex-direction: column;
}

.t-content-element-wrap img, .t-content-element-wrap video, .t-content-element-wrap iframe {
  max-width: 100%;
}

.t-content-element {
  display: block !important;
}

.t-content-data div, .t-content-data section {
  flex-direction: column;
}

.t-content-data {
  flex: 1;
  max-width: 100%;
}

.t-content-data * {
  max-width: 100%;
}

.t-content-data a {
  color: var(--primary-background);
}

.t-content-data img {
  height: auto;
}

.t-content-head-take-away {
  margin: 16px 0 0;
}

.t-content-navi {
  margin: 16px 20px 0;
  background-color: white;
  box-shadow: var(--teejit-box-shadow-1);
  border-radius: var(--teejit-btn-border-radius-small);
}

.t-test-tabs-root {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.t-test-tabs-root .t-content-main {
  width: 100%;
}

.accordion-content .t-content-navi {
  /*argin:0 0 0 !important;
  box-shadow: unset;
  border-bottom: 1px solid var(--teejit-form-border);*/
}

nav.t-content-nav {
  display: flex;
  flex: 1;
}

nav.t-content-nav ul {
  margin: 0;
  padding: 0;
  display: flex;
}

@media all and (max-width: 700px) {
  nav.t-content-nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column !important;
    align-items: flex-start;
  }
}
nav.t-content-nav ul a {
  flex: 1;
  display: flex;
}

nav.t-content-nav ul a:has(.active) {
  color: var(--primary-color);
}

nav.t-content-nav ul li {
  list-style: none;
  flex-direction: row;
  display: flex;
  flex: 1;
}

nav.t-content-nav ul li span.material-symbols-outlined {
  margin-right: 6px;
}

.t-content-navi-wrap, .t-content-navi-wrap > nav ul {
  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap;
}

.t-content-navi-element {
  padding: var(--teejit-padding-m);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.t-content-navi-element span.material-symbols-outlined {
  margin-right: 6px;
}

.t-content-navi-element:hover {
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, var(--teejit--accent--gray), #fff);
}

.t-content-element {
  padding: var(--teejit-padding-m);
}

.t-content-element > h1,
.t-content-element > p {
  margin: 16px 0 0;
}

/* Notes, FAQ */
.t-content-note-container, .t-content-faq-container {
  flex-direction: column;
}

.t-content-note-footer, .t-content-faq-footer {
  flex-direction: row;
  justify-content: space-between;
}

.t-content-note-details span, .t-content-faq-details span {
  font-size: 14px;
}

.t-content-note-footer-edit span, .t-content-faq-footer-edit span {
  padding: 0 var(--teejit-padding-s);
  cursor: pointer;
}

.t-content-note-h, .t-content-faq-h {
  font-size: 1.2em;
  font-weight: 700;
  margin: 0;
}

/* Profil */
.t-content-element, .t-profile-element {
  flex-direction: column;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
  margin: 0 0 16px 0;
}

#teams-related .t-profile-header-main {
  flex-direction: column;
}

.t-profile-element > h1, .t-profile-element > p .t-profile-header {
  padding: var(--teejit-padding-m);
}

.t-profile-header {
  flex-direction: column;
  padding: var(--teejit-padding-m);
}

.t-profile-element > h1,
.t-profile-element > p,
.t-profile-element .t-profile-header > h1,
.t-profile-element .t-profile-header > p {
  margin: 16px 0 0;
}

.t-profile-element-inner {
  padding: var(--teejit-padding-m);
}

.t-table {
  flex: 1;
  flex-direction: column;
  margin: 16px 0 0;
}

.t-table-row {
  flex-direction: row;
  flex: 1;
  padding: var(--teejit-padding-m);
}

.notice-success > .t-table-row:hover {
  background: unset !important;
}

.t-table-row-border-bottom > .t-table-row, .t-table-row-border-bottom > a > .t-table-row {
  border-bottom: 1px solid var(--teejit-form-border);
}

.t-table-profile.t-table-row-border-bottom {
  border-top: 1px solid var(--teejit-form-border);
}

.t-table-row:hover {
  background-color: var(--teejit--accent--gray);
}

.t-table-element {
  flex: 1;
  flex-direction: column;
  padding: var(--teejit-padding-m);
  border-bottom: 1px solid var(--teejit-form-border);
}

.t-table-tags {
  gap: var(--gap-medium);
  flex-wrap: wrap;
}

.t-table-cell:has(t-tag-audience) {
  gap: var(--gap-medium);
  flex-wrap: wrap;
}

.t-table-cell.t-tag-audience {
  border: 1px solid #e4e4e4;
  flex-wrap: wrap;
  gap: var(--gap-medium);
}

.t-tag-not-selected {
  opacity: 0.8;
}

.t-table-cell.t-tag-audience.t-tag-selected {
  border-color: var(--primary-background);
}

.edit-profil-data .t-table-row:hover {
  background-color: unset;
}

.edit-profil-data .t-table-row {
  gap: var(--gap-large);
}

.with-out-border {
  border: unset !important;
}

.t-table-row.with-out-border > p {
  margin-bottom: 0;
}

.t-table-cell:has(label) {
  flex-direction: column;
}

.t-table-cell label {
  margin-bottom: var(--teejit-padding-s);
}

.t-table-cell.cell-right .material-icons:hover {
  color: var(--primary-background);
  transition: 0.6s;
}

.t-table-cell.cell-right .material-icons.icon-delete:hover, .t-table-cell.cell-right .material-symbols-outlined.icon-delete:hover {
  color: var(--teejit-error);
  transition: 0.6s;
}

.cell-left {
  flex: 2;
  flex-basis: 150px;
}

.cell-middle {
  flex: 6;
  flex-basis: 350px;
}

.cell-right {
  flex: 1;
  flex-basis: 50px;
}

.cell-right .t-tabel-cell-inner-2 div {
  max-width: 50px;
  flex: 1;
  justify-content: center;
}

.cell-1 {
  flex: 1;
  flex-basis: 50px;
}

.cell-2 {
  flex: 2;
  flex-basis: 100px;
}

.cell-3 {
  flex: 3;
  flex-basis: 150px;
}

.cell-4 {
  flex: 4;
  flex-basis: 200px;
}

.t-table-cell .notice-error {
  border-left: 4px solid var(--teejit-error);
  padding: var(--teejit-padding-m);
  font-weight: bold;
}

.t-table-cell .notice-success {
  border-left: 4px solid var(--teejit-success);
  font-weight: bold;
  flex-direction: column;
}

.t-profile-element .btn {
  align-items: center;
  justify-content: space-between;
}

/* Forms */
form {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.t-checkbox-wrap {
  flex-direction: row;
  margin-top: var(--teejit-padding-m);
}

.input-label-wrap {
  flex-direction: column;
  margin-top: 24px;
}

input, textarea, select {
  display: flex;
  flex: 1;
  border-radius: var(--teejit-btn-border-radius-small);
  border-color: var(--teejit-form-border);
  padding: var(--teejit-padding-s);
}

input[type=text], input[type=email], input[type=number], textarea {
  font-size: 14px;
  line-height: 1.33333333;
  width: 100%;
  border: 1px solid var(--teejit-input-border);
  padding: var(--teejit-padding-s);
  font-family: "Roboto", sans-serif;
}

input[type=text] {
  min-height: 40px;
  max-height: none;
}

input[type=checkbox] {
  flex: unset;
}

button[type=submit] {
  flex: 1;
}

.profile-save-spinner {
  align-items: center;
  display: none;
  flex: 0 0 auto;
  justify-content: center;
  min-height: 40px;
  min-width: 120px;
}

.profile-save-spinner .profile-save-loader {
  display: block;
  height: 28px;
  width: 28px;
}

@keyframes profile-save-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.nested-checkboxes {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.nested-checkboxes-wrap {
  flex-direction: column;
}

.nested-checkboxes-label {
  flex-direction: row;
  align-items: center;
}

.nested-checkboxes-label > label {
  margin-bottom: 0;
  cursor: pointer;
}

.nested-checkboxes li {
  margin: 10px;
}

.nested-checkboxes ul {
  margin-top: 5px;
}

input[type=checkbox].checkbox-icon {
  display: none;
}

input[type=checkbox].checkbox-icon + .checkbox-icon-label {
  flex-direction: row;
  display: flex;
  align-items: center;
}

input[type=checkbox].checkbox-icon + .privacy-checkbox-label {
  align-items: flex-start;
}

input[type=checkbox].checkbox-icon + .privacy-checkbox-label p {
  margin: 0 0 16px 6px;
}

input[type=checkbox].checkbox-icon + .checkbox-icon-label span.material-symbols-outlined {
  color: var(--primary-background);
}

input[type=checkbox].checkbox-icon:checked + .checkbox-icon-label > div.checkbox-icon-checked {
  display: flex;
  color: var(--primary-background);
}

input[type=checkbox].checkbox-icon:checked + .checkbox-icon-label > div.checkbox-icon-unchecked {
  display: none;
}

input[type=checkbox].checkbox-icon + .checkbox-icon-label > div.checkbox-icon-checked {
  display: none;
}

input[type=checkbox].checkbox-icon + .checkbox-icon-label > div.checkbox-icon-unchecked {
  display: flex;
}

.channel-user-data-consent-wrap {
  margin: 12px 0;
}

.channel-user-data-consent-wrap .checkbox-icon-label {
  align-items: flex-start;
  gap: 6px;
  margin: 0;
}

.channel-user-data-consent-wrap p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.channel-user-data-consent.is-invalid + .checkbox-icon-label {
  color: #b00020;
}

.channel-subscribe-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.48);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.channel-subscribe-dialog {
  width: 100%;
  max-width: 560px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.channel-subscribe-header,
.channel-subscribe-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 24px;
}

.channel-subscribe-header {
  border-bottom: 1px solid #e5e5e5;
}

.channel-subscribe-footer {
  border-top: 1px solid #e5e5e5;
}

.channel-subscribe-body {
  padding: 24px;
}

.channel-subscribe-title {
  margin: 0;
  font-size: 22px;
}

.channel-subscribe-close {
  cursor: pointer;
  background-color: var(--secondary-background);
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}

.channel-subscribe-close:hover {
  background-color: var(--secondary-background-hover);
  border: 1px solid var(--secondary-color-hover);
  color: var(--secondary-color-hover);
}

.channel-subscribe-close .material-symbols-outlined {
  line-height: 1.2;
}

.channel-subscribe-text {
  margin: 0 0 16px;
}

.channel-subscribe-error {
  margin-top: 12px;
  color: #b00020;
  font-size: 14px;
}

.channel-subscribe-footer .btn {
  min-width: 180px;
  justify-content: center;
}

@media (max-width: 640px) {
  .channel-subscribe-overlay {
    padding: 16px;
  }
  .channel-subscribe-header,
  .channel-subscribe-body,
  .channel-subscribe-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .channel-subscribe-footer {
    flex-direction: column-reverse;
  }
  .channel-subscribe-footer .btn {
    width: 100%;
  }
}
.btn-flex-end {
  justify-content: flex-end;
}

/* Search */
.t-search-widget {
  margin: var(--teejit-padding-m) 0;
}

.t-kh-home-search-wrapper,
.t-search-form {
  flex-direction: column;
  width: 100%;
}

.input-search-wrap {
  display: flex;
  flex: 1;
  flex-direction: row;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
  position: relative;
  width: 100%;
}

input.input-search {
  /*border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-top-left-radius: var(--teejit-btn-border-radius-small);
  border-bottom-left-radius: var(--teejit-btn-border-radius-small);
  */
  border: unset;
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--teejit-padding-s);
  padding-right: calc(40px + var(--teejit-padding-s));
  width: 100%;
}

input.input-search:focus-visible {
  border: unset;
}

.t-btn-search {
  position: absolute;
  height: 100%;
  right: 0;
  max-width: 40px;
  cursor: pointer;
  border: 1px solid var(--primary-background);
  border-top-right-radius: var(--teejit-btn-border-radius-small);
  border-bottom-right-radius: var(--teejit-btn-border-radius-small);
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.search-tags-row {
  gap: var(--gap-small);
  margin-top: 12px;
}

.search-tag-wrap > label {
  cursor: pointer;
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
}

.search-tag-wrap input[type=checkbox] {
  display: none;
}

.search-tag-wrap:has(input[type=checkbox]:checked) {
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.search-container, .search-result-list {
  flex-direction: column;
}

.search-result-page-container {
  gap: var(--gap-large);
}

.search-result-channel-filter {
  flex-direction: column;
  gap: var(--teejit-padding-s);
  margin-top: var(--teejit-padding-xl);
}

.search-result-channel-filter-label {
  color: var(--text-color);
  font-size: var(--font-size-p-small);
  font-weight: 700;
}

.search-result-channel-filter-list {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-small);
}

.search-result-channel-filter-item.is-active {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-background);
  color: var(--primary-background);
}

.search-result-card-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-large);
  margin-top: var(--teejit-padding-xl);
}

.search-result-card-grid .t-button-directory {
  flex: 1 1 calc(33.3333333333% - var(--gap-large));
  max-width: calc(33.3333333333% - var(--gap-large));
  min-width: 280px;
}

.search-live-results-wrap {
  flex-direction: column;
  width: 100%;
}

.search-suggestions-list {
  background: #fff;
  border: 1px solid var(--teejit-input-border);
  border-radius: var(--teejit-btn-border-radius-small);
  box-shadow: var(--teejit-box-shadow-1);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: var(--teejit-padding-s) 0 0;
  padding: 0;
  width: 100%;
}

.search-suggestion-item {
  border-bottom: 1px solid var(--teejit-input-border);
  display: flex;
}

.search-suggestion-item:last-child {
  border-bottom: 0;
}

.search-suggestion-link {
  flex: 1;
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
}

.search-suggestion-link:hover,
.search-suggestion-link:focus {
  background: var(--teejit--accent--gray);
  color: var(--primary-background);
}

.search-suggestions-status {
  margin-top: var(--teejit-padding-s);
}

.search-suggestions-spinner {
  align-items: center;
  justify-content: center;
  margin-top: var(--teejit-padding-m);
  min-height: 70px;
  width: 100%;
}

.search-suggestions-actions {
  justify-content: flex-end;
  margin-top: var(--teejit-padding-m);
}

.search-live-result-grid {
  padding: 6px 0;
}

.search-live-show-all {
  justify-content: flex-end;
  margin-top: var(--teejit-padding-m);
}

.search-result-empty {
  margin-top: var(--teejit-padding-xl);
}

.search-result {
  flex-direction: row;
}

#serps {
  flex-direction: column;
  flex: 1;
}

.search-result-element-a:hover .search-result-h4 {
  color: var(--primary-background);
}

.search-result-element {
  flex: 1;
  flex-direction: row;
  padding: var(--teejit-padding-xl) 0;
  min-height: 100px;
  border-bottom: 1px solid var(--teejit-input-border);
}

.search-result-element-a:hover .search-result-element {
  border-bottom: 1px solid var(--primary-background);
}

.search-result-left {
  flex: 1;
}

.search-result-img {
  flex: 1;
  background-size: cover;
  border-radius: var(--teejit-btn-border-radius-small);
  background-position: center;
}

.search-result-right {
  flex: 4;
  flex-direction: column;
  padding-left: var(--teejit-padding-s);
}

.search-result-h4 {
  margin: 0;
}

.search-result-span {
  padding-top: var(--teejit-padding-m);
}

/* Filter */
.t-content-navi-wrap form {
  padding: 0 var(--teejit-padding-m);
}

.t-filter {
  flex-direction: column;
  gap: var(--teejit-padding-s);
}

.t-filter-head {
  padding: var(--teejit-padding-m);
}

.t-filter-head.summary-title {
  padding-right: 30px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.t-filter-row {
  flex-direction: row;
  flex-wrap: wrap;
}

.t-filter-head-title {
  word-break: break-word;
  hyphens: auto;
}

.t-filter-element {
  font-size: var(--font-size-p);
  flex-direction: column;
  border-bottom: 1px solid var(--teejit-input-border);
}

.t-filter:first-child {
  border-top: 1px solid var(--teejit-input-border);
}

@media (min-width: 1000px) {
  .t-filter {
    gap: var(--gap-small);
    flex-direction: row;
    padding: 0 var(--gap-small);
  }
  .t-filter-element {
    border-bottom: unset;
    flex: 1 0 200px;
  }
  .filter-difficulty {
    min-width: 260px;
  }
  .t-filter:first-child {
    border-top: unset;
    border-left: unset;
    flex-wrap: wrap;
  }
  .t-filter-head.summary-title {
    border: 1px solid var(--teejit-input-border);
  }
  .t-filter-main {
    border-left: 1px solid var(--teejit-input-border);
    border-right: 1px solid var(--teejit-input-border);
    border-bottom: 1px solid var(--teejit-input-border);
  }
}
.t-filter-head {
  align-items: center;
  flex-wrap: wrap;
}

.t-filter-head span.material-symbols-outlined {
  margin-right: var(--teejit-padding-m);
  align-self: flex-start;
}

.t-filter-main, .t-filter-element-list {
  flex-direction: column;
}

.t-filter-main-element label.checkbox-icon-label {
  padding: var(--teejit-padding-m);
  flex: 1;
  cursor: pointer;
  border-bottom: 1px solid var(--teejit-input-border);
}

.t-filter-main-element-icon {
  color: unset !important;
}

.t-filter-main-element label.checkbox-icon-label:hover {
  background-color: var(--teejit--accent--gray);
}

.t-filter-main-element {
  flex-direction: row;
}

.filter-submit {
  margin: var(--teejit-padding-m) 0;
}

.filter-submit button {
  font-size: var(--font-size-p);
}

@media (max-width: 1000px) {
  .t-filter {
    margin: var(--teejit-padding-m);
  }
}
.t-content-label-wrapper {
  flex-wrap: wrap;
  gap: var(--gap-large);
}

.t-content-label-wrapper .t-btn-dir-column {
  flex: 1 0 280px !important;
}

.t-content-label-wrapper .t-button-directory {
  max-width: 31%;
}

@media all and (max-width: 1270px) {
  .t-button-directory {
    flex: auto;
  }
  .t-content-label-wrapper .t-button-directory {
    max-width: calc(50% - var(--gap-large) / 2);
  }
}
@media all and (max-width: 970px) {
  .t-button-directory {
    flex: auto;
  }
  /*
  * zwei neben einander
        flex: 1;
        min-width: 45%;
   */
  .t-content-label-wrapper .t-button-directory {
    max-width: 100%;
  }
  .search-result-card-grid .t-button-directory {
    max-width: 100%;
  }
}
/* root */
:root {
  --gap-small: 8px;
  --gap-medium: 12px;
  --gap-large: 24px;
  --sidebar-nav-width: 250px;
  --text-color: #333;
  --teejit--accent--gray: #e9e9e9;
  --link-color: var(--primary-background);
  --primary-background: #3698db; /*#e10019;*/
  --primary-color:#fff;
  --primary-background-hover: #fff; /* if not set --primary-color */
  --primary-color-hover: #3698db; /* if not set --primary-background */
  --primary-padding:8px 16px;
  --secondary-background:#ecf0f1;
  --secondary-color: #333;
  --secondary-background-hover:#333; /* if not set --secondary-color */
  --secondary-color-hover: #ecf0f1; /* if not set --secondary-background */
  --accordion-background:#ecf0f1; /* if not set --secondary-background */
  --accordion-color: #333; /* if not set --secondary-color */
  --overlay-white-07:rgba(255, 255, 255, 0.7);
  --overlay-white-02:rgba(255, 255, 255, 0.2);
  --header-nav-bar-background: #ffffff;
  --teejit-success: #27ae60;
  --teejit-error: #c0392b;
  --teejit-advise: #ff8c00;
  --teejit-advise-contrast: #333;
  --process-background-done: #27ae60;
  --process-background-undone: #7f8c8d;
  --process-text-color: #333333;
  --process-line-height: 16px;
  --process-text-visibility: visible;
  --tag-label-background: #e4e4e4;
  --tag-label-color: #333;
  --tag-label-border-color: #e4e4e4;
  --tag-categroy-background: #fff;
  --tag-categroy-color: #333;
  --tag-categroy-border-color: #3698db;
  --tag-audience-background: #fff;
  --tag-audience-color: #333;
  --tag-audience-border-color: #e4e4e4;
  --teejit-tag-border-radius: 3px; /*könnte das gleich sein wie --teejit-btn-border-radius-small*/
  --teejit-box-shadow-1: 0px 1px 4px 0px rgba(0,0,0,0.2),
  0px 1px 4px 0px rgba(0,0,0,0.14),
  0px 2px 1px -1px rgba(0,0,0,0.12);
  --teejit-box-shadow-1-hover: 0px 0px 7px 0.8px rgba(0,0,0,0.6);
  --teejit-box-shadow-2:0 0 2px 0 rgba(0,0,0,.2); /*use for messages like login error*/
  --teejit-btn-inner-element-padding:16px 16px 0;
  --teejit-btn-inner-element-padding-bottom:16px;
  --teejit-padding-xxl:24px;
  --teejit-padding-xl:20px;
  --teejit-padding-l:16px;
  --teejit-padding-m:12px;
  --teejit-padding-s:8px;
  --teejit-padding-xs:4px;
  --font-size-p: 16px;
  --font-size-p-small:14px;
  --font-size-p-xsmall:12px;
  --font-size-h1: 24px;
  --font-weight-h1: ;
  --font-size-h2: 20px;
  --font-weight-h2: bold;
  --font-size-h3: 20px;
  --font-weight-h3: ;
  --teejit-btn-h1:16px;
  --teejit-btn-p:14px;
  --teejit-btn-span-medium: 12px;
  --teejit-btn-span-small: 10px;
  --teejit-btn-border-radius-medium: 3px;
  --teejit-btn-border-radius-small: 3px;
  --teejit-form-border: #e9e9e9;
  --teejit-input-border: #e9e9e9;
}

/** Basic stuff **/
.teejit-h4 {
  font-size: 20px;
  margin: 0 0 8px;
}

.teejit-h5 {
  font-size: 18px;
  margin: 0 0 8px;
  font-weight: bold;
}

.teejit-h6 {
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 400;
}

@font-face {
  font-family: "Material Icons";
  font-weight: 400;
  src: url("https://bilder.teejit.de/fonts/material-design-icons/font/MaterialIcons-Regular.ttf");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

/*Login Form*/
#t-login-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #fff;
  padding: var(--teejit-padding-l);
}

.t-login {
  width: 320px;
  padding: 5% 0 0;
  margin: auto;
  flex-direction: column;
}

.t-login-middle {
  align-items: center;
}

.t-login-register-now-wrap {
  width: 320px;
  margin: auto;
  flex-direction: column;
}

.t-login-img {
  margin: var(--teejit-padding-m) auto;
}

.t-login-form {
  border-radius: var(--teejit-btn-border-radius-small);
  background-color: var(--overlay-white-07);
}

.t-login .message, .t-login .notice, .t-login .success {
  border-left: 4px solid var(--primary-background);
  padding: var(--teejit-padding-s);
  margin-left: 0;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: var(--teejit-box-shadow-2);
  word-wrap: break-word;
  flex-direction: column;
}

.t-login .message p, .t-login .notice p, .t-login .success p {
  margin: 0;
}

.t-login-form {
  position: relative;
}

.t-login-form-loading {
  background-color: rgba(255, 255, 255, 0.9);
  display: none !important;
  height: calc(100% - var(--teejit-padding-xl) * 2);
  position: absolute;
  width: calc(100% - var(--teejit-padding-xl) * 2);
  justify-content: center;
  align-items: center;
}

.t-login .success {
  border-left-color: var(--teejit-success) !important;
}

.success.new-password code {
  text-align: center;
  font-size: 18px;
  background: var(--teejit--accent--gray);
  padding: var(--teejit-padding-m);
}

.t-login .notice-error {
  border-left-color: var(--teejit-error);
}

.t-login .t-login-error-list {
  list-style: none;
}

.t-login .t-login-error-list li + li {
  margin-top: 4px;
}

#t-loginform .submit, .t-login-action-lostpassword .submit, #t-lostpassword-form .submit {
  border: none;
  margin: 20px 0 0;
}

.t-login .button.wp-hide-pw {
  background: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  font-size: 14px;
  line-height: 2;
  width: 2.5rem;
  height: 100%;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  padding: 5px 9px;
  position: absolute;
  right: 0;
  top: 0;
}

.t-login .button.wp-hide-pw:hover {
  background: 0 0;
}

.t-login .button.wp-hide-pw:focus {
  background: 0 0;
}

.t-login .button.wp-hide-pw:active {
  background: 0 0;
  box-shadow: none;
  transform: none;
}

.t-login .button.wp-hide-pw .dashicons {
  width: 1.25rem;
  height: 1.25rem;
  top: 0.25rem;
}

.t-login .wp-pwd {
  position: relative;
}

.user-data .wp-pwd {
  width: 100%;
}

.no-js .hide-if-no-js {
  display: none;
}

.t-login form, .t-login-register-now {
  margin-top: 20px;
  margin-left: 0;
  padding: var(--teejit-padding-xl);
  font-weight: 400;
  overflow: hidden;
  border: 1px solid var(--teejit-form-border);
  box-shadow: var(--teejit-box-shadow-2);
}

.t-login form .forgetmenot {
  font-weight: 400;
  float: left;
  margin-top: 24px;
  margin-bottom: 0;
}

#login form .submit {
  margin: 0;
  padding: 0;
}

.t-login label {
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  margin-bottom: 3px;
}

.t-login .forgetmenot label, .t-login .pw-weak label {
  line-height: 1.5;
  vertical-align: baseline;
}

#login {
  width: 320px;
  padding: 5% 0 0;
  margin: auto;
}

.t-login form .input, .t-login input[type=password], .t-login input[type=text] {
  font-size: 14px;
  line-height: 1.33333333;
  width: 100%;
  border: 1px solid var(--teejit-form-border);
  padding: var(--teejit-padding-s);
  min-height: 40px;
  max-height: none;
}

.wp-hide-pw .material-symbols-outlined {
  color: var(--text-color);
}

.js.t-login input.password-input {
  padding-right: 2.5rem;
}

.t-login form .input, .t-login form input[type=checkbox], .t-login input[type=text] {
  background: #fff;
}

.t-login form input[type=checkbox].checkbox-icon {
  display: block !important;
  position: absolute;
  opacity: 0;
}

/*** Login - multiple columns Begin ***/
/* additional CSS for three column Login-Layout */
.wrapper:has(#t-login-wrapper) {
  /* width:auto; */
}

.t-login-form {
  min-width: 320px;
}

.t-login-3 {
  flex-direction: row;
  gap: 20px;
  padding: 20px;
  margin: 0 auto;
  max-width: 100%;
}

.t-login-left-svg, .t-login-right-svg {
  background: var(--primary-background);
}

.t-login-left-svg-path-2, .t-login-right-svg-path-2 {
  fill: var(--primary-color);
}

.t-login-mail-path {
  fill: var(--primary-background);
}

.t-login-right-svg-wrap, .t-login-middle-svg-wrap, .t-login-left-svg-wrap {
  margin-top: -25px;
  height: 50px;
}

.t-login-right-svg-wrap > svg, .t-login-middle-svg-wrap > svg, .t-login-left-svg-wrap > svg {
  background: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px;
  background: var(--primary-background);
}

/* Left Column */
.t-login-left {
  flex: 1;
  padding: var(--teejit-padding-xl);
  height: fit-content;
}

.t-login-left-inner, .t-login-left-center {
  display: flex;
  flex-direction: column;
}

.t-login-left-top {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.t-login-h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: var(--teejit-padding-l);
  color: var(--text-color);
}

.ansp-index-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--teejit-padding-s);
  margin-bottom: var(--teejit-padding-m);
}

.ansp-index {
  font-size: var(--font-size-p);
}

.ansp-index-name {
  font-weight: bold;
}

.ansp-index-mail {
  display: flex;
  align-items: center;
}

/* Middle Column - Login-Formular */
.t-login-middle {
  /*flex: 2;*/
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.t-login-middle-inner {
  display: flex;
  flex-direction: column;
}

.t-login-left, .t-login-right {
  margin-top: 20px;
  flex-direction: column;
}

/* Right Column */
.t-login-right {
  flex: 1;
  padding: var(--teejit-padding-xl);
  height: fit-content;
}

.t-login-right-inner, .t-login-right-center {
  display: flex;
  flex-direction: column;
}

.t-login-right-top {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.t-login-right-center {
  text-align: center;
  margin-bottom: 20px;
}

.t-login-right-text {
  justify-content: center;
  flex: 1;
  padding-bottom: var(--teejit-padding-l);
}

.t-login-right-btn {
  justify-content: center;
}

.t-login-2, .t-login-3 {
  flex-direction: row;
  width: 100%;
}

/* reorder login parts - login form always as first */
@media (max-width: 1000px) {
  .t-login-2, .t-login-3 {
    flex-direction: column;
    max-width: 480px;
  }
  .t-login-register-now-wrap {
    /*width: 480px;*/
  }
  .t-login-left,
  .t-login-right {
    order: 2;
  }
  .t-login-middle {
    order: 1;
  }
}
@media (max-width: 768px) {
  .t-login-2, .t-login-3 {
    gap: 20px;
    margin-bottom: 20px;
  }
  .t-login-2, .t-login-3 {
    max-width: 320px;
  }
  .t-login-register-now-wrap {
    width: 320px;
  }
  .t-login:has(.t-login-register-now-wrap) {
    padding: 0;
  }
}
.t-login-h2 {
  text-align: center;
}

/* Only two active */
.t-login-2 .t-login-left, .t-login-2 .t-login-middle, .t-login-2 .t-login-right {
  flex: 1;
}

.t-login-2 .t-login-middle-inner {
  width: 100%;
}

@media (max-width: 768px) {
  .t-login-3 {
    padding: 10px;
    gap: 10px;
  }
}
/*** Login - multiple columns END ***/
@media screen and (max-height: 550px) {
  #login {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1200px) {
  .t-row-slider-more {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .t-content-main iframe {
    max-width: 100%;
  }
  #t-nav {
    display: none;
  }
}
@media screen and (max-width: 855px) {
  .t-content-main iframe {
    max-width: 100%;
  }
  #t-nav {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .t-content-head-take-away {
    flex-direction: column;
  }
  .t-content-head-take-away > span {
    margin-top: 8px;
  }
}
.dashicons, .dashicons-before:before {
  font-family: dashicons;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  speak: never;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: top;
  text-align: center;
  transition: color 0.1s ease-in;
}

.dashicons-visibility:before {
  content: "\f177";
}

.dashicons-hidden:before {
  content: "\f530";
}

.t-login-register-now {
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.t-login-form h4 {
  margin: 0;
}

.t-login-form p {
  margin: 16px 0;
}

.t-login-circle-wrap {
  border-radius: 50%;
  display: flex;
  align-items: center;
  background: var(--primary-background);
  width: 50px;
  justify-content: center;
  height: 50px;
  color: var(--primary-color);
}

/*Login Form End*/
/*Register Form */
#t-register {
  width: 500px;
}

.user-data-section, .main-segment-section, .main-segment-refine-section, .main-segment-others-section, .register-provider-section, .register-provider {
  flex-direction: column;
  margin-bottom: 20px;
}

.register-user-data {
  flex-direction: column;
}

.main-segment {
  /* box-shadow:var(--teejit-box-shadow-1);*/
  border: 1px solid var(--teejit-form-border);
  padding: var(--teejit-padding-s);
  /* background-color: var(--teejit--accent--gray); */
}

.register-main-segment {
  gap: var(--gap-medium);
}

.main-segment-refine-section > div.register-main-segment-refine, .main-segment-others-section > div {
  display: none !important;
}

.main-segment-section:has(input[type=radio]:checked) ~ .main-segment-others-section > div, .main-segment-section:has(input[type=radio]:checked) ~ .main-segment-refine-section > div {
  display: flex !important;
}

.main-segment > input {
  display: none;
}

.main-segment:has(input[type=radio]:checked) {
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.main-segment:has(input[type=checkbox]:checked) {
  background-color: var(--primary-background);
  color: var(--primary-color);
}

.main-segment-refine-section, .main-segment-others-section {
  margin-top: 16px;
}

.register-main-segment, .main-segment-refine-childs-wrapper {
  flex-wrap: wrap;
}

.user-data-section > .input-label-wrap {
  margin: 0;
}

.t-login-form .t-reg-fields-margin-0 {
  margin: 0;
}

.t-login-form .t-reg-fields-small {
  margin: 0 0 8px;
  font-size: var(--font-size-p-small);
}

.register-password-rules {
  margin-top: 12px;
  padding: 12px 16px;
  border: 1px solid var(--teejit-form-border);
  border-radius: 8px;
  background: #f8f8f8;
  flex-direction: column;
}

.register-password-rules__title {
  margin: 0 0 8px;
  font-weight: 600;
}

.register-password-rules__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.register-password-rules__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 6px;
  color: #666;
}

.register-password-rules__item::before {
  content: "•";
  line-height: 1.2;
}

.register-password-rules__item.is-valid {
  color: #1d6f42;
}

.register-password-rules__item.is-valid::before {
  content: "✓";
}

.register-password-rules__item.is-invalid {
  color: #b42318;
}

.register-password-rules__item.is-invalid::before {
  content: "✕";
}

.register-password-rules__note {
  margin: 10px 0 0;
  color: #b42318;
  font-size: var(--font-size-p-small);
}

.register-password-feedback {
  margin-top: 12px;
}

.t-lostpassword-manual-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

.t-lostpassword-manual-fields .input-label-wrap {
  margin: 0;
}

.t-lostpassword-manual-fields .wp-pwd {
  width: 100%;
}

.t-lostpassword-manual-fields .register-password-rules,
.t-lostpassword-manual-fields .register-password-feedback,
.t-lostpassword-manual-fields .notice {
  width: 100%;
}

.register-password-feedback ul {
  margin: 8px 0 0 18px;
}

.register-field-error {
  color: var(--teejit-error);
  font-size: var(--font-size-p-small);
  font-weight: 600;
  margin: 6px 0 0;
}

.t-login [data-required-field-error].is-invalid {
  border-color: var(--teejit-error) !important;
  outline: 1px solid var(--teejit-error);
}

.t-login input[type=checkbox].checkbox-icon.is-invalid + .checkbox-icon-label {
  color: var(--teejit-error);
}

/*Register Form End*/
#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: var(--primary-background);
  color: white;
  cursor: pointer;
  padding: 12px 16px;
  border-radius: 8px;
  transition: opacity 0.3s ease;
}

#scrollToTopBtn:hover {
  /* background-color: #555; */
}

/*** SCORM Begin ***/
.t-content-scorm-wrapper {
  width: 100%;
  max-width: 100%;
  height: calc(var(--scorm-vh, 1vh) * 100 - 320px); /* Header + Meta + Footer */
  max-height: calc(var(--scorm-vh, 1vh) * 100 - 320px); /* initial cap to viewport */
  min-height: min(600px, var(--scorm-vh, 1vh) * 100 - 320px);
  display: block;
  position: relative;
  overflow: hidden;
}

.t-content-scorm-wrapper.is-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
  background: #0b0b0b;
  padding: 56px 24px 24px;
  box-sizing: border-box;
}

.is-scorm-overlay-open {
  overflow: hidden;
}

.is-scorm-overlay-open #header,
.is-scorm-overlay-open #t-nav,
.is-scorm-overlay-open .page-up {
  display: none !important;
}

.t-content-scorm-fullscreen {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  background: #111;
  color: #fff;
  border: 1px solid #111;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.t-content-scorm-fullscreen:hover,
.t-content-scorm-fullscreen:focus {
  background: #2a2a2a;
  border-color: #2a2a2a;
}

.t-content-scorm-exit {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: #fff;
  color: #111;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: none;
}

.t-content-scorm-wrapper.is-overlay .t-content-scorm-exit {
  display: inline-flex;
}

.t-content-scorm-wrapper.is-overlay .t-content-scorm-fullscreen {
  display: none;
}

/* iframe MUSS feste Dimensionen bekommen */
.t-content-scorm-iframe {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: 0;
  display: block;
}

/*** SCORM End ***/
/* Project override layer. Keep the WordPress theme header in ../../style.css. */
:root {
  --bs-link-color: var(--text-color, #333);
  --bs-link-hover-color: var(--link-color, var(--primary-background, #3698db));
  --bs-link-color-rgb: 51, 51, 51;
  --bs-link-hover-color-rgb: 54, 152, 219;
  --teejit-scroll-offset: 150px;
}

.accordion-item,
.accordion-details,
.accordion-header,
.t-test-tabs-root {
  scroll-margin-top: var(--teejit-scroll-offset);
}

.link-colored,
.t-content-data a,
.news-feed-team,
.news-feed-h1 {
  color: var(--link-color, var(--primary-background, #3698db));
}

.link-colored:hover,
.link-colored:focus,
.t-content-data a:hover,
.t-content-data a:focus,
.news-feed-h1:hover,
.news-feed-h1:focus {
  color: var(--primary-color-hover, var(--primary-background, #3698db));
}

.t-btn-dir-process-line-wrapper,
.certificate-process-line-wrapper {
  width: 100%;
}

.t-btn-dir-process-line-wrapper .t-process-line,
.certificate-process-line-wrapper .t-process-line {
  position: relative;
  display: block;
  width: 100%;
  height: 1.25rem !important;
  min-height: 1.25rem;
  margin: 0.75rem 0 0 !important;
  overflow: hidden;
  border-radius: var(--bs-border-radius, 0.375rem);
  background-color: var(--bs-secondary-bg, #e9ecef);
  box-shadow: var(--bs-box-shadow-inset, inset 0 1px 2px rgba(0, 0, 0, 0.075));
}

.t-btn-dir-process-line-wrapper .t-process-line-done,
.certificate-process-line-wrapper .t-process-line-done {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  height: 100%;
  border-radius: inherit;
  background-color: var(--bs-success, var(--teejit-success, #198754));
  transition: width 0.6s ease;
}

.t-btn-dir-process-line-wrapper .t-process-line-undone,
.certificate-process-line-wrapper .t-process-line-undone {
  display: none;
}

.t-btn-dir-process-line-wrapper .t-process-line-text,
.certificate-process-line-wrapper .t-process-line-text {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 100%;
  padding: 0 0.625rem;
  color: var(--bs-body-color, #212529);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.kh-progress-text-hidden .t-btn-dir-process-line-wrapper .t-process-line,
.kh-progress-text-hidden .certificate-process-line-wrapper .t-process-line {
  height: 0.5rem !important;
  min-height: 0.5rem;
}

.kh-progress-text-hidden .t-btn-dir-process-line-wrapper .t-process-line-text,
.kh-progress-text-hidden .certificate-process-line-wrapper .t-process-line-text {
  display: none;
}

.t-button-directory .t-btn-dir-process-line-wrapper {
  padding: 0 1rem;
}

.t-button-directory .t-btn-dir-process-line-wrapper + .t-btn-dir-info {
  padding-top: 0.875rem;
}

.certificate-process-line-wrapper .t-process-line {
  margin-top: 0.5rem !important;
}

.kh-progress-display-image-overlay .t-button-directory .t-btn-dir-column {
  position: relative;
  overflow: hidden;
}

.kh-progress-display-image-overlay .t-button-directory .t-img-wrap {
  position: relative;
  overflow: hidden;
  height: 185px;
}

.kh-progress-display-image-overlay .t-button-directory .t-img-wrap .t-btn-dir-process-line-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 0;
  pointer-events: none;
}

.kh-progress-display-image-overlay .t-button-directory .t-img-wrap .t-process-line {
  height: 2.25rem !important;
  min-height: 2.25rem;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  background-color: rgba(17, 24, 39, 0.78);
  box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(8px);
}

.kh-progress-display-image-overlay .t-button-directory .t-img-wrap .t-process-line-done {
  border-radius: 0;
  background: linear-gradient(90deg, var(--bs-success, var(--teejit-success, #198754)), color-mix(in srgb, var(--bs-success, var(--teejit-success, #198754)) 82%, #fff));
}

.kh-progress-display-image-overlay .t-button-directory .t-img-wrap .t-process-line-text {
  justify-content: flex-start;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.kh-progress-display-image-overlay.kh-progress-text-hidden .t-button-directory .t-img-wrap .t-process-line {
  height: 0.625rem !important;
  min-height: 0.625rem;
  box-shadow: 0 -6px 14px rgba(0, 0, 0, 0.18);
}

.kh-progress-display-image-overlay .t-button-directory .t-btn-dir-process-line-wrapper + .t-btn-dir-info {
  padding-top: 0.875rem;
}

.t-nav-head-user a[href*="action=logout"] .t-tag-nav {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.t-nav-head-user a[href*="action=logout"] .t-nav-head-element-icon.icon-after-text {
  display: inline-flex;
  width: auto;
  margin-left: 0.15rem;
  color: currentColor;
  font-family: "Material Icons";
  font-size: 1.25rem;
  font-feature-settings: "liga";
  line-height: 1;
  opacity: 1;
  visibility: visible;
}

div.t-nav-head {
  max-width: none;
}

.t-nav-head-wrapper {
  flex-wrap: nowrap;
  align-items: center;
}

.t-nav-head-wrapper > div:first-child {
  min-width: 0;
  flex: 1 1 auto;
}

.t-nav-head-wrapper > div,
.t-nav-head-user {
  padding-bottom: 0;
}

.t-nav-head-apps,
.t-nav-head-user {
  flex-wrap: nowrap;
}

.t-nav-head-apps {
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}

.t-nav-head-user {
  flex: 0 0 auto;
}

.t-nav-head-apps .t-nav-li-a,
.t-nav-head-user a {
  flex: 0 0 auto;
}

.t-nav-head-apps .t-tag-nav,
.t-nav-head-user .t-tag-nav {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.t-nav-head-apps .t-nav-head-element-icon {
  display: inline-flex;
  width: auto;
  color: currentColor;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
}

.t-nav-head-mobile-toggle,
.t-nav-head-mobile-menu {
  display: none;
}

@media (max-width: 900px) {
  .t-nav-head-wrapper {
    position: relative;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    padding-inline: 0;
  }
  .t-nav-head-wrapper > div:first-child {
    min-width: auto;
    flex: 0 0 auto;
  }
  .t-nav-head-apps {
    overflow: visible;
  }
  .t-nav-head-apps .t-nav-li-a,
  .t-nav-head-user {
    display: none;
  }
  .t-nav-head-mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 3.25rem;
    padding: 0.75rem 1rem;
    border: 2px solid var(--link-color, var(--primary-background, #3698db));
    color: var(--link-color, var(--primary-background, #3698db));
    font: inherit;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
  }
  .t-nav-head-mobile-toggle .t-nav-head-element-icon {
    display: inline-flex;
    width: auto;
    color: currentColor;
    font-size: 1.35rem;
    line-height: 1;
  }
  .t-nav-head-mobile-menu[hidden] {
    display: none !important;
  }
  .t-nav-head-mobile-menu {
    position: absolute;
    top: calc(100% + 0.7rem);
    right: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0.75rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
  }
  .t-nav-head-wrapper.is-mobile-menu-open .t-nav-head-mobile-toggle {
    background: var(--link-color, var(--primary-background, #3698db));
    color: #fff;
  }
  .t-nav-head-mobile-links {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }
  .t-nav-head-mobile-link {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 3rem;
    padding: 0.75rem 0.85rem;
    border-radius: 0.45rem;
    color: var(--text-color, #333);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
  }
  .t-nav-head-mobile-link:hover,
  .t-nav-head-mobile-link:focus-visible,
  .t-nav-head-mobile-link.is-active {
    background: color-mix(in srgb, var(--link-color, var(--primary-background, #3698db)) 12%, #fff);
    color: var(--link-color, var(--primary-background, #3698db));
    text-decoration: none;
  }
  .t-nav-head-mobile-link .t-nav-head-element-icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    color: currentColor;
    font-size: 1.35rem;
    line-height: 1;
  }
  #t-nav-toggle-left-menu {
    flex: 0 0 auto;
  }
  .t-nav-head-user {
    gap: 0.35rem;
  }
  .t-nav-head-user .t-tag-nav {
    padding-inline: 0.7rem;
  }
}
#page-events > .t-content-main,
#page-events > .t-content-main > .t-content-element-wrap,
#page-events .t-content-head-left-2.t-content-events-head {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-events > .t-content-main {
  gap: 0;
}

#page-events .t-content-head-left-2.t-content-events-head {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

#page-events .t-content-events-head-column {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-events .t-content-events-head-column p {
  margin-bottom: 0;
}

#page-events .load-events-btn {
  margin-top: auto;
}

#page-events .load-events-btn a,
#page-events .load-events-btn .btn {
  width: 100%;
}

@media all and (max-width: 900px) {
  #page-events .t-content-head-left-2.t-content-events-head {
    grid-template-columns: 1fr;
  }
}
#page-channels .t-content-head {
  width: 100%;
}

#page-channels .t-content-head-inner.fr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
  margin-top: 1.25rem !important;
}

#page-channels .t-content-head-inner.fr > .t-content-head-left,
#page-channels .t-content-head-inner.fr > .t-content-head-right {
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-channels .t-content-head-inner.fr > .t-content-head-right {
  padding: 1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-channels .channels-search,
#page-channels .channels-search .input-search-wrap {
  width: 100%;
}

#page-channels .channels-search .input-search-wrap {
  display: flex !important;
  align-items: stretch;
  min-height: 3.5rem;
  margin-top: 1rem;
  overflow: hidden;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#page-channels .channels-search .input-search-wrap:focus-within {
  border-color: var(--primary-background, #3698db);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-channels .channels-search input.input-search {
  min-height: 3.5rem;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color, #212529);
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: none;
}

#page-channels .channels-search input.input-search:focus,
#page-channels .channels-search input.input-search:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none;
}

#page-channels .channels-search input.input-search::placeholder {
  color: var(--bs-secondary-color, #6c757d);
  opacity: 1;
}

#page-channels .channels-search .t-btn-search {
  position: static;
  display: inline-flex;
  flex: 0 0 4rem;
  width: 4rem;
  max-width: none;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--primary-background, #3698db);
  border-radius: 0;
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

#page-channels .channels-search .t-btn-search:hover,
#page-channels .channels-search .t-btn-search:focus {
  background: var(--primary-color-hover, #2b7fb8);
  color: var(--primary-background-hover, #fff);
  outline: 0;
}

#page-channels .channels-search .t-btn-search-icon {
  font-size: 1.75rem;
  line-height: 1;
}

#page-channels .t-channel-search-dropdown {
  top: calc(100% + 0.5rem);
  overflow: hidden auto;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, 0.375rem);
  background: #fff;
  box-shadow: var(--bs-box-shadow, 0 0.5rem 1rem rgba(0, 0, 0, 0.15));
}

#page-channels .t-channel-search-item {
  color: var(--bs-body-color, #212529);
  text-decoration: none;
}

#page-channels .t-channel-search-item:hover,
#page-channels .t-channel-search-item:focus {
  background: color-mix(in srgb, var(--primary-background, #3698db) 8%, #fff);
  outline: 0;
}

#page-channels #btn-join-team {
  width: 100%;
  min-height: 3rem;
}

@media all and (max-width: 900px) {
  #page-channels .t-content-head-inner.fr {
    grid-template-columns: 1fr;
  }
}
#page-innohub-my-projects #t-content-wrapper > .t-content-main.t-content-main-element {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-innohub-my-projects #t-content-wrapper > .t-content-main.t-content-main-element > .t-content-element-wrap.ih-projects-head {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-innohub-my-projects .ih-projects-head {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

#page-innohub-my-projects .ih-projects-new,
#page-innohub-my-projects .ih-projects-search {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-innohub-my-projects .ih-projects-new .kh-plus-btn {
  width: min(100%, 16rem);
  margin-top: auto;
}

#page-innohub-my-projects .ih-projects-search-inner,
#page-innohub-my-projects .ih-projects-search-inner .kh-search-wrap,
#page-innohub-my-projects #kh-project-search-form {
  width: 100%;
}

#page-innohub-my-projects #kh-project-search-form .input-search-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 3.5rem;
  overflow: hidden;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#page-innohub-my-projects #kh-project-search-form .input-search-wrap:focus-within {
  border-color: var(--primary-background, #3698db);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-innohub-my-projects #kh-project-search-form input.input-search {
  min-height: 3.5rem;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color, #212529);
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: none;
}

#page-innohub-my-projects #kh-project-search-form input.input-search:focus,
#page-innohub-my-projects #kh-project-search-form input.input-search:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none;
}

#page-innohub-my-projects #kh-project-search-form input.input-search::placeholder {
  color: var(--bs-secondary-color, #6c757d);
  opacity: 1;
}

#page-innohub-my-projects #kh-project-search-form .t-btn-search {
  position: static;
  display: inline-flex;
  flex: 0 0 4rem;
  width: 4rem;
  max-width: none;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--primary-background, #3698db);
  border-radius: 0;
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
}

#page-innohub-my-projects #kh-project-search-form .t-btn-search-icon {
  font-size: 1.75rem;
  line-height: 1;
}

#page-innohub-my-projects .ih-projects-my-projects,
#page-innohub-my-projects .ih-projects-overview-all {
  width: 100%;
}

#page-innohub-my-projects .kh-project-list.grid-list {
  margin-top: 0;
}

@media all and (max-width: 900px) {
  #page-innohub-my-projects .ih-projects-head {
    grid-template-columns: 1fr;
  }
}
#page-innohub-methodenfinder .kh-mf-field input[type=text],
#page-innohub-methodenfinder .kh-mf-field input[type=number],
#page-innohub-methodenfinder .kh-mf-field select,
#page-innohub-methodenfinder #kh-mf-create-project-form input[type=text],
#page-innohub-methodenfinder .kh-mf-modal-card input[type=text],
#page-innohub-methodenfinder .kh-mf-modal-card select {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 0.875rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, 0.375rem);
  background-color: #fff;
  color: var(--bs-body-color, #212529);
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#page-innohub-methodenfinder .kh-mf-field select,
#page-innohub-methodenfinder .kh-mf-modal-card select {
  padding-right: 2.25rem;
}

#page-innohub-methodenfinder .kh-mf-field input[type=text]:focus,
#page-innohub-methodenfinder .kh-mf-field input[type=number]:focus,
#page-innohub-methodenfinder .kh-mf-field select:focus,
#page-innohub-methodenfinder #kh-mf-create-project-form input[type=text]:focus,
#page-innohub-methodenfinder .kh-mf-modal-card input[type=text]:focus,
#page-innohub-methodenfinder .kh-mf-modal-card select:focus {
  border-color: var(--primary-background, #3698db);
  outline: 0;
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-innohub-methodenfinder .kh-mf-field input::placeholder,
#page-innohub-methodenfinder #kh-mf-create-project-form input::placeholder,
#page-innohub-methodenfinder .kh-mf-modal-card input::placeholder {
  color: var(--bs-secondary-color, #6c757d);
  opacity: 1;
}

#page-innohub-methodenfinder .kh-mf-project-row {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
}

#page-innohub-methodenfinder .kh-mf-project-row > input,
#page-innohub-methodenfinder .kh-mf-project-row > select {
  flex: 1 1 auto;
  min-width: 0;
}

#page-innohub-methodenfinder .kh-mf-project-row > .btn {
  flex: 0 0 auto;
  min-height: 2.75rem;
  white-space: nowrap;
}

#page-innohub-methodenfinder .mf-style-comic #kh-mf-participants {
  width: 100%;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, 0.375rem);
  background: #fff;
}

#page-innohub-methodenfinder .mf-style-comic #kh-mf-participants:focus {
  border-color: var(--primary-background, #3698db);
  outline: 0;
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-innohub-methodenfinder .kh-mf-toggle-group {
  display: flex;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, 0.375rem);
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-innohub-methodenfinder .kh-mf-toggle-btn {
  display: inline-flex;
  flex: 1 1 0;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border: 0;
  border-right: 1px solid var(--bs-border-color, var(--teejit-form-border));
  background: #fff;
  color: var(--bs-body-color, #212529);
  font-weight: 500;
}

#page-innohub-methodenfinder .kh-mf-toggle-btn .material-icons-outlined {
  flex: 0 0 auto;
  width: 1.25rem;
  font-size: 1.25rem;
  line-height: 1;
  text-align: center;
}

#page-innohub-methodenfinder .kh-mf-toggle-btn span:not(.material-icons-outlined) {
  display: inline-block;
  min-width: 0;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: manual;
  line-height: 1.2;
}

#page-innohub-methodenfinder .kh-mf-toggle-btn:last-child {
  border-right: 0;
}

#page-innohub-methodenfinder .kh-mf-toggle-btn:hover,
#page-innohub-methodenfinder .kh-mf-toggle-btn:focus {
  background: color-mix(in srgb, var(--primary-background, #3698db) 8%, #fff);
  color: var(--primary-background, #3698db);
  outline: 0;
}

#page-innohub-methodenfinder .mf-style-comic .kh-mf-toggle-btn.active,
#page-innohub-methodenfinder .kh-mf-toggle-btn.active {
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
}

#page-innohub-methodenfinder .kh-mf-actions {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto auto;
  align-items: end;
  gap: 1rem;
}

#page-innohub-methodenfinder .kh-mf-actions .kh-mf-meta {
  align-self: center;
  grid-column: 4;
  justify-self: end;
  white-space: nowrap;
}

#page-innohub-methodenfinder .kh-mf-actions .kh-mf-reset-btn {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  min-height: 2.75rem;
  white-space: nowrap;
}

@media all and (max-width: 900px) {
  #page-innohub-methodenfinder .kh-mf-actions,
  #page-innohub-methodenfinder .kh-mf-project-row {
    grid-template-columns: 1fr;
  }
  #page-innohub-methodenfinder .kh-mf-project-row {
    flex-direction: column;
  }
  #page-innohub-methodenfinder .kh-mf-actions .kh-mf-meta {
    grid-column: auto;
    justify-self: start;
    white-space: normal;
  }
  #page-innohub-methodenfinder .kh-mf-actions .kh-mf-reset-btn {
    grid-column: auto;
    grid-row: auto;
    justify-self: start;
    white-space: normal;
  }
}
#page-profile #t-content-wrapper {
  gap: clamp(1rem, 2vw, 1.5rem);
}

#page-profile .t-content-main,
#page-profile .t-content-element-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-profile .t-content-element-wrap {
  gap: clamp(1rem, 2vw, 1.5rem);
}

#page-profile .t-profile-element {
  margin: 0 0 clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;
  box-shadow: var(--kh-bootstrap-shadow, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08));
}

#page-profile .t-profile-element:last-child {
  margin-bottom: 0;
}

#page-profile .t-profile-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--bs-border-color, var(--teejit-form-border));
  background: #fff;
}

#page-profile .t-profile-header:has(.t-profile-header-action) {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
}

#page-profile .t-profile-header-main {
  flex: 1 1 auto;
  min-width: 0;
}

#page-profile .t-profile-header-action {
  flex: 0 0 auto;
  white-space: nowrap;
}

#page-profile .t-profile-header h1,
#page-profile .t-profile-header h2,
#page-profile .t-profile-header p {
  margin: 0;
}

#page-profile .t-profile-header p {
  margin-top: 0.5rem;
}

@media (max-width: 720px) {
  #page-profile .t-profile-header:has(.t-profile-header-action) {
    flex-direction: column;
  }
  #page-profile .t-profile-header-action {
    width: 100%;
  }
}
#page-profile .t-table {
  margin: 0;
}

#page-profile .t-table-row {
  padding: 0.875rem 1rem;
}

#page-profile .kh-profile-image-editor,
#page-profile .kh-profile-image-summary-body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 1rem 1.5rem 1.5rem;
  border-top: 1px solid var(--bs-border-color, var(--teejit-form-border));
}

#page-profile .t-profile-element > .kh-profile-image-editor:first-of-type {
  border-top: 0;
}

#page-profile .kh-profile-image-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--primary-background, #3698db) 26%, #fff);
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-background, #3698db) 10%, #fff);
  color: var(--primary-background, #3698db);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-profile .kh-profile-image-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-profile .kh-profile-image-controls {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

#page-profile .kh-profile-image-control-head h2,
#page-profile .kh-profile-image-control-head p {
  margin: 0;
}

#page-profile .kh-profile-image-control-head h2 {
  font-size: 1.2rem;
}

#page-profile .kh-profile-image-control-head p {
  margin-top: 0.35rem;
  color: var(--bs-secondary-color, #6c757d);
}

#page-profile .kh-profile-image-upload-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  cursor: pointer;
}

#page-profile .kh-profile-image-upload-label input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

#page-profile .kh-profile-avatar-fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

#page-profile .kh-profile-avatar-fieldset legend {
  float: none;
  width: auto;
  margin: 0 0 0.5rem;
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.95rem;
  font-weight: 700;
}

#page-profile .kh-profile-avatar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.5rem;
}

#page-profile .kh-profile-avatar-choice {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
  padding: 0.55rem 0.7rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  cursor: pointer;
  font-weight: 700;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

#page-profile .kh-profile-avatar-choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#page-profile .kh-profile-avatar-thumb {
  display: inline-flex;
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 50%;
}

#page-profile .kh-profile-avatar-thumb img {
  display: block;
  width: 100%;
  height: 100%;
}

#page-profile .kh-profile-avatar-choice:has(input:checked) {
  border-color: var(--primary-background, #3698db);
  background: color-mix(in srgb, var(--primary-background, #3698db) 8%, #fff);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-background, #3698db) 12%, transparent);
}

#page-profile .kh-profile-avatar-choice:focus-within {
  border-color: var(--primary-background, #3698db);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-profile .kh-profile-image-editor.is-uploading {
  opacity: 0.72;
  pointer-events: none;
}

#page-profile .kh-profile-image-summary-body {
  border-top: 0;
}

#page-profile .kh-profile-image-summary-body .btn {
  justify-self: start;
}

@media (max-width: 720px) {
  #page-profile .kh-profile-image-editor,
  #page-profile .kh-profile-image-summary-body {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}
#page-profile .t-content-navi {
  padding: 0.75rem;
  background: #fff;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-profile .t-content-navi-wrap,
#page-profile .t-content-nav,
#page-profile .t-content-nav ul {
  width: 100%;
}

#page-profile .t-content-nav ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

#page-profile .t-content-nav a {
  display: flex;
  min-width: 0;
  color: var(--bs-body-color, #212529);
  text-decoration: none;
}

#page-profile .t-content-navi-element {
  display: flex;
  width: 100%;
  min-height: 3.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  color: inherit;
  font-weight: 600;
  text-align: center;
  box-shadow: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#page-profile .t-content-navi-element span:last-child {
  min-width: 0;
  line-height: 1.3;
}

#page-profile .t-content-navi-element .material-icons,
#page-profile .t-content-navi-element .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 1.5rem;
}

#page-profile .t-content-nav a:hover .t-content-navi-element,
#page-profile .t-content-nav a:focus .t-content-navi-element,
#page-profile .t-content-nav a[aria-current=page] .t-content-navi-element,
#page-profile .t-content-navi-element.active {
  border-color: var(--primary-background, #3698db);
  background: color-mix(in srgb, var(--primary-background, #3698db) 9%, #fff);
  color: var(--primary-background, #3698db);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-background, #3698db) 12%, transparent);
}

#page-profile .t-profile-list-tools[data-network-list-tools] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--bs-border-color, var(--teejit-form-border));
  background: #fff;
}

#page-profile .t-profile-list-tools[data-network-list-tools] .input-search-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: none;
  min-height: 3.5rem;
  overflow: hidden;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#page-profile .t-profile-list-tools[data-network-list-tools] .input-search-wrap:focus-within {
  border-color: var(--primary-background, #3698db);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-profile .t-profile-list-tools[data-network-list-tools] input.input-search {
  min-height: 3.5rem;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color, #212529);
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: none;
}

#page-profile .t-profile-list-tools[data-network-list-tools] input.input-search:focus,
#page-profile .t-profile-list-tools[data-network-list-tools] input.input-search:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none;
}

#page-profile .t-profile-list-tools[data-network-list-tools] input.input-search::placeholder {
  color: var(--bs-secondary-color, #6c757d);
  opacity: 1;
}

#page-profile .t-profile-list-tools[data-network-list-tools] .t-btn-search-icon {
  position: static;
  display: inline-flex;
  flex: 0 0 4rem;
  width: 4rem;
  max-width: none;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--primary-background, #3698db);
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
  font-size: 1.75rem;
  line-height: 1;
}

@media all and (max-width: 900px) {
  #page-profile .t-content-nav ul {
    grid-template-columns: 1fr;
  }
  #page-profile .t-content-navi-element {
    justify-content: flex-start;
    text-align: left;
  }
}
#page-certificates #t-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  width: 100%;
}

#page-certificates #t-content-wrapper > .t-content-main,
#page-certificates #t-content-wrapper .t-content-element-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-certificates #t-content-wrapper .t-content-element-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] {
  display: grid !important;
  grid-template-columns: auto minmax(220px, 1fr) minmax(180px, 240px) minmax(240px, 320px) auto;
  align-items: end;
  gap: 1rem;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls {
  display: contents !important;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__head {
  grid-column: 1;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(1) {
  grid-column: 2;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(2) {
  grid-column: 3;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3) {
  grid-column: 4;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset {
  grid-column: 5;
  width: auto;
  white-space: nowrap;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__chips {
  grid-column: 1/-1;
}

#page-certificates .kh-team-content-filter[data-certificate-content-filter] input,
#page-certificates .kh-team-content-filter[data-certificate-content-filter] select {
  width: 100%;
}

#page-certificates #t-kh-home-current-certificates-user,
#page-certificates #t-kh-home-current-certificates-user .t-kh-home-row-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-certificates #t-kh-home-current-certificates-user .t-kh-home-row-h {
  margin: 0 0 1rem;
}

#page-certificates .t-row-single.certificate {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-large, 24px);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

#page-certificates .t-row-single.certificate .t-button-directory {
  flex: 1 1 calc(33.333% - var(--gap-large, 24px));
  max-width: calc(33.333% - var(--gap-large, 24px));
  min-width: 280px;
}

@media all and (max-width: 1200px) {
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__head,
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(1),
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(2),
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3),
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset,
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__chips {
    grid-column: auto;
  }
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__chips {
    grid-column: 1/-1;
  }
}
@media all and (max-width: 760px) {
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] {
    grid-template-columns: 1fr;
  }
  #page-certificates .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__chips {
    grid-column: 1;
  }
  #page-certificates .t-row-single.certificate .t-button-directory {
    max-width: 100%;
  }
}
/* Directory content detail: keep Bootstrap layout flat around accordions. */
#page-directory #t-content-wrapper {
  gap: clamp(1rem, 2vw, 1.5rem);
}

#page-directory #t-content-wrapper > .accordion,
#page-directory #t-content-wrapper > .t-content-main,
#page-directory #t-content-wrapper > .t-content-element-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-directory .accordion {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large, 24px);
}

#page-directory .accordion-item {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;
  box-shadow: var(--kh-bootstrap-shadow, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08));
}

#page-directory .accordion-item > div,
#page-directory .accordion-details {
  width: 100%;
}

#page-directory .accordion-details::before {
  display: none;
}

#page-directory .accordion-header {
  width: 100%;
  border-radius: 0;
  background: var(--accordion-background, #eef3f5);
  box-shadow: none;
  outline: 0;
}

#page-directory .accordion-header:focus,
#page-directory .accordion-header:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--primary-background, #0d6efd) 28%, transparent);
}

#page-directory .summary-top {
  display: flex;
  align-items: stretch;
  width: 100%;
  background: var(--accordion-background, #eef3f5);
}

#page-directory .summary-icon,
#page-directory .summary-success,
#page-directory .summary-error,
#page-directory .summary-advise {
  display: inline-flex;
  /*flex: 0 0 4.5rem;
  padding: 0;*/
  align-items: center;
  justify-content: center;
  padding: var(--teejit-padding-l);
}

#page-directory .summary-title {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: var(--teejit-padding-m, 12px) var(--teejit-padding-l, 16px);
  border-radius: 0;
  background: transparent;
}

#page-directory .summary-title h3 {
  margin: 0;
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1.25;
}

#page-directory .summary-title::after {
  right: 1.25rem;
  top: 50%;
}

#page-directory .accordion-details[open] .summary-title::after {
  top: 50%;
}

#page-directory .summary-bottom {
  display: flex;
  width: 100%;
}

#page-directory .summary-description {
  flex: 1 1 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid var(--bs-border-color, var(--teejit-form-border));
  background: #fff;
}

#page-directory .summary-description > p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
}

#page-directory .accordion-content {
  display: block;
  padding: clamp(1.5rem, 3vw, var(--teejit-padding-l));
  border-top: 1px solid var(--bs-border-color, var(--teejit-form-border));
  background: #fff;
}

#page-directory .accordion-content .t-content-data {
  width: min(100%, 960px);
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--text-color);
  font-size: 1rem;
  line-height: 1.6;
}

#page-directory .accordion-content .t-content-data > div,
#page-directory .accordion-content .t-content-data > section {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-directory .accordion-content .t-content-data h1,
#page-directory .accordion-content .t-content-data h2,
#page-directory .accordion-content .t-content-data h3,
#page-directory .accordion-content .t-content-data h4 {
  margin: 0 0 0.75rem;
  line-height: 1.25;
}

#page-directory .accordion-content .t-content-data p,
#page-directory .accordion-content .t-content-data ul,
#page-directory .accordion-content .t-content-data ol {
  margin-bottom: 1rem;
}

#page-directory .accordion-content .t-content-data > *:last-child {
  margin-bottom: 0;
}

#page-directory .accordion-content .t-test-tabs-root,
#page-directory .accordion-content .t-content-test,
#page-directory .accordion-content [data-test-tab-content],
#page-directory .accordion-content .quiz-container,
#page-directory .accordion-content .t-test-output {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-directory .accordion-content .t-content-navi {
  margin: 0 0 1.25rem;
  /*padding: 0.5rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium));
  background: #fff;*/
  box-shadow: none;
  border: unset;
}

#page-directory .accordion-content .t-content-nav ul {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

#page-directory .accordion-content .t-content-nav a,
#page-directory .accordion-content .t-content-nav li {
  min-width: 0;
}

#page-directory .accordion-content .t-content-navi-element {
  width: 100%;
  min-height: 3.75rem;
  justify-content: center;
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  box-shadow: none;
}

#page-directory .accordion-content .t-content-main,
#page-directory .accordion-content .t-content-element-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-directory .accordion-content .t-content-element-wrap[style] {
  gap: 1rem !important;
}

#page-directory .accordion-content .t-content-test-details {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  gap: 0.75rem !important;
}

#page-directory .accordion-content .t-test-content-passing-score,
#page-directory .accordion-content .t-test-content-feedback {
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0.85rem 1.1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  box-shadow: none;
  font-size: 1rem;
  line-height: 1.4;
}

#page-directory .accordion-content .quiz-container fieldset.t-notice-in {
  margin: 0 0 1rem;
  padding: 1.25rem !important;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border)) !important;
  border-left: 3px solid var(--primary-background) !important;
  border-radius: var(--bs-border-radius, var(--teejit-btn-border-radius-small));
  background: #fff;
  box-shadow: none;
}

#page-directory .accordion-content .quiz-container fieldset.t-notice-in:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  #page-directory .summary-top {
    min-height: 3.75rem;
  }
  #page-directory .summary-icon,
  #page-directory .summary-success,
  #page-directory .summary-error,
  #page-directory .summary-advise {
    flex-basis: 3.75rem;
  }
  #page-directory .summary-title {
    padding: 0.875rem 3rem 0.875rem 1rem;
  }
  #page-directory .accordion-content {
    padding: 1.25rem;
  }
  #page-directory .accordion-content .t-content-nav ul {
    grid-template-columns: 1fr;
  }
  #page-directory .accordion-content .t-content-test-details {
    flex-direction: column;
  }
  #page-directory .accordion-content .t-test-content-passing-score,
  #page-directory .accordion-content .t-test-content-feedback {
    width: 100%;
  }
}
#page-team-profil #t-content-wrapper {
  gap: clamp(1.25rem, 2.5vw, 2rem);
}

#page-team-profil #t-content-wrapper > .kh-team-content-filter {
  margin-bottom: 0;
}

#page-team-profil .content-detail-teams {
  width: 100%;
}

#page-team-profil .content-detail-teams > .t-kh-home-row,
#page-team-profil .content-detail-teams .active-team-content {
  width: 100%;
}

#page-team-profil .content-detail-teams .t-kh-home-row-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-team-profil .content-detail-teams .t-kh-home-row-h {
  margin: 0 0 0.75rem;
}

#page-team-profil .content-detail-teams .kh-team-content-filter {
  width: 100%;
  margin: 0 0 clamp(1.25rem, 2vw, 1.75rem);
}

#page-team-profil .content-detail-teams .t-content-label-wrapper {
  width: 100%;
  margin: 0;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.t-test-container {
  flex-direction: column;
  gap: 16px;
}

.t-test-content-passing-score, .t-test-content-feedback {
  font-size: var(--font-size-p);
  font-weight: bold;
}

.t-test-form input {
  flex: auto;
}

.t-test-output {
  flex-direction: column;
}

.t-tag-test {
  font-size: var(--font-size-p);
  border: 1px solid var(--teejit-input-border);
  padding: 12px;
}

.t-test-result-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.t-test-result-passed {
  background-color: color-mix(in srgb, var(--teejit-success, #198754) 9%, rgba(25, 135, 84, 0.1)) !important;
  color: var(--teejit-success) !important;
  border-color: var(--teejit-success) !important;
}

.t-test-result-not-passed {
  background-color: color-mix(in srgb, var(--teejit-error, #c0392b) 10%, rgba(192, 57, 43, 0.1)) !important;
  color: var(--teejit-error) !important;
  border-color: var(--teejit-error) !important;
}

.t-content-test {
  flex-direction: column;
}

/* --- Quiz Styles --- */
.quiz-container {
  flex-direction: column;
  gap: 24px;
}

/* Question Card */
.quiz-container fieldset.t-notice-in {
  background: #fff;
  border: 1px solid var(--teejit-form-border) !important;
  border-left: 3px solid var(--primary-background) !important;
  border-radius: var(--teejit-btn-border-radius-medium);
  /*box-shadow: var(--teejit-box-shadow-1);*/
  padding: var(--teejit-padding-xxl) !important;
  margin: 0;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.quiz-container fieldset.t-notice-in:hover {
  /* box-shadow: var(--teejit-box-shadow-1-hover); */
}

.quiz-container fieldset legend {
  font-size: var(--font-size-h2);
  font-weight: 700;
  color: var(--text-color);
  padding: 0 var(--teejit-padding-s);
  line-height: 1.4;
}

.quiz-container .t-tag.t-tag-audience {
  background: var(--secondary-background);
  color: var(--secondary-color);
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-tag-border-radius);
  padding: var(--teejit-padding-xs) var(--teejit-padding-s);
  font-size: var(--teejit-btn-span-medium);
  font-weight: 600;
}

.quiz-container fieldset img {
  border-radius: var(--teejit-btn-border-radius-small);
  border: 1px solid var(--teejit-form-border);
}

/* Option Row */
.quiz-container fieldset label {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  cursor: pointer;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
  background: #fff;
  transition: all 0.25s ease;
  overflow: hidden;
  padding: 0 !important;
}

.quiz-container fieldset label:hover {
  border-color: var(--primary-background);
  box-shadow: var(--teejit-box-shadow-2);
  transform: translateX(3px);
}

/* Keep InnoHub nav-group behavior aligned with hubertus branch */
.t-nav-list-team,
.t-nav-group {
  display: flex;
  flex-direction: column;
}

.t-nav-list-team > a,
.t-nav-group > a {
  flex: 1;
}

#t-nav-left-team-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  width: 100%;
  min-width: 0;
}

#t-nav-left-team-list .t-nav-list-team,
#t-nav-left-team-list .t-nav-list-team > a {
  width: 100%;
  min-width: 0;
}

#t-nav-left-team-list .t-nav-list-element {
  width: 100%;
  min-width: 0;
}

#t-nav-left-team-list .t-nav-list-element-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

#t-nav-left-team-spinner {
  justify-content: flex-start;
}

#t-nav-left-team-spinner .t-nav-loading-icon,
#t-nav-left-team-spinner .lds-dual-ring,
#t-nav-left-team-spinner .t-loading {
  display: inline-flex !important;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

body.kh-sidebar-collapsed #t-nav-left-team-list {
  align-items: center;
}

body.kh-sidebar-collapsed #t-nav-left-team-list .t-nav-list-team,
body.kh-sidebar-collapsed #t-nav-left-team-list .t-nav-list-team > a {
  width: auto;
}

body.kh-sidebar-collapsed #t-nav-left-team-spinner {
  justify-content: center;
  width: 2.75rem;
}

.t-kh-home-welcome h1 {
  display: block;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

#kh-home-welcome-name {
  display: inline !important;
}

.t-nav-left-active-team,
.t-nav-left-active-group {
  border-bottom: 1px solid #ffffff;
}

/* Bootstrap sidebar override: keep channel subitems aligned with InnoHub subitems. */
#t-nav-left .t-nav-list-element-ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  height: auto;
  margin: 0;
  padding: 0.35rem 0 0 0.75rem;
  list-style: none;
}

#t-nav-left .t-nav-list-element-ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#t-nav-left .t-nav-list-element-ul a {
  display: block;
  width: 100%;
}

#t-nav-left .t-nav-list-element-ul .t-nav-list-element {
  width: 100%;
  padding: 0.55rem 0.75rem;
}

#t-nav-left .t-nav-list-element-ul a:hover li,
#t-nav-left .t-nav-list-element-ul a:focus li {
  background: transparent;
}

#t-nav-left .t-nav-list-element-ul a:hover .t-nav-list-element,
#t-nav-left .t-nav-list-element-ul a:focus .t-nav-list-element,
#t-nav-left .t-nav-submenu-link-active .t-nav-list-element {
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
}

#t-nav-left .t-nav-list-element-ul:last-child {
  border-bottom: 0;
}

.quiz-container .t-test-option-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-height: 48px;
  flex-shrink: 0;
  border-right: 1px solid var(--teejit-form-border);
  background: var(--secondary-background);
  transition: all 0.25s ease;
}

.quiz-container .t-test-option-wrap input[type=checkbox],
.quiz-container .t-test-option-wrap input[type=radio] {
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--primary-background);
  flex: none;
}

.quiz-container fieldset label > span {
  flex: 1;
  padding: var(--teejit-padding-m) var(--teejit-padding-l);
  font-size: var(--font-size-p);
  color: var(--text-color);
  display: flex;
  line-height: 1.4;
}

/* Selected */
.quiz-container fieldset label:has(input:checked) {
  border-color: var(--primary-background);
  background: rgba(54, 152, 219, 0.04);
}

.quiz-container fieldset label:has(input:checked) .t-test-option-wrap {
  background: var(--primary-background);
  border-color: var(--primary-background);
}

.quiz-container fieldset label.answer-wrong:has(input:checked) .t-test-option-wrap input {
  accent-color: var(--teejit-error);
  filter: brightness(1);
}

.quiz-container fieldset label.answer-correct:has(input:checked) .t-test-option-wrap input {
  accent-color: var(--teejit-success);
  filter: brightness(1);
}

/* Correct / Wrong (added via JS) */
.quiz-container fieldset label.answer-correct {
  border-color: var(--teejit-success) !important;
  background: rgba(39, 174, 96, 0.06) !important;
}

.quiz-container fieldset label.answer-correct .t-test-option-wrap {
  background: var(--teejit-success) !important;
  border-color: var(--teejit-success) !important;
}

.quiz-container fieldset label.answer-correct::after {
  content: "✓";
  display: flex;
  align-items: center;
  padding-right: var(--teejit-padding-l);
  color: var(--teejit-success);
  font-size: 18px;
  font-weight: 700;
}

.quiz-container fieldset label.answer-wrong {
  border-color: var(--teejit-error) !important;
  background: rgba(192, 57, 43, 0.06) !important;
}

.quiz-container fieldset label.answer-wrong .t-test-option-wrap {
  background: var(--teejit-error) !important;
  border-color: var(--teejit-error) !important;
}

.quiz-container fieldset label.answer-wrong::after {
  content: "✗";
  display: flex;
  align-items: center;
  padding-right: var(--teejit-padding-l);
  color: var(--teejit-error);
  font-size: 18px;
  font-weight: 700;
}

.quiz-container fieldset label.submitted {
  pointer-events: none;
}

.quiz-container fieldset label.submitted:hover {
  transform: none;
  box-shadow: none;
}

/* Fieldset accent after evaluation */
.quiz-container fieldset.question-correct {
  border-left-color: var(--teejit-success) !important;
}

.quiz-container fieldset.question-wrong {
  border-left-color: var(--teejit-error) !important;
}

/* Result / Answer Review Container */
.t-test-output {
  flex: 1;
}

/* Result Banner */
.quiz-result-banner-passed {
  border-left: 3px solid var(--teejit-success);
}

.quiz-result-banner-not-passed {
  border-left: 3px solid var(--teejit-error);
}

.quiz-result-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: var(--teejit-btn-border-radius-medium);
  box-shadow: var(--teejit-box-shadow-1);
  padding: var(--teejit-padding-xxl);
  /*margin-bottom: var(--gap-large);*/
  animation: quizFadeIn 0.4s ease;
}

.quiz-result-banner-left {
  display: flex;
  flex-direction: column;
  gap: var(--teejit-padding-xs);
}

.quiz-result-banner-passed .quiz-result-banner-label {
  color: var(--teejit-success);
}

.quiz-result-banner-not-passed .quiz-result-banner-label {
  color: var(--teejit-error);
}

.quiz-result-banner-msg {
  font-size: var(--font-size-p);
  color: var(--text-color);
  font-weight: 600;
}

.quiz-result-banner-score {
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.quiz-result-banner-score.score-good {
  color: var(--teejit-success);
}

.quiz-result-banner-score.score-ok {
  color: var(--teejit-advise);
}

.quiz-result-banner-score.score-bad {
  color: var(--teejit-error);
}

.quiz-result-banner-score .score-slash {
  font-size: 22px;
  color: #ccc;
}

.quiz-answer-review-container {
  flex-direction: column;
}

.quiz-result-headline {
  /*margin-top: 24px;*/
}

.quiz-result-headline h4 {
  margin: 0;
}

.quiz-result-answer-review {
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.quiz-result-answer-review fieldset {
  border: none;
}

.quiz-result-question-tags {
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin: 8px 0;
}

.quiz-question-labels {
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.quiz-question-labels label {
  pointer-events: none;
}

/* Progress */
.quiz-progress-wrap {
  width: 100%;
  height: 4px;
  background: var(--teejit--accent--gray);
  border-radius: var(--teejit-btn-border-radius-small);
  margin-bottom: var(--gap-large);
  overflow: hidden;
}

.quiz-progress-fill {
  height: 100%;
  background: var(--primary-background);
  border-radius: var(--teejit-btn-border-radius-small);
  transition: width 0.5s ease;
}

.quiz-progress-fill.fill-success {
  background: var(--teejit-success);
}

.quiz-repeat-button {
  margin-top: 40px;
}

/* Animation */
@keyframes quizFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.quiz-container fieldset {
  animation: quizFadeIn 0.35s ease backwards;
}

.quiz-container fieldset:nth-child(1) {
  animation-delay: 0s;
}

.quiz-container fieldset:nth-child(2) {
  animation-delay: 0.06s;
}

.quiz-container fieldset:nth-child(3) {
  animation-delay: 0.06s;
}

.quiz-container fieldset:nth-child(4) {
  animation-delay: 0.12s;
}

.quiz-container fieldset:nth-child(5) {
  animation-delay: 0.18s;
}

/* Submit area */
.quiz-submit-area {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--gap-large);
}

/* Responsive */
@media (max-width: 500px) {
  body {
    padding: var(--teejit-padding-m);
  }
  .quiz-container fieldset {
    padding: var(--teejit-padding-l) !important;
  }
  .quiz-container fieldset legend {
    font-size: 16px;
  }
  .quiz-container fieldset label > span {
    padding: var(--teejit-padding-s) var(--teejit-padding-m);
    font-size: var(--font-size-p-small);
  }
  .quiz-result-banner {
    flex-direction: column;
    text-align: center;
    gap: var(--teejit-padding-m);
  }
}
/*** Tests end ***/
.t-img-line.bottom-line:has(.t-marked-content-wrapper):has(.copyright) {
  flex-direction: column;
}

.t-login-middle {
  align-items: center;
}

.team-profil-copyright {
  position: absolute;
  right: 0;
  padding: 8px;
  bottom: 60px;
  color: white;
  font-size: var(--teejit-btn-span-small);
}

.t-img-wrap:has(.banderole) {
  overflow: hidden;
  position: relative;
}

.banderole {
  top: 4px;
  left: -28px;
  padding: 8px;
  background: var(--teejit-success);
  color: white;
  font-size: 12px;
  font-weight: bold;
  box-shadow: var(--teejit-box-shadow-1);
  text-align: center;
  align-items: center;
  z-index: 900;
  transform: rotate(-45deg);
  position: absolute;
  width: 100px;
  justify-content: center;
}

/* fall back if not defined in src/style.css */
.t-login-form-loading {
  background-color: rgba(255, 255, 255, 0.9);
  display: none !important;
  height: calc(100% - var(--teejit-padding-xl) * 2);
  position: absolute;
  width: calc(100% - var(--teejit-padding-xl) * 2);
  justify-content: center;
  align-items: center;
}

/* teejit loading logo  */
.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}

.lds-dual-ring {
  display: block !important;
  width: 50px;
  height: 50px;
}

.rotating-group {
  animation: teejit-loading 4s linear infinite;
  transform-origin: 218.4px 213.38px; /* Mittelpunkt des viewBox */
  fill: var(--primary-background);
}

.teejit-loading-2 {
  animation: teejit-loading-2 4s linear infinite;
}

.t-loading {
  fill: var(--primary-background);
}

@keyframes teejit-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes teejit-loading-2 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.t-row-multiple, .t-row-single {
  flex-wrap: wrap;
}

.disabled-submit-btn {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.kh-result-card-meta {
  flex-direction: column;
}

#page-innohub-my-projects .kh-method-card-minimal .kh-actions {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  margin-top: auto;
  padding-top: 12px;
}

.t-top-line-logo img {
  max-width: 100%;
}

#t-content-wrapper .kh-team-content-filter {
  display: grid !important;
  grid-template-columns: auto minmax(280px, 1.2fr) minmax(240px, 0.9fr) auto;
  align-items: end;
  gap: 1rem;
  width: min(100%, 1120px);
  margin: 0 0 1.5rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius-lg, 0.5rem);
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#t-content-wrapper .kh-team-content-filter__head {
  grid-column: 1;
  align-self: end;
}

#t-content-wrapper .kh-team-content-filter__count {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius, 0.375rem);
  background: var(--bs-light, #f8f9fa);
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.9375rem;
  font-weight: 600;
  white-space: nowrap;
}

#t-content-wrapper .kh-team-content-filter__controls {
  display: contents !important;
}

#t-content-wrapper .kh-team-content-filter__controls label:first-child {
  grid-column: 2;
  min-width: 0;
}

#t-content-wrapper .kh-team-content-filter__controls label:nth-child(2) {
  grid-column: 3;
  min-width: 0;
}

#t-content-wrapper .kh-team-content-filter__controls label {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.875rem;
  font-weight: 600;
}

#t-content-wrapper .kh-team-content-filter__controls input,
#t-content-wrapper .kh-team-content-filter__controls select {
  width: 100%;
  min-height: 38px;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius, 0.375rem);
  background-color: #fff;
  color: var(--bs-body-color, #212529);
  box-shadow: none;
}

#t-content-wrapper .kh-team-content-filter__controls input:focus,
#t-content-wrapper .kh-team-content-filter__controls select:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  outline: 0;
}

#t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] {
  grid-template-columns: auto minmax(280px, 1fr) minmax(220px, 320px) minmax(220px, 320px) auto;
}

#t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3) {
  grid-column: 4;
}

#t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset {
  grid-column: 5;
}

#t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] {
  grid-template-columns: auto minmax(280px, 1fr) minmax(220px, 320px) minmax(220px, 320px) auto;
}

#t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3) {
  grid-column: 4;
}

#t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset {
  grid-column: 5;
}

#t-content-wrapper .kh-team-content-filter__reset {
  grid-column: 4;
  min-height: 38px;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--primary-background, var(--bs-primary, #0d6efd));
  border-radius: var(--bs-border-radius, 0.375rem);
  background: var(--primary-background, var(--bs-primary, #0d6efd));
  color: var(--primary-color, #fff);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}

#t-content-wrapper .kh-team-content-filter__reset:hover,
#t-content-wrapper .kh-team-content-filter__reset:focus {
  border-color: var(--primary-background, var(--bs-primary, #0d6efd));
  background: var(--primary-background-hover, var(--primary-background, var(--bs-primary, #0d6efd)));
  color: var(--primary-color-hover, var(--primary-color, #fff));
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #0d6efd) 25%, transparent);
}

#t-content-wrapper .kh-team-content-filter__reset:disabled {
  border-color: var(--primary-background, var(--bs-primary, #0d6efd));
  background: var(--primary-background, var(--bs-primary, #0d6efd));
  color: var(--primary-color, #fff);
  opacity: 0.55;
  cursor: not-allowed;
}

#t-content-wrapper .kh-team-content-filter__chips {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}

@media all and (max-width: 1100px) {
  #t-content-wrapper .kh-team-content-filter {
    grid-template-columns: 1fr;
  }
  #t-content-wrapper .kh-team-content-filter__head,
  #t-content-wrapper .kh-team-content-filter__controls label:first-child,
  #t-content-wrapper .kh-team-content-filter__controls label:nth-child(2),
  #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3),
  #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset,
  #t-content-wrapper .kh-team-content-filter__reset,
  #t-content-wrapper .kh-team-content-filter__chips {
    grid-column: 1;
  }
  #t-content-wrapper .kh-team-content-filter__reset {
    justify-self: start;
  }
}
#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] {
  grid-template-columns: auto auto auto auto auto;
}

#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(1) {
  grid-column: 2;
}

#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(2) {
  grid-column: 3;
}

#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3) {
  grid-column: 4;
}

#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset {
  grid-column: 5;
  /*grid-column: 1 / -1;
  justify-self: end;*/
  width: auto;
  margin-top: -0.25rem;
  border-color: var(--primary-background, #3698db);
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
  box-shadow: none;
}

#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset:hover,
#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset:focus {
  border-color: var(--primary-color-hover, #2b7fb8);
  background: var(--primary-color-hover, #2b7fb8);
  color: var(--primary-background-hover, #fff);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #3698db) 18%, transparent);
}

#page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset:disabled {
  border-color: var(--primary-background, #3698db);
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
  opacity: 0.55;
  cursor: not-allowed;
}

@media all and (max-width: 1200px) {
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__head,
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(1),
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(2),
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__controls label:nth-child(3) {
    grid-column: auto;
  }
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__reset,
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] .kh-team-content-filter__chips {
    grid-column: 1/-1;
  }
}
@media all and (max-width: 760px) {
  #page-certificates #t-content-wrapper .kh-team-content-filter[data-certificate-content-filter] {
    grid-template-columns: 1fr;
  }
}
/* Team detail: keep the asynchronously loaded content list compact after Bootstrap merge. */
#page-team-profil #t-content-wrapper,
#page-team-profil .content-detail-teams,
#page-team-profil .content-detail-teams > .t-kh-home-row,
#page-team-profil .content-detail-teams .active-team-content,
#page-team-profil .content-detail-teams .t-kh-home-row-wrapper {
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
  align-items: stretch;
  justify-content: flex-start;
  overflow: visible !important;
}

#page-team-profil .content-detail-teams {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.5vw, 2rem);
}

#page-team-profil .content-detail-teams > .t-kh-home-row,
#page-team-profil .content-detail-teams .active-team-content,
#page-team-profil .content-detail-teams .t-kh-home-row-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-team-profil .content-detail-teams .t-kh-home-row-wrapper {
  gap: clamp(1rem, 2vw, 1.5rem);
}

#page-team-profil .content-detail-teams .t-kh-home-row-h {
  order: 0;
  margin: 0;
}

#page-team-profil .content-detail-teams .kh-team-content-filter {
  order: 1;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto !important;
  flex: 0 0 auto !important;
  margin: 0;
  align-self: stretch;
  align-content: end;
}

#page-team-profil .kh-team-content-filter.card,
#page-team-profil .kh-team-content-filter.card-body {
  min-height: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id,
#page-team-profil .content-detail-teams .t-content-label-wrapper {
  display: grid;
  gap: var(--gap-large, 24px);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  order: 2;
  width: 100%;
  min-height: 0 !important;
  flex: 0 1 auto !important;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-button-directory {
  flex: none !important;
  max-width: none;
  min-width: 0;
  width: 100%;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-btn-dir-column {
  height: 100%;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-btn-dir-inner {
  min-height: 300px;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-btn-dir-info-subtitle.text-trim-row-3 {
  -webkit-line-clamp: 5;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-tag-wrapper {
  align-content: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 6px;
  max-width: 100%;
  overflow: hidden;
}

#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-tag {
  border-radius: 999px;
  box-shadow: none !important;
  font-size: 0.78rem;
  line-height: 1.2;
  max-width: 100%;
  min-width: 0;
  padding: 0.2rem 0.5rem;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: normal;
}

@media all and (max-width: 1700px) {
  #page-team-profil .content-detail-teams .teams-content-by-teams-id,
  #page-team-profil .content-detail-teams .t-content-label-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media all and (max-width: 1300px) {
  #page-team-profil .content-detail-teams .teams-content-by-teams-id,
  #page-team-profil .content-detail-teams .t-content-label-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media all and (max-width: 900px) {
  #page-team-profil .content-detail-teams .teams-content-by-teams-id,
  #page-team-profil .content-detail-teams .t-content-label-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (max-width: 620px) {
  #page-team-profil .content-detail-teams .teams-content-by-teams-id,
  #page-team-profil .content-detail-teams .t-content-label-wrapper {
    grid-template-columns: 1fr;
  }
}
#page-label .t-content-head-left,
#page-label .t-content-head-left-1,
#page-label .t-content-element-wrap,
#page-label .content-by-tag-id-section,
#page-label .content-by-tag-id-section > .t-kh-home-row-wrapper {
  width: 100%;
  max-width: none;
}

#page-label .t-content-head-left {
  margin: 0;
}

#page-label .content-by-tag-id-section {
  display: grid;
  gap: var(--gap-large, 24px);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

#page-label .content-by-tag-id-section > .t-kh-home-row-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large, 24px);
  grid-column: 1/-1;
}

#page-label .content-by-tag-id-section .t-kh-home-row-h {
  margin: 0;
}

#page-label .content-by-tag-id-section .t-kh-loading {
  grid-column: 1/-1;
}

#page-label .content-by-tag-id-section .t-row-single,
#page-label .content-by-tag-id-section .t-row-multiple {
  display: grid;
  gap: var(--gap-large, 24px);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

#page-label .content-by-tag-id-section .t-button-directory {
  flex: none !important;
  max-width: none;
  min-width: 0;
  width: 100%;
}

#page-label .content-by-tag-id-section .t-btn-dir-column {
  height: 100%;
}

#page-label .content-by-tag-id-section .t-btn-dir-inner {
  min-height: 300px;
}

#page-label .content-by-tag-id-section .t-btn-dir-info-subtitle.text-trim-row-3 {
  -webkit-line-clamp: 5;
}

#page-label .content-by-tag-id-section .t-tag-wrapper {
  align-content: flex-start;
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 6px;
  max-width: 100%;
  overflow: hidden;
}

#page-label .content-by-tag-id-section .t-tag {
  border-radius: 999px;
  box-shadow: none !important;
  font-size: 0.78rem;
  line-height: 1.2;
  max-width: 100%;
  min-width: 0;
  padding: 0.2rem 0.5rem;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: normal;
}

@media all and (max-width: 1700px) {
  #page-label .content-by-tag-id-section,
  #page-label .content-by-tag-id-section .t-row-single,
  #page-label .content-by-tag-id-section .t-row-multiple {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media all and (max-width: 1300px) {
  #page-label .content-by-tag-id-section,
  #page-label .content-by-tag-id-section .t-row-single,
  #page-label .content-by-tag-id-section .t-row-multiple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media all and (max-width: 900px) {
  #page-label .content-by-tag-id-section,
  #page-label .content-by-tag-id-section .t-row-single,
  #page-label .content-by-tag-id-section .t-row-multiple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (max-width: 620px) {
  #page-label .content-by-tag-id-section,
  #page-label .content-by-tag-id-section .t-row-single,
  #page-label .content-by-tag-id-section .t-row-multiple {
    grid-template-columns: 1fr;
  }
}
.t-content-head-header {
  align-items: flex-start;
  min-height: 3.25rem;
  padding-right: 4.5rem;
  position: relative;
}

.t-content-head-header .t-mark-content-wrapper {
  height: auto;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: -1rem;
  top: -1.15rem;
  width: auto;
  z-index: 5;
}

.t-content-head-header .t-mark-content-wrapper > button,
.t-content-head-header .t-mark-content-wrapper > button.t-mark-content,
.t-content-head-header .t-mark-content-wrapper > button.t-marked-content {
  align-items: center;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--primary-background, #3498db) 30%, #fff);
  border-radius: 999px;
  box-shadow: 0 0.75rem 1.75rem rgba(33, 37, 41, 0.14);
  color: var(--primary-background, #3498db);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 3.75rem;
  justify-content: center;
  min-width: 0;
  outline: 0;
  padding: 0;
  position: relative;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
  width: 3.75rem;
}

.t-content-head-header .t-mark-content-wrapper > button:hover,
.t-content-head-header .t-mark-content-wrapper > button:focus-visible {
  background: color-mix(in srgb, var(--primary-background, #3498db) 9%, #fff);
  border-color: color-mix(in srgb, var(--primary-background, #3498db) 65%, #fff);
  box-shadow: 0 1rem 2rem rgba(33, 37, 41, 0.18);
  color: var(--primary-background, #3498db);
  transform: translateY(-1px);
}

.t-content-head-header .t-mark-content-wrapper > button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary-background, #3498db) 28%, transparent);
  outline-offset: 3px;
}

.t-content-head-header .t-mark-content-wrapper > button.t-marked-content,
.t-content-head-header .t-mark-content-wrapper > button:has(.mark-toggle.marked) {
  background: var(--primary-background, #3498db);
  border-color: var(--primary-background, #3498db);
  color: var(--primary-color, #fff);
}

.t-content-head-header .mark-toggle,
.t-content-head-header .t-mark-content-wrapper > button > .mark-toggle {
  align-items: center;
  background: transparent;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}

.t-content-head-header .t-mark-content-wrapper > button > div > .material-symbols-outlined,
.t-content-head-header .t-bookmark-icon {
  color: currentColor;
  display: inline-flex;
  font-size: 2rem;
  font-variation-settings: "FILL" 0, "wght" 520, "GRAD" 0, "opsz" 32;
  height: auto;
  left: auto;
  line-height: 1;
  position: relative;
  stroke: none;
  top: auto;
  width: auto;
  z-index: 1;
}

.t-content-head-header .mark-toggle.marked .t-bookmark-icon,
.t-content-head-header .t-marked-content .t-bookmark-icon {
  font-variation-settings: "FILL" 1, "wght" 620, "GRAD" 0, "opsz" 32;
}

.t-content-head-header .mark-bookmark-label {
  position: static;
}

@media all and (max-width: 720px) {
  .t-content-head-header {
    padding-right: 3.5rem;
  }
  .t-content-head-header .t-mark-content-wrapper {
    right: -0.55rem;
    top: -0.75rem;
  }
  .t-content-head-header .t-mark-content-wrapper > button,
  .t-content-head-header .t-mark-content-wrapper > button.t-mark-content,
  .t-content-head-header .t-mark-content-wrapper > button.t-marked-content {
    height: 3.15rem;
    width: 3.15rem;
  }
  .t-content-head-header .t-bookmark-icon {
    font-size: 1.75rem;
  }
}
/* ----- Methoden Templates vorerst ausblenden ----- */
#kh-method-template-sections {
  display: none;
}

/* ----- Methoden Templates vorerst ausblenden Ende----- */
#page-innohub-my-projects h4 {
  margin-bottom: 12px;
}

#page-innohub-my-projects .t-content-head-text p, .t-content-head-text {
  margin: 16px 0 0;
}

#page-innohub-my-projects h3.t-content-head-title {
  font-aize: 20px;
}

#page-innohub .t-content-head {
  box-shadow: unset !important;
}

.ih-projects-head {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: var(--gap-large);
}

@media (max-width: 768px) {
  .ih-projects-head {
    flex-direction: column;
  }
}
.grid-list, .flex-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--grid-gap, 20px);
}

/* 4 Spalten
@media (min-width: 1600px) {
    .grid-list, .flex-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-item, .kh-mf-card {
        grid-template-columns: repeat(4, 1fr);
    }
}*/
/* 2 Spalten */
@media (max-width: 1180px) {
  .grid-list, .flex-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-item, .kh-mf-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 1 Spalte */
@media (max-width: 600px) {
  .grid-list, .flex-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-item, .kh-mf-card {
    grid-template-columns: 1fr;
  }
}
.ih-projects-head-left {
  display: flex;
  flex-direction: row;
  gap: var(--gap-medium);
}

.ih-projects-new, .ih-projects-search {
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  border-radius: var(--teejit-btn-border-radius-small);
  box-shadow: var(--teejit-box-shadow-1);
  padding: var(--teejit-padding-m);
  /*gap: var(--gap-medium);*/
}

.ih-projects-search-inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
  margin-top: 16px;
}

#kh_modal_project_description {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  resize: vertical;
  box-sizing: border-box;
}

.ih-projects-overview-all {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
  flex: 1;
}

.ih-projects-overview-head {
  flex-direction: column;
}

.ih-project-file-upload form {
  width: 100%;
}

.ih-project-methods-list {
  flex-direction: row;
  gap: var(--gap-medium);
}

/* ============================================================
   IH Theme-Toggle – gemeinsame Basis
   Einbinden in ALLEN IH-Templates zusammen mit dem
   jeweiligen Theme-File (ih-theme-clean.css / ih-theme-comic.css)


                        <!-- Stil-Umschalter -->
                        <div class="ih-theme-toggle" role="group" aria-label="<?php esc_attr_e('Style variant', 'wp_tj_knowhub_template'); ?>">
                            <span class="ih-theme-toggle-label"><?php _e('Style:', 'wp_tj_knowhub_template'); ?></span>
                            <a href="<?php echo esc_url($url_clean); ?>"
                               class="ih-theme-toggle-btn<?php echo $ih_theme === 'clean' ? ' active' : ''; ?>"
                               aria-pressed="<?php echo $ih_theme === 'clean' ? 'true' : 'false'; ?>">
                                Clean
                            </a>
                            <a href="<?php echo esc_url($url_comic); ?>"
                               class="ih-theme-toggle-btn<?php echo $ih_theme === 'comic' ? ' active' : ''; ?>"
                               aria-pressed="<?php echo $ih_theme === 'comic' ? 'true' : 'false'; ?>">
                                Comic
                            </a>
                        </div>

   ============================================================ */
.ih-theme-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}

.ih-theme-toggle-label {
  font-size: 13px;
  color: var(--text-color, #444);
  flex-shrink: 0;
}

.ih-theme-toggle-btn {
  padding: 6px 14px;
  border-radius: var(--teejit-btn-border-radius-small, 4px);
  border: 1px solid #ccc;
  background: white;
  cursor: pointer;
  font-size: 13px;
  transition: 0.25s;
  text-decoration: none;
  color: var(--text-color, #333);
}

.ih-theme-toggle-btn.active {
  background: var(--primary-background, #333);
  color: var(--primary-color, #fff);
  border-color: var(--primary-background, #333);
}

.ih-theme-toggle-btn:hover:not(.active) {
  background: var(--teejit--accent--gray, #f0f0f0);
  border-color: #aaa;
}

/* ============================================================
   IH Theme-Toggle – end
   ============================================================ */
.ih-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
}

.ih-head .t-content-head-left, .ih-head .t-content-head-right {
  flex: 1;
}

.page-header.small-header.ih-page-header {
  height: 100px;
}

#page-innohub #t-content-wrapper {
  padding-top: 18px;
}

.ih-content-main {
  margin: 20px;
}

/*** inno-popup ***/
#inno-popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 999;
  justify-content: center;
  align-items: center;
}

#inno-popup {
  background: #fff;
  border-radius: 12px;
  max-width: 760px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  padding: 36px 40px 32px;
  position: relative;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
}

#inno-popup-close {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #555;
  line-height: 1;
}

.inno-projekt-element {
  cursor: pointer;
}

#inno-popup-close-bottom {
  display: block;
  margin: 24px auto 0;
  padding: 10px 28px;
  background: #0073aa;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.2s;
}

#inno-popup-close-bottom:hover {
  background: #005f8d;
}

/*** inno-popup ENDE ***/
.kh-innohub-recent {
  margin-top: 24px;
  background: #fff;
}

.kh-innohub-recent-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: var(--teejit-padding-m);
}

.kh-innohub-recent-list {
  display: grid;
  gap: 10px;
}

.kh-innohub-recent-item {
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-medium);
  padding: var(--teejit-padding-s);
  background: #fff;
}

.kh-innohub-recent-item h4 {
  margin: 0 0 5px;
  font-size: 18px;
}

.kh-innohub-recent-item p {
  margin: 0 0 8px;
  color: var(--text-color);
}

.kh-chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #d7e4f0;
  background: #eef5fc;
  font-size: 12px;
  margin-right: 8px;
}

.kh-innohub-recent {
  flex-direction: column;
}

#page-innohub-my-projects #t-content-wrapper {
  padding-top: 18px;
  position: relative;
}

/* Kill global .t-main * {display:flex} only for this page content area */
.kh-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: var(--teejit-padding-m);
}

.kh-panel-title {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.2;
}

.kh-grid-two {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}

.kh-inline-fields {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

.kh-actions {
  display: block;
  margin-top: 12px;
}

#kh-projects-loading {
  display: none !important;
  position: fixed;
  inset: 0;
  z-index: 10140;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(1px);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

#kh-projects-loading.is-active {
  display: flex !important;
}

#kh-projects-loading h3 {
  margin: 0;
}

.kh-project-card {
  background: #fff;
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-medium);
  padding: var(--teejit-padding-m);
  flex: 1;
}

.kh-project-card h4 {
  margin: 0 0 8px;
  font-size: var(--teejit-btn-h1);
  hyphens: auto;
  font-weight: bold;
}

.kh-meta {
  color: var(--text-color);
  margin: 10px 0 10px;
}

.kh-badge {
  border: 1px solid var(--tag-label-border-color);
  border-radius: var(--teejit-tag-border-radius);
  font-size: var(--teejit-btn-span-medium);
  background-color: var(--tag-label-background);
  color: var(--tag-label-color);
  padding: 5px 8px;
}

.kh-edit-wrap {
  margin-top: 12px;
  border-top: 1px dashed #d6dde6;
  padding-top: 12px;
}

.kh-notice {
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 14px;
}

.kh-notice strong {
  display: block;
  margin-bottom: 4px;
}

.kh-notice-success {
  background: #eaf7ef;
  border: 1px solid #9fd7b0;
  color: #164c2a;
}

.kh-notice-error {
  background: #fdeeee;
  border: 1px solid #f2b7b7;
  color: #7c1f1f;
}

.kh-notice-warning {
  background: #fff7e8;
  border: 1px solid #f2cf88;
  color: #8a5a00;
}

.ih-project-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  flex-wrap: wrap;
}

.ih-project-dashboard-cover {
  width: 104px;
  height: 104px;
  border-radius: 8px;
  overflow: hidden;
  flex: 0 0 104px;
  background: #f3f6f8;
  border: 1px solid var(--teejit-form-border, #e2e8f0);
}

.ih-project-dashboard-cover img,
.ih-project-cover-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ih-project-cover-preview {
  width: 180px;
  aspect-ratio: 16/10;
  border-radius: 8px;
  overflow: hidden;
  background: #f3f6f8;
  border: 1px solid var(--teejit-form-border, #e2e8f0);
  margin: 0 0 12px;
}

.kh-project-image-upload {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
}

.kh-project-image-current {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kh-project-image-label {
  font-size: var(--font-size-p-small);
  font-weight: 700;
  color: var(--text-color);
}

#kh-settings-pane-image .ih-project-cover-preview {
  width: 100%;
  max-width: 220px;
  min-height: 126px;
  margin: 0;
}

#kh-settings-pane-image .ih-project-cover-preview[hidden] {
  display: flex;
}

#kh-settings-pane-image .ih-project-cover-preview[hidden] img {
  display: none;
}

#kh-settings-pane-image .ih-project-cover-preview[hidden]::before {
  content: "";
  display: block;
  width: 100%;
  min-height: 126px;
  border-radius: inherit;
  background: linear-gradient(135deg, #f3f6f8, #e8eef4);
}

.kh-project-image-file-label {
  min-height: 126px;
  padding: 18px;
  border-radius: 8px;
  background: #fff;
}

.kh-project-image-file-label .material-symbols-outlined {
  font-size: 34px;
}

.kh-project-image-file-label input[type=file] {
  display: none;
}

.kh-project-image-file-label .uploaded-file-name {
  display: block;
  max-width: 100%;
  color: var(--primary-background, #3b82f6);
}

@media (max-width: 720px) {
  .kh-project-image-upload {
    grid-template-columns: 1fr;
  }
  #kh-settings-pane-image .ih-project-cover-preview {
    max-width: none;
  }
}
.ih-project-dashboard-title {
  display: flex;
  flex-direction: column;
  flex: 1 1 280px;
  min-width: 0;
}

.ih-project-dashboard-roles {
  display: flex;
  gap: 12px;
}

.ih-project-modal-button {
  flex-direction: row;
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}

.ih-project-modal-button:hover {
  background: var(--primary-background-hover);
  color: var(--primary-color-hover);
  border: 1px solid var(--primary-color-hover);
}

.ih-project-leave-project:hover {
  background: var(--teejit-error);
  border: 1px solid var(--teejit-error);
  color: white;
}

@media (max-width: 768px) {
  .ih-project-modal-button-text {
    display: none !important;
  }
  .ih-project-dashboard-cover {
    width: 84px;
    height: 84px;
    flex-basis: 84px;
  }
  .file-item {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .file-info {
    margin: 0;
    flex-basis: calc(100% - 56px);
  }
  .file-item .link-btn,
  .file-item .btn {
    flex: 1 1 160px;
  }
}
.ih-project-dashboard-meta {
  flex-direction: column;
}

.ih-project-description p {
  margin-top: 0;
}

.ih-project-badges {
  gap: var(--gap-large);
}

.kh-invite-banner {
  margin-top: 12px;
  border: 1px solid #f3d79a;
  background: #fffbef;
  border-radius: 10px;
  padding: 12px 14px;
}

.kh-invite-banner-text {
  margin: 0 0 10px;
  color: #5d4a15;
}

.ih-stats-grid {
  display: grid;
  gap: var(--gap-medium);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 24px 0;
}

.ih-stat {
  background: var(--accordion-background);
  border: 1px solid var(--tag-categroy-border-color);
  border-radius: var(--teejit-tag-border-radius);
  padding: var(--teejit-padding-l);
  flex-direction: column;
  align-items: center;
}

.ih-stat {
  font-size: var(--font-size-p);
}

.ih-stat-members, .ih-stat-methods, .ih-stat-items {
  font-weight: bold;
}

.ih-stat strong {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-h2);
  margin-bottom: var(--teejit-padding-m);
}

.ih-stat > span {
  text-align: center;
}

.ih-method-item, .ih-member-item {
  border: 1px solid var(--teejit-form-border, #e2e8f0);
  border-radius: var(--teejit-tag-border-radius);
  padding: 12px;
  flex: 1 1 33.3333333333%;
  max-width: 33.3333333333%;
  flex-direction: column;
}

#page-innohub-my-projects #kh-project-methods-list {
  display: grid;
  gap: var(--gap-medium);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

#page-innohub-my-projects #kh-project-methods-list > .ih-method-item {
  flex: unset;
  max-width: none;
  min-width: 0;
  width: 100%;
}

.ih-method-item > img {
  width: 100%;
}

.ih-method-item > div {
  flex-direction: column;
}

#page-innohub-my-projects .ih-method-item > .kh-actions:last-child {
  margin-top: auto;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#page-innohub-my-projects .ih-method-item > .kh-actions:last-child .btn {
  width: 100%;
  justify-content: center;
}

.ih-method-name {
  margin: 0 0 8px;
  font-weight: 600;
}

/* Files Panel */
.ih-files {
  flex-direction: column;
  gap: var(--gap-medium);
}

.ih-files-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ih-files-toolbar label {
  font-weight: 600;
  margin: 0;
}

.ih-files-toolbar select {
  min-width: 170px;
  max-width: 280px;
}

.ih-project-files-list {
  flex-direction: column;
  gap: 12px;
}

.ih-project-files-list p {
  margin: 0;
}

.ih-files-section-title {
  margin: 18px 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--teejit-form-border);
  font-size: clamp(1.1rem, 1.4vw, 1.3rem);
  line-height: 1.25;
}

.ih-project-files-list > .ih-files-section-title:first-child {
  margin-top: 4px;
}

.ih-files-section-body {
  border: 1px solid var(--teejit-form-border, #e2e8f0);
  border-radius: 12px;
  background: #ffffff;
  padding: 0 14px;
  flex-direction: column;
}

.ih-content-stack {
  border-bottom: 1px solid var(--teejit-form-border, #e2e8f0);
  border-radius: var(--teejit-btn-border-radius-medium, 4px);
}

.ih-content-item {
  border-bottom: 1px solid var(--teejit-form-border, #e2e8f0);
  flex: 1;
  flex-direction: row;
  padding: var(--teejit-padding-m);
}

.file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 0.5px solid var(--teejit-form-border);
  gap: var(--gap-medium);
  flex: 1 1 100%;
  min-width: 0;
}

.file-icon {
  width: 40px;
  height: 40px;
  background: #FCEBEB;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #A32D2D;
  flex-shrink: 0;
}

.file-info {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 10px;
  flex-direction: column;
}

.file-name {
  font-size: var(--font-size-p);
  color: var(--text-color);
  font-weight: 500;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
}

.file-meta {
  font-size: var(--font-size-p-small);
  color: var(--text-color);
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.link-btn {
  font-size: var(--font-size-p);
  padding: 4px 12px;
  border: 0.5px solid var(--teejit-form-border);
  border-radius: var(--teejit-tag-border-radius);
  color: var(--text-color);
  cursor: pointer;
  flex: 0 0 auto;
  text-align: center;
}

.ih-method-file-group {
  margin-bottom: 14px;
  border: 1px solid #dce6f2;
  border-radius: 12px;
  padding: 14px 16px;
  background: #fbfdff;
  flex-direction: column;
}

.ih-method-file-group .ih-content-stack {
  border-bottom: 0;
  border-radius: 10px;
  background: #fff;
  padding: 0 10px;
}

.ih-method-file-group-label {
  margin: 0 0 12px;
  font-size: clamp(1.1rem, 1.25vw, 1.25rem);
  color: #1b2b40;
}

.ih-method-file-group .file-item:last-child {
  border-bottom: 0;
}

/* Upload Panel */
.upload-hint {
  font-size: 11px;
  color: var(--text-color);
  margin-top: 0;
  text-align: center;
}

.file-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-medium);
  padding: var(--teejit-padding-m);
  border: 2px dashed var(--teejit-form-border);
  border-radius: var(--teejit-tag-border-radius);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  text-align: center;
}

.file-label:hover,
.file-label.is-dragover {
  border-color: var(--primary-background, #3b82f6);
  background: color-mix(in srgb, var(--primary-background, #3b82f6) 5%, transparent);
}

.file-label input[type=file] {
  display: none;
}

.file-label-title {
  font-size: var(--font-size-p);
  font-weight: 600;
}

.uploaded-file-name {
  min-height: 18px;
  font-size: var(--font-size-p-small);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ih-project-file-upload .kh-actions #kh-project-files-submit {
  display: none;
}

.ih-project-file-upload:has(#kh-project-file-input.has-file) .kh-actions #kh-project-files-submit {
  display: inline-block;
}

.kh-settings-savebar {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--teejit-form-border, #e2e8f0);
}

.kh-settings-savebar[hidden] {
  display: none;
}

.kh-settings-inline-submit {
  display: none;
}

/* Comments Panel */
.ih-project-comments-list {
  margin-top: 24px;
  flex-direction: column;
  gap: var(--gap-medium);
}

.ih-comment-item {
  border: 1px solid var(--teejit-form-border, #e2e8f0);
  border-radius: var(--teejit-tag-border-radius);
  flex: 1;
  flex-direction: column;
  padding: 12px 58px 12px 12px;
  position: relative;
}

.ih-comment-meta {
  align-items: center;
  color: #5f6b7a;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 8px;
}

.ih-comment-author {
  color: var(--text-color, #222);
  font-weight: 600;
}

.ih-comment-email,
.ih-comment-date {
  font-size: 13px;
}

.ih-comment-body {
  margin: 0 0 12px;
}

.ih-comment-delete-form {
  display: block;
  margin: 0;
  position: absolute;
  right: 12px;
  top: 12px;
}

.ih-comment-delete-btn {
  align-items: center;
  background: #dc3545;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  color: #fff;
  display: inline-flex;
  font-size: 26px;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 2px;
  width: 34px;
}

.ih-comment-delete-btn:hover,
.ih-comment-delete-btn:focus-visible {
  background: #b02a37;
  color: #fff;
  outline: 0;
}

.kh-results-head {
  display: flex;
  flex-direction: column;
  margin: 30px 0 12px;
  width: 100%;
}

.kh-results-title-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.kh-results-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  margin: 0 0 18px;
  width: 100%;
}

.kh-results-head h4,
.kh-results-head p {
  display: block;
  margin: 0;
}

.kh-results-controls label {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
}

.kh-results-create-block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 30px;
  max-width: 100%;
  width: 100%;
}

#kh-project-result-create-hint {
  max-width: 100%;
  width: 100%;
}

.kh-project-results-list {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin-bottom: 18px;
}

.kh-result-card {
  overflow: hidden;
  padding: 0;
}

.kh-result-card-image {
  aspect-ratio: 16/7;
  display: block;
  object-fit: cover;
  width: 100%;
}

.kh-result-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

.kh-result-card-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.kh-result-card-head > div {
  flex-direction: column;
}

.kh-result-card-head strong,
.kh-result-card-head p,
.kh-result-card-meta p {
  overflow-wrap: anywhere;
}

.kh-result-card-head p {
  margin-top: 0;
  margin-bottom: 8px;
}

.kh-result-card-meta p,
.kh-method-card-minimal-body p,
.kh-result-file-row p {
  margin: 0;
}

.kh-result-card-meta {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr;
}

.kh-result-editor {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kh-result-modal-card {
  max-width: min(1180px, 100vw - 36px);
  min-height: min(760px, 100vh - 60px);
  width: 100%;
}

.kh-result-modal-card #kh-method-editor {
  gap: 18px;
  padding: var(--teejit-padding-xl);
}

.kh-result-editor-grid,
.kh-result-assets-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kh-result-editor select[multiple] {
  min-height: 40px;
  min-width: 200px;
}

.kh-richtext-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px;
}

.kh-richtext-editor {
  background: #fff;
  border: 1px solid var(--teejit-form-border, #d9e1ec);
  border-radius: 10px;
  min-height: 220px;
  padding: 14px;
}

.kh-richtext-editor.is-empty::before {
  color: #7c8898;
  content: attr(data-placeholder);
  display: block;
  pointer-events: none;
}

.kh-richtext-editor:focus {
  border-color: var(--primary-background, #2f7fd9);
  outline: none;
}

.kh-result-files-panel,
.kh-result-image-panel {
  background: #f8fbff;
  border: 1px solid var(--teejit-form-border, #d9e1ec);
  border-radius: 12px;
  padding: 14px;
}

.kh-result-image-panel {
  align-self: start;
}

.kh-result-files-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.kh-result-file-row {
  align-items: center;
  background: #fff;
  border: 1px solid var(--teejit-form-border, #d9e1ec);
  border-radius: 10px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 12px;
}

.kh-result-image-preview {
  margin-top: 12px;
}

.kh-result-image-preview img {
  border-radius: 10px;
  display: block;
  max-width: 100%;
}

.kh-result-editor-actions {
  align-items: center;
  background: #fff;
  border-top: 1px solid var(--teejit-form-border, #d9e1ec);
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 8px;
  padding-top: 16px;
  position: sticky;
  bottom: 0;
}

.kh-result-editor-actions #kh-method-status-chip {
  margin-left: auto;
}

.kh-template-section h5 {
  margin-bottom: 8px;
}

.kh-method-card-minimal {
  background: #fff;
  border: 1px solid var(--teejit-form-border, #dce3ea);
  border-radius: var(--teejit-btn-border-radius-medium, 8px);
  box-shadow: var(--teejit-box-shadow-1, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08));
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

#page-innohub-my-projects .kh-project-method-card {
  min-height: 100%;
}

.kh-method-remove-btn {
  align-items: center;
  background: #dc3545;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  color: #fff;
  display: inline-flex;
  font-size: 26px;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 2px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 34px;
  z-index: 2;
}

.kh-method-remove-btn:hover,
.kh-method-remove-btn:focus-visible {
  background: #b02a37;
  color: #fff;
  outline: 0;
}

.kh-project-method-card .kh-method-card-minimal-image {
  flex: none;
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.kh-method-card-minimal-media {
  align-items: center;
  background: #f3f5f8;
  border: 1px solid #dce3ea;
  border-radius: var(--teejit-btn-border-radius-medium, 8px);
  display: flex;
  flex: 0 0 180px;
  height: 180px;
  justify-content: center;
  margin: var(--teejit-padding-l, 16px) var(--teejit-padding-l, 16px) 0;
  overflow: hidden;
}

.kh-method-card-minimal-media > .material-symbols-outlined {
  color: var(--primary-background, #2f7fd9);
  font-size: 48px;
}

.kh-method-card-minimal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: var(--teejit-padding-l, 16px);
}

.kh-method-card-title {
  display: -webkit-box;
  font-size: var(--font-size-h4, 1.25rem);
  line-height: 1.25;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.kh-method-card-meta {
  color: #5f6b7a;
  font-size: var(--font-size-p-xsmall, 12px);
  margin: 0;
  text-transform: uppercase;
}

.kh-method-card-description {
  color: var(--text-color, #333);
  display: -webkit-box;
  line-height: 1.45;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

#page-innohub-my-projects .kh-method-card-minimal .kh-actions {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  margin-top: auto;
  padding-top: 12px;
}

#page-innohub-my-projects .kh-method-card-minimal .kh-actions .btn {
  border-radius: var(--teejit-btn-border-radius-small, 4px);
  width: 100%;
}

#page-innohub-my-projects .kh-result-card .kh-actions {
  margin-top: auto;
  padding-top: 12px;
}

#page-innohub-my-projects .kh-result-card .kh-actions .btn {
  width: 100%;
}

@media (max-width: 900px) {
  #page-innohub-my-projects #kh-project-methods-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kh-results-controls {
    align-items: stretch;
    flex-direction: column;
  }
  .kh-results-controls .btn,
  .kh-results-controls label,
  .kh-results-controls select {
    width: 100%;
  }
  .kh-result-editor-grid,
  .kh-result-assets-grid {
    grid-template-columns: 1fr;
  }
  .kh-result-modal-card {
    min-height: auto;
  }
  .kh-result-editor-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .kh-result-editor-actions #kh-method-status-chip {
    margin-left: 0;
    text-align: center;
  }
  #page-innohub-my-projects .kh-method-card-minimal .kh-actions {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  #page-innohub-my-projects .kh-method-card-minimal .kh-actions .btn {
    border-radius: 4px;
  }
}
@media (max-width: 640px) {
  #page-innohub-my-projects #kh-project-methods-list {
    grid-template-columns: 1fr;
  }
}
.kh-stat strong {
  font-size: 26px;
  line-height: 1;
  display: block;
}

.kh-stat span {
  color: #5f6b7a;
  font-size: 13px;
}

.kh-admin-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

.kh-member-item {
  border: 1px solid var(--teejit-form-border, #e2e8f0);
  border-radius: var(--teejit-tag-border-radius);
  padding: 12px;
  flex: 1 1 33.3333333333%;
  max-width: 33.3333333333%;
  flex-direction: column;
}

.kh-member-item > img {
  width: 100%;
}

.kh-member-item > div {
  flex-direction: column;
}

.kh-member-name {
  margin: 0 0 8px;
  font-weight: 600;
}

.kh-settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--teejit-form-border, #d9e1ec);
}

.kh-settings-tab {
  border: 1px solid #cfd9e5;
  background: #f5f8fc;
  color: #2a3f54;
  border-radius: 999px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.2;
}

.kh-settings-tab.is-active {
  background: var(--primary-background, #2f7fd9);
  border-color: var(--primary-background, #2f7fd9);
  color: var(--primary-color, #fff);
}

.kh-settings-pane {
  display: none;
  border: 1px solid var(--teejit-form-border, #e2e8f0);
  border-radius: 10px;
  padding: 14px 14px 8px;
  margin-bottom: 12px;
  background: #fff;
}

.kh-settings-pane.is-active {
  display: block;
}

#kh-project-settings-modal .kh-modal-card {
  width: 980px;
  max-width: calc(100vw - 36px);
  min-height: 640px;
}

#kh-project-settings-modal .kh-settings-panes {
  min-height: 420px;
}

#kh-settings-pane-roles {
  padding-bottom: 18px;
}

#kh-settings-pane-roles > .kh-meta {
  margin-bottom: 12px;
}

#kh-settings-pane-roles .kh-admin-grid {
  margin: 12px 0 20px;
}

#kh-settings-pane-roles .kh-admin-grid form {
  gap: 12px;
}

#kh-settings-pane-roles .kh-admin-grid p {
  margin: 0;
}

#kh-settings-pane-roles .kh-admin-grid .kh-actions {
  margin-top: 0;
}

#kh-settings-pane-roles > h4:nth-of-type(2) {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--teejit-form-border, #d9e1ec);
}

.kh-members-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--teejit-form-border, #d9e1ec);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.kh-members-table thead th {
  text-align: left;
  background: #f3f7fc;
  border-bottom: 1px solid var(--teejit-form-border, #d9e1ec);
  padding: 10px 14px;
  font-size: 14px;
}

.kh-members-table tbody td {
  padding: 10px 14px;
  border-bottom: 1px solid #edf2f7;
  vertical-align: middle;
}

.kh-members-table tbody tr:last-child td {
  border-bottom: 0;
}

.kh-members-table td.kh-member-name {
  margin: 0;
  font-weight: 600;
}

.kh-members-table td select {
  min-width: 0;
  width: 100%;
}

.kh-members-table th:nth-child(1),
.kh-members-table td:nth-child(1) {
  width: 30%;
}

.kh-members-table th:nth-child(2),
.kh-members-table td:nth-child(2),
.kh-members-table th:nth-child(3),
.kh-members-table td:nth-child(3) {
  width: 23%;
}

.kh-members-table th:nth-child(4),
.kh-members-table td:nth-child(4) {
  width: 24%;
}

.kh-members-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  white-space: nowrap;
}

.kh-members-table .kh-members-actions .kh-member-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 96px;
  height: 40px;
  min-height: 40px;
  padding: 0 14px;
  line-height: 1;
  white-space: nowrap;
}

.kh-members-table .kh-members-actions .kh-member-remove-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background: #f6b2bd;
  color: #fff;
  box-shadow: none;
  line-height: 1;
}

.kh-members-table .kh-members-actions .kh-member-remove-x:hover,
.kh-members-table .kh-members-actions .kh-member-remove-x:focus-visible {
  background: #dc3545;
  color: #fff;
}

.kh-members-table .kh-members-actions .kh-member-remove-x:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.kh-members-table .kh-members-actions .kh-member-remove-x .material-symbols-outlined {
  font-size: 26px;
  line-height: 1;
}

@media (max-width: 820px) {
  .kh-members-table {
    table-layout: auto;
  }
  .kh-members-table th:nth-child(1),
  .kh-members-table td:nth-child(1),
  .kh-members-table th:nth-child(2),
  .kh-members-table td:nth-child(2),
  .kh-members-table th:nth-child(3),
  .kh-members-table td:nth-child(3),
  .kh-members-table th:nth-child(4),
  .kh-members-table td:nth-child(4) {
    width: auto;
  }
  .kh-members-actions {
    flex-wrap: wrap;
  }
}
.kh-members-section {
  margin-bottom: 18px;
}

.kh-members-section:last-child {
  margin-bottom: 0;
}

.kh-members-section-title {
  margin: 0 0 10px;
  font-size: 1rem;
}

.kh-member-name-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.kh-member-name-primary {
  font-weight: 600;
}

.kh-member-name-secondary {
  font-size: 12px;
  color: #667a8f;
}

.kh-topbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.kh-search-wrap {
  display: grid;
  gap: 10px;
}

.kh-search-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.kh-plus-btn {
  width: 200px;
  margin-top: 12px;
}

.kh-suggestions {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: row;
  gap: var(--gap-medium);
}

.kh-suggestions li {
  margin: 0 0 6px;
}

.kh-suggestions a {
  border: 1px solid #e4e4e4;
  border-radius: var(--teejit-tag-border-radius);
  font-size: var(--teejit-btn-span-medium);
  padding: 5px 8px;
  text-decoration: none;
  background-color: var(--teejit--accent--gray);
}

.kh-suggestions a:hover {
  border-color: var(--primary-background);
  box-shadow: var(--teejit-box-shadow-1);
}

.kh-live-method-results {
  margin-top: 8px;
  border: 1px solid #d9e0ea;
  border-radius: 10px;
  background: #fff;
  max-height: 260px;
  overflow-y: auto;
}

.kh-live-method-item {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid #eef2f7;
  background: transparent;
  cursor: pointer;
}

.kh-live-method-item:last-child {
  border-bottom: 0;
}

.kh-live-method-item strong {
  display: block;
}

.kh-live-method-item small {
  display: block;
  color: #6b7280;
}

.kh-modal, .ih-modal {
  position: fixed;
  inset: 0;
  background: rgba(11, 22, 33, 0.45);
  z-index: 900;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--teejit-padding-m);
}

.kh-modal[aria-hidden=false], .ih-modal[aria-hidden=false] {
  display: grid;
  place-items: center;
}

.kh-modal-card, .ih-modal-card {
  min-width: 350px;
  max-width: 90%;
  max-height: calc(100vh - 40px);
  overflow: auto;
  border-radius: var(--teejit-tag-border-radius);
  background: #fff;
  border: 1px solid #dbe3ec;
  padding: var(--teejit-padding-m);
}

#kh-create-project-modal .ih-modal-card {
  width: min(760px, 100vw - 32px);
  padding: var(--teejit-padding-l);
}

.kh-modal-head, .ih-modal-head {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 12px;
  margin-bottom: 12px;
}

.kh-modal-close, .ih-modal-close {
  border-radius: var(--teejit-btn-border-radius-small);
  cursor: pointer;
  padding: 10px 20px;
  transition: 0.4s;
  background-color: var(--secondary-background);
  border: 1px solid var(--secondary-background);
  color: var(--secondary-color);
}

.ih-create-project-form, .ih-create-project-form > div {
  gap: var(--gap-medium);
  display: flex;
  flex-direction: column;
}

.ih-create-project-form > div:has(textarea) {
  gap: var(--gap-medium);
  display: inline-block;
  flex-direction: column;
}

.ih-toggle-visibility fieldset {
  border: none;
  padding: 0;
  margin: 0 0 var(--gap-medium);
}

.ih-toggle-visibility fieldset legend {
  margin-bottom: var(--gap-medium);
}

.ih-visibility-help {
  background: var(--teejit--accent--gray);
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-small);
  color: var(--text-color);
  font-size: 15px;
  line-height: 1.45;
  margin: var(--gap-medium) 0 0;
  max-width: 620px;
  padding: var(--teejit-padding-s) var(--teejit-padding-m);
}

.ih-visibility-help p {
  display: none;
  margin: 0;
}

.ih-visibility-help strong {
  color: var(--text-color);
}

#vis_private:checked ~ .ih-visibility-help .ih-visibility-help-private,
#vis_public:checked ~ .ih-visibility-help .ih-visibility-help-public {
  display: block;
}

.ih-modal .btn-flex-end {
  margin-top: var(--gap-medium);
}

/* Toggle Button */
.ih-toggle {
  display: inline-flex;
  border: 1px solid var(--primary-background);
  border-radius: var(--teejit-btn-border-radius-small);
  overflow: hidden;
  font-size: 14px;
}

.ih-toggle label {
  padding: 6px 16px;
  cursor: pointer;
  color: var(--text-color);
}

.ih-toggle label:first-child {
  border-right: 1px solid var(--primary-background);
}

#vis_private:checked ~ .ih-toggle label[for=vis_private],
#vis_public:checked ~ .ih-toggle label[for=vis_public] {
  background: var(--primary-background);
  color: var(--primary-color);
}

/* Method editor */
.kh-me-card {
  flex-direction: column;
}

/* Layout hardening against global flex defaults from theme */
#page-innohub-my-projects .kh-panel {
  border-radius: var(--teejit-btn-border-radius-medium);
  padding: 26px;
  border: 1px solid #d7dde6;
  box-shadow: 0 10px 28px rgba(24, 36, 52, 0.06);
  flex-direction: column;
}

#page-innohub-my-projects .kh-panel,
#page-innohub-my-projects .kh-panel * {
  box-sizing: border-box;
  word-break: normal;
}

#page-innohub-my-projects .kh-projects-section-intro {
  margin: 0 0 16px;
}

#page-innohub-my-projects .kh-project-list {
  align-items: stretch;
  display: grid;
  gap: var(--gap-large);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

#page-innohub-my-projects .kh-project-card {
  background: transparent;
  border: none;
  box-shadow: none;
  max-width: none;
  min-width: 0;
  padding: 0;
  width: 100%;
}

#page-innohub-my-projects .kh-project-card.kh-home-project-card {
  flex: none;
  max-width: none;
  padding: 0;
}

.kh-project-join-public > span, .kh-actions .btn {
  font-size: var(--teejit-btn-p);
}

.kh-project-join-public > span.material-symbols-outlined {
  font-size: 19px;
}

.kh-project-join-public {
  flex: 1;
  flex-direction: row;
  display: flex;
  align-items: center;
  gap: var(--teejit-padding-m);
}

#page-innohub-my-projects .kh-project-card h4 {
  font-size: var(--teejit-btn-h1);
  hyphens: auto;
  margin: 0;
}

#page-innohub-my-projects .kh-project-card.kh-home-project-card h4 {
  font-size: inherit;
}

.ih-badge {
  padding: 5px 8px;
}

.kh-result-card-head .ih-badge {
  min-width: 70px;
}

.ih-badge-p-visibility, .ih-badge-p-role {
  background: var(--primary-background);
  color: var(--primary-color);
}

/*
#page-innohub-my-projects .ih-project-dashboard-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

#page-innohub-my-projects .kh-stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
*/
#page-innohub-my-projects .kh-topbar {
  grid-template-columns: 1fr;
  align-items: stretch;
}

#page-innohub-my-projects .kh-search-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
}

#page-innohub-my-projects .kh-search-row .btn {
  min-width: 140px;
}

#page-innohub-my-projects .kh-search-row .kh-plus-btn {
  margin-left: 4px;
}

#page-innohub-my-projects .kh-gear-btn {
  display: inline-block;
  border: 1px solid #cfd9e5;
  border-radius: 10px;
  background: #f6f9fc;
  color: #2a3f54;
  min-height: 42px;
  padding: 8px 12px;
  font-size: 20px;
  cursor: pointer;
}

.kh-content-stack {
  gap: 12px;
  flex-direction: row;
}

.ih-project-files-list .kh-content-stack,
.ih-project-files-list .ih-content-stack {
  flex-direction: column;
}

.kh-content-item {
  border: 1px solid var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-medium);
  padding: var(--teejit-padding-m);
  background: #f8fbff;
  flex-direction: column;
  flex: 1;
}

.ih-project-files-list .kh-content-item {
  flex: 1 1 100%;
  max-width: 100%;
  min-width: 0;
}

.kh-content-item small {
  display: block;
  color: #607286;
}

#page-innohub-my-projects pre {
  background: #0f172a;
  color: #dbeafe;
  border-radius: 12px;
  padding: 14px;
  max-height: 380px;
  overflow: auto;
  font-size: 13px;
  line-height: 1.45;
}

.kh-mf-panel {
  flex-direction: column;
}

.ih-mf-three-fields, .ih-mf-two-fields {
  flex-direction: row;
}

.ih-mf-two-fields > div {
  flex: 1 1 50%;
  max-width: 50%;
}

.ih-mf-three-fields > div {
  flex: 1 1 33.3333333333%;
  max-width: 33.3333333333%;
}

.kh-mf-field {
  flex-direction: column;
}

/*
@media (min-width: 980px) {
  .kh-grid-two {
       grid-template-columns: 1fr 1.3fr;
   }

   .kh-inline-fields {
       grid-template-columns: 1fr auto;
   }

   .kh-admin-grid {
       grid-template-columns: 1fr 1fr;
   }

   #page-innohub-my-projects .ih-project-dashboard-layout {
       grid-template-columns: 1fr 1fr;
   }

   #page-innohub-my-projects .ih-project-dashboard-layout .kh-panel:first-child,
   #page-innohub-my-projects .ih-project-dashboard-layout .kh-panel:last-child {
       grid-column: 1 / -1;
   }
}

@media (max-width: 980px) {
    #kh-project-settings-modal .kh-modal-card {
        width: calc(100vw - 24px);
        min-height: auto;
    }
    #kh-project-settings-modal .kh-settings-panes {
        min-height: 0;
    }
}

@media (max-width: 1200px) {
   #page-innohub-my-projects .kh-panel-title {
       font-size: 32px;
   }
   #page-innohub-my-projects .kh-project-card h4 {
       font-size: 30px;
   }
   #page-innohub-my-projects .kh-stats-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   #page-innohub-my-projects .kh-project-list {
       grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}*/
@media (max-width: 720px) {
  /* #page-innohub-my-projects .kh-panel {
       padding: 18px;
   }
   #page-innohub-my-projects .kh-panel-title {
       font-size: 28px;
   }
   #page-innohub-my-projects .kh-search-row {
       grid-template-columns: 1fr 1fr;
   }
   #page-innohub-my-projects .kh-plus-btn {
       width: 46px;
       border-radius: 12px;
       height: 46px;
       font-size: 24px;
   }
   #page-innohub-my-projects .kh-search-row .btn {
       min-width: 0;
   }
   #page-innohub-my-projects .kh-project-card h4 {
       font-size: 28px;
   }*/
}
@media (max-width: 1280px) {
  #page-innohub-my-projects .kh-project-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  #page-innohub-my-projects .kh-project-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  #page-innohub-my-projects .kh-project-list {
    grid-template-columns: 1fr;
  }
}
/*** old inno hub ***/
.flex-column, .fc {
  display: flex;
  flex-direction: column;
}

.flex-row, .fr {
  display: flex;
  flex-direction: row;
}

#dev-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 200px;
  z-index: 900;
}

.teejit-smart-main-login {
  flex-direction: column !important;
}

.flex-1, .flex-1-child > div, .f1 {
  display: flex;
  flex: 1;
}

.flex-2 {
  display: flex;
  flex: 2;
}

.flex-3 {
  display: flex;
  flex: 3;
}

.flex-4 {
  display: flex;
  flex: 4;
}

.row-flex-wrap, .fsb {
  flex-wrap: wrap;
  justify-content: space-between;
}

.no-flex-wrap, .fnw {
  flex-wrap: nowrap;
}

/* ** Innovation Hub ** */
.custom-li {
  display: flex;
  flex-direction: row;
  align-content: center;
  padding: 0px 0px 5px;
}

.custom-li > .material-icons-outlined {
  margin-right: 8px;
}

.pre-login-method {
  flex: 1 0;
  padding: 12px 12px;
  max-width: 230px;
}

.pl-method-wrap {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.pl-method-img-wrap {
  position: relative;
}

.pl-method-help-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.pl-method-text-wrap {
  text-align: center;
}

.pl-method-text-title {
  justify-content: flex-start;
  display: flex;
}

.pl-method-text-title h4 {
  font-size: 22px;
  text-align: center;
  line-height: 1;
}

.pl-method-text-subtitle p {
  text-align: center;
}

.pl-method-text-button-wrap {
  justify-content: flex-end;
  display: flex;
  flex: 1;
}

.inno-login-bottom, .not-logged-in-header {
  justify-content: flex-end;
  flex: 1;
}

.inno-login-bottom-back {
  justify-content: flex-start;
  flex: 1;
}

.inno-login-bottom-back > .inno-login-bottom-register-wrap {
  margin-left: 0px;
}

.inno-login-bottom-text-wrap {
  align-items: center;
}

.inno-login-bottom-text-wrap h3 {
  margin: 0px auto !important;
}

.inno-login-bottom-register-wrap {
  margin-left: 12px;
  margin-right: 12px;
}

.inno-reg-first-row > div.teejit-login-input-wrap-label {
  flex: 1;
}

.teejit-login-input-label-span {
  margin: 0px !important;
  padding: 0px 8px;
}

.teejit-login-input-label-span ~ input {
  margin-top: 0px !important;
}

.inno-button-group {
  display: flex;
}

.inno-button-group btn {
  margin: 0px !important;
  padding: 0px !important;
}

.btn-light-border {
  border: 1px solid gray;
  border-radius: 3px;
  background: rgb(245, 245, 245);
  color: gray;
  padding: 6px 12px;
  cursor: pointer;
}

.btn-light-border:hover {
  border: 1px solid gray;
  color: rgb(245, 245, 245);
  background: gray;
  box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}

.inno-reg-toggle, .inno-toggle {
  background: rgb(245, 245, 245);
  color: gray;
}

.inno-reg-toggle, .inno-toggle div {
  padding: 6px 12px;
  cursor: pointer;
}

.inno-reg-toggle.active, .inno-toggle.active {
  background: #ffdf65;
  color: gray;
  font-weight: bold;
}

.inno-reg-toggle-left, .inno-toggle-left {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.inno-reg-toggle-right, .inno-toggle-right {
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.inno-reg-toggle-wrap, .inno-toggle-wrap {
  display: none;
}

.inno-reg-toggle-wrap.active, .inno-toggle-wrap.active {
  display: flex;
}

.pre-login-method-wrap {
  justify-content: space-around;
  position: relative;
}

.inno-pop-up-bg {
  position: fixed;
  background: rgba(255, 255, 255, 0.4);
  z-index: 990;
  padding: 5%;
  width: 100%;
  height: 100%;
  top: 60px;
  left: 0px;
}

.inno-pop-up {
  position: relative;
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 10px 5px grey;
  padding: 40px;
  border-radius: 1px;
  overflow-y: scroll;
  max-height: 80vh;
}

.inno-pop-up-content {
  display: flex;
  flex: 1;
}

#pre-login-method-pop-up-wrap {
  position: absolute;
  background: white;
  z-index: 990;
  padding: 40px;
  box-shadow: 0px 0px 10px 5px grey;
  margin: 10%;
  border-radius: 1px;
  display: none;
}

.teejit-smart-main {
  padding: 15px;
  margin: 50px auto;
  /*  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important; */
  background: white;
  max-width: 990px;
  width: 85%;
  display: flex !important;
}

.register-input-more-infos {
  background: white;
  color: rgb(127, 140, 141);
  flex: 1 0;
}

#teejit-content {
  display: flex;
  flex: 1;
}

.inno-content-wrap {
  display: flex;
  flex: 1;
}

.inno-content-aside {
  /*display:flex;
  width:220px;
  box-shadow: 0px 0rem 8px 1px rgb(0 0 0 / 15%) !important
  */
}

.inno-content-main {
  display: flex;
  flex: 5;
}

.inno-main-navi-container > div {
  flex: 1;
}

.inno-main-navi-container {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.4);
}

.inno-nav-element {
  flex: 1;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}

.inno-nav-element:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.inno-nav-icon {
  padding: 6px 6px;
}

.inno-nav-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding: 6px 12px 6px 0px;
}

.inno-nav-element.active {
  font-weight: 700;
  background: rgb(153, 153, 153);
  color: white;
}

.inno-nav-element.active span {
  color: white;
}

span.teejit-e-material-icon-i {
  color: White;
}

.teejit-e-material-icon-wrap, .teejit-e-material-icon-wrap-white {
  padding: 4px;
  cursor: pointer;
  display: flex;
}

.teejit-e-material-icon-i {
  padding: 4px;
  border-radius: 50%;
  color: white;
}

.teejit-e-material-icon-wrap:hover .teejit-e-material-icon-i {
  box-shadow: 0.2px 0.2px 4px 0.1px rgba(100, 100, 100, 0.07);
  background: rgba(100, 100, 100, 0.07);
}

.teejit-e-material-icon-wrap-white:hover .teejit-e-material-icon-i {
  box-shadow: 0.2px 0.2px 4px 0.1px rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.3);
}

.projekt-neu-button {
  font-size: 30px;
  background-color: rgba(100, 100, 100, 0.8);
  border-radius: 50%;
}

.small-button {
  flex: 1 !important;
  display: flex !important;
  padding: 10px !important;
  text-transform: none !important;
}

.inno-link {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.inno-link:hover {
  color: #ffdf65;
  text-shadow: 1px 1px #3c4858;
}

/*** image upload ***/
.bild-upload-input {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}

/*** home ***/
.home-row {
  margin-bottom: 24px;
}

.home-row h2 {
  margin: 0px 0px 12px 0px;
}

.inno-home-btn {
  position: relative;
  height: auto;
  cursor: pointer;
  margin: 15px;
}

.inno-home-btn-bg-img {
  background-size: 90% 90%;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  position: absolute;
  width: 100%;
}

.inno-home-btn-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

/*** Coaches, Profil ***/
#coach-finder {
  flex: 1 100%;
}

.coaches {
  display: none;
  width: 100%;
}

.coach-element {
  margin: 10px 0px;
  flex: 1;
  /*
  flex:1 32%;
  max-width:33%;
  */
}

.coach-img-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 155px;
}

.coach-img-copyright p {
  font-size: 10px;
  hyphens: auto;
}

.coach-element img.coach-tn {
  height: 170px;
  border-radius: 2px;
}

.coach-element .coach-infos {
  margin-left: 24px;
}

.coach-infos {
  flex: 1;
}

.coach-element .coach-infos h4 {
  margin-top: 0px;
  margin-bottom: 4px;
}

/*** Methode Übersicht ***/
.methode-uebersicht-wrap h2 {
  margin-top: 0px;
}

.inno-material-icon-line {
  padding: 10px;
  margin: 0px 0px 10px 10px;
  box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.4);
  cursor: pointer;
  display: flex;
}

.inno-material-icon-line:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.inno-material-icon-line:hover .methode-details-icon {
  background: none;
}

.inno-material-icon-i {
  padding: 0px;
}

.methode-details-icon {
  border-radius: 50%;
  background: white;
  height: 23px;
  margin-right: 10px;
}

.methode-details-level-1 {
  z-index: 3;
}

.methode-details-level-2 {
  z-index: 2;
  margin-left: -10px;
}

.methode-details-level-3 {
  z-index: 1;
  margin-left: -10px;
}

.inno-methode-bottom-line {
  justify-content: flex-end;
}

.inno-button-outline-wrap {
  margin-left: 15px;
  width: 280px;
  display: flex;
  justify-content: center;
}

.methode-customize-notizen {
  min-height: 75px;
}

.vertical {
  resize: vertical;
}

.horizontal {
  resize: horizontal;
}

/*** Projekt Element ***/
.inno-projekt-element, .method-element {
  flex: 1 0 25%;
  padding: 12px 12px;
  max-width: 25%;
  cursor: pointer;
}

.inno-projekt-element:hover, .method-element:hover {
  box-shadow: 0px 0rem 8px 1px rgba(0, 0, 0, 0.15) !important;
}

.img-as-bg-img {
  padding-top: 100%;
  background-size: cover;
  background-position: center;
}

.inno-projekt-element-text-wrap, .method-element-text-wrap {
  text-align: center;
}

.inno-projekt-element-text-title h5, .method-element-text-title h5 {
  margin: 12px 0px 0px;
  line-height: 1;
}

.inno-projekt-element-text-subtitle p, .method-element-text-subtitle p {
  margin: 6px;
}

.inno-login-bottom-register-button {
  justify-content: center;
}

.btn-marker, .btn-marker-g1, .btn-marker-g2 {
  min-width: 170px;
  font-weight: bold;
}

.btn-marker {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27 standalone=%27no%27%3F%3E%3C%21DOCTYPE svg PUBLIC %27-//W3C//DTD SVG 20010904//EN%27 %27http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd%27%3E%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%273.31111in%27 height=%270.833333in%27 viewBox=%270 0 298 75%27%3E%3Cpath id=%27Auswahl%27 fill=%27%23ffdf65%27 d=%27M 15.00,32.00 C 12.11,31.87 3.53,31.34 1.60,29.40 -0.20,27.60 0.02,24.35 0.00,22.00 -0.04,16.43 -1.27,4.18 4.14,1.02 6.23,-0.20 9.62,0.00 12.00,0.00 12.00,0.00 82.00,0.00 82.00,0.00 82.00,0.00 97.00,1.00 97.00,1.00 97.00,1.00 128.00,1.00 128.00,1.00 128.00,1.00 145.00,2.00 145.00,2.00 145.00,2.00 179.00,3.00 179.00,3.00 179.00,3.00 190.00,3.96 190.00,3.96 190.00,3.96 198.00,3.96 198.00,3.96 198.00,3.96 215.00,5.00 215.00,5.00 215.00,5.00 226.00,5.96 226.00,5.96 226.00,5.96 263.00,8.72 263.00,8.72 263.00,8.72 285.00,11.00 285.00,11.00 286.84,11.25 293.41,12.05 294.70,12.73 297.31,14.11 296.61,16.62 296.11,19.00 296.11,19.00 292.16,36.00 292.16,36.00 291.81,38.63 291.94,42.10 289.52,43.91 286.23,46.16 276.30,44.09 272.00,43.91 271.88,47.44 272.37,48.60 269.00,50.00 270.79,57.75 268.25,58.37 262.00,62.00 262.00,62.00 269.00,65.00 269.00,65.00 269.00,65.00 260.00,66.00 260.00,66.00 260.00,66.00 269.00,67.00 269.00,67.00 266.40,77.82 259.85,74.37 251.00,73.28 251.00,73.28 202.00,68.09 202.00,68.09 202.00,68.09 158.00,64.91 158.00,64.91 158.00,64.91 148.00,64.00 148.00,64.00 148.00,64.00 128.00,63.00 128.00,63.00 128.00,63.00 106.00,62.00 106.00,62.00 106.00,62.00 67.00,62.00 67.00,62.00 67.00,62.00 37.00,62.00 37.00,62.00 32.31,62.06 18.74,64.86 15.43,62.71 12.67,60.92 13.24,57.76 13.58,55.00 13.58,55.00 16.00,36.00 16.00,36.00 16.00,36.00 2.00,35.00 2.00,35.00 2.00,35.00 2.00,32.00 2.00,32.00 2.00,32.00 15.00,32.00 15.00,32.00 Z%27 /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  color: black !important;
  background-color: unset !important;
  box-shadow: unset !important;
  transition: 0.4s;
}

.btn-marker:hover {
  background-color: rgba(153, 153, 153, 0.06) !important;
  box-shadow: 0px 0px 13px 3px rgba(153, 153, 153, 0.12) !important;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.btn-no-spacing-hover:hover {
  letter-spacing: 0px !important;
}

.btn-marker-g1 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg id=%27a%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 301 73.96%27%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23999%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27b%27 d=%27M260.88 61.28c1.95 .75 4 1.55 7.88 3.06h-11.74l-.09 .75c3.82 .81 7.63 1.62 11.46 2.42-1.85 6.92-1.85 6.95-9.38 6.04-72.31-8.84-144.85-13.91-217.75-12.28-6.87 .15-13.77 .56-20.57 1.56-5.91 .87-7.62-1.21-6.79-6.73 1-6.75 1.77-13.54 2.72-20.86l-14.42-1.08c.06-.58 .1-1.17 .16-1.74 4.43 .24 8.84 .49 13.27 .72l.19-1.64c-3.23-.34-6.47-1-9.69-.96-4.3 .06-6.41-1.39-6.11-5.96 .45-6.62 .23-13.31 1.16-19.85C1.44 2.87 4.68 .02 6.57 0c19.4-.09 38.8 .5 58.21 .56 69.11 .24 138.1 3.06 206.96 9.07 8.06 .71 16.06 2.16 25.22 3.41-1.64 6.53-3.31 12.89-4.8 19.31-.89 3.84-.28 9.89-2.48 11.13-3.28 1.83-8.44 .27-12.8 .16-1.7-.04-3.4 0-5.71 0 .27 1.86 .47 3.35 .74 5.15-1.54 .31-3.09 .61-3.74 .74 .68 2.52 2.45 5.94 1.64 6.76-2.13 2.14-5.4 3.14-8.93 4.98h0Z%27/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  color: white !important;
  background-color: unset !important;
  box-shadow: unset !important;
  transition: 0.4s;
}

.btn-marker-g1:hover {
  background-color: rgba(153, 153, 153, 0.06) !important;
  box-shadow: 0px 0px 13px 3px rgba(153, 153, 153, 0.12) !important;
  font-weight: bold;
  letter-spacing: 2px;
}

.btn-marker-g2 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg id=%27a%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 301 73.96%27%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23999%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27b%27 d=%27M36.99 15.74c-1.97-.7-4.04-1.44-7.96-2.84l11.74-.32 .07-.75c-3.84-.71-7.67-1.41-11.52-2.11 1.66-6.97 1.66-7 9.21-6.29 72.52 6.87 145.17 9.97 218 6.36 6.86-.34 13.75-.93 20.52-2.12 5.88-1.03 7.65 1 6.97 6.54-.82 6.77-1.4 13.58-2.15 20.93l14.44 .69c-.04 .58-.07 1.17-.11 1.74-4.43-.12-8.85-.25-13.28-.36l-.15 1.64c3.24 .25 6.49 .82 9.71 .7 4.3-.18 6.45 1.22 6.27 5.79-.27 6.63 .13 13.31-.62 19.87-.21 1.87-3.37 4.8-5.26 4.87-19.39 .62-38.8 .55-58.2 1.02-69.09 1.64-138.13 .69-207.13-3.45-8.08-.49-16.11-1.72-25.3-2.72 1.46-6.57 2.96-12.98 4.27-19.43 .79-3.86 .01-9.89 2.18-11.19 3.23-1.92 8.43-.5 12.79-.51 1.7 0 3.4-.09 5.71-.16-.32-1.85-.56-3.34-.88-5.13 1.53-.35 3.07-.69 3.72-.84-.75-2.5-2.61-5.87-1.82-6.71 2.07-2.2 5.31-3.29 8.79-5.22h0Z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  color: white !important;
  background-color: unset !important;
  box-shadow: unset !important;
  transition: 0.4s;
}

.btn-marker-g2:hover {
  background-color: rgba(153, 153, 153, 0.06) !important;
  box-shadow: 0px 0px 13px 3px rgba(153, 153, 153, 0.12) !important;
  font-weight: bold;
  letter-spacing: 2px;
}

.btn-marker-g1-long {
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg id=%27a%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 453.72 73.96%27%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23999%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27b%27 d=%27M55.51 15.23c-2.97-.67-6.09-1.39-12-2.73l17.76-.48 .12-.75c-5.8-.65-11.59-1.31-17.4-1.95 2.61-6.99 2.61-7.02 14.03-6.42 109.64 5.86 219.52 7.95 329.76 3.32 10.39-.43 20.82-1.13 31.08-2.4 8.92-1.11 11.56 .9 10.46 6.45-1.33 6.79-2.31 13.61-3.55 20.96l21.84 .49c-.08 .58-.12 1.17-.19 1.75-6.71-.06-13.39-.13-20.1-.17l-.24 1.65c4.9 .21 9.82 .73 14.69 .56 6.5-.24 9.74 1.13 9.41 5.71-.5 6.64 .01 13.31-1.22 19.89-.34 1.87-5.17 4.85-8.03 4.95-29.35 .89-58.71 1.1-88.08 1.83-104.56 2.6-209.01 2.62-313.35-.56-12.21-.38-24.36-1.5-38.25-2.37 2.3-6.6 4.66-13.02 6.74-19.5 1.24-3.88 .15-9.9 3.45-11.23 4.91-1.96 12.76-.62 19.36-.69 2.57-.03 5.14-.14 8.64-.23-.46-1.85-.8-3.33-1.26-5.12 2.32-.37 4.66-.74 5.64-.89-1.1-2.49-3.87-5.84-2.66-6.69 3.16-2.23 8.08-3.36 13.37-5.35h0Z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  color: white !important;
  background-color: unset !important;
  box-shadow: unset !important;
  transition: 0.4s;
  width: 300px;
}

.btn-marker-g1-long:hover {
  background-color: rgba(153, 153, 153, 0.16) !important;
  box-shadow: 0px 0px 13px 3px rgba(153, 153, 153, 0.23) !important;
  font-weight: bold;
  letter-spacing: 1px;
}

.btn span.btn-text {
  font-size: 12px;
}

a.download-link {
  display: flex;
  flex: 1;
}

a.download-link .btn {
  display: flex;
  flex: 1;
  justify-content: center;
}

.btn-download {
  color: #999;
  border: 1px solid #999;
  background: none;
  padding: 5px 15px !important;
  align-items: center;
}

.btn-download .material-icons {
  font-size: 43px;
  margin-right: 10px;
}

.btn-download .material-icons svg path {
  fill: #999999;
  stroke: #999999;
}

.inno-button-outline-wrap:hover .material-icons svg path {
  fill: #fff;
  stroke: #fff;
}

.btn-download .btn-text {
  font-weight: bold;
}

.print-h1 {
  opacity: 0;
}

#methoden-infos label {
  padding: 5px 7px 0px 7px;
  margin: 0px;
}

#print-section input[name=projekt_titel], #methoden-infos input, #methoden-infos textarea {
  background: white;
  border-bottom: 2px solid grey;
  padding: 5px 7px;
  margin: 0px 0px 10px 0px;
}

#methoden-infos input[name=projekt_titel], #print-section input[name=projekt_titel] {
  font-size: 20px;
}

/*
input, select {
    background: white;
    border-bottom: 2px solid grey;
    padding: 5px 7px;
    margin: 0px 5px 10px 5px;
}
*/
.control.control-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control input:checked ~ .control_indicator {
  background: #999;
}

#box {
  overflow: hidden;
}

.post-it-element {
  /*flex-wrap:nowrap; entfernt, damit post its auch rechts am Rand liegen können*/
}

.post-it-element span.post-it-close {
  background: #dfe4e8;
  width: 28px;
  cursor: pointer;
  /*
  background:rgba(192, 57, 43,1.0);
  color:white;
  padding: 5px;*/
}

.post-it-element span.post-it-move {
  background: #dfe4e8;
  width: 28px;
  cursor: pointer;
  /*background:rgba(39, 174, 96,1.0);
  color:white;
  padding: 5px;*/
}

.icon-grau {
  fill: #dfe4e8;
}

.icon-rot {
  fill: #9c1304;
}

.icon-grün {
  fill: #086000;
}

/*
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://bilder.teejit.de/smart-bilder/material-icons/MaterialIcons-Regular.eot);
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
*/
/* Methoden Footer */
/* Online Hilfe */
.inno-hilfe-online {
  justify-content: flex-end;
  flex: 1;
  position: fixed;
  top: 80px;
  right: 0px;
  z-index: 900;
  margin: 0px !important;
  padding: 6px !important;
  text-align: left;
  width: 130px;
  font-weight: bold;
}

.inno-hilfe-online-3 {
  position: fixed;
  top: 140px;
  right: 0px;
}

.inno-hilfe-online-2 {
  position: fixed;
  top: 200px;
  right: 0px;
}

.inno-hilfe-online-wrap {
  display: flex;
  align-items: center;
  color: black;
  justify-content: space-between;
}

.inno-hilfe-online-wrap > .material-icons-outlined {
  font-size: 33px;
  border: none !important;
}

.inno-hilfe-online-button-text {
  line-height: 1.1;
  font-size: 16px;
}

.inno-hilfe-online-p .material-icons-outlined {
  font-size: 16px !important;
}

/* Inspirations-Pop-Up */
.inno-inspiration {
  justify-content: flex-end;
  flex: 1;
  position: fixed;
  top: 200px;
  right: 0px;
  z-index: 900;
  margin: 0px !important;
  padding: 6px !important;
  text-align: left;
  width: 130px;
  font-weight: bold;
}

.inno-inspiration-pop-up-bg {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.inno-inspiration-pop-up {
  max-width: 500px;
  display: flex;
}

/*** Methodfinder ***/
#page-innohub-methodenfinder #t-content-wrapper {
  padding: 0;
}

#page-innohub-methodenfinder #t-content-wrapper .t-content-head {
  margin: 0;
}

.ih-nav.kh-subnav {
  padding-left: clamp(1rem, 2vw, 2rem);
  padding-right: clamp(1rem, 2vw, 2rem);
}

.t-nav-head.ih-nav.kh-subnav .t-nav-head {
  padding: 0;
}

/* ── Loading overlay ────────────────────────────────────────────── */
#kh-methodfinder-loading.is-active {
  display: flex !important;
}

#kh-methodfinder-loading {
  display: none !important;
  position: fixed;
  inset: 0;
  z-index: 10040;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(1px);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

/* ── Stil-Umschalter ────────────────────────────────────────────── */
.kh-mf-style-switch {
  display: flex;
  gap: var(--gap-small);
  justify-content: flex-end;
  margin-bottom: var(--gap-medium);
}

.kh-mf-switch-btn.is-active {
  background: var(--primary-background) !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-background) !important;
}

#page-innohub-methodenfinder .kh-mf-content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
  width: 100%;
  min-width: 0;
}

/* ── Panel ──────────────────────────────────────────────────────── */
.kh-mf-panel {
  background: #fff;
  border: 1px solid var(--teejit-form-border, #e9e9e9);
  padding: var(--teejit-padding-l);
  margin-bottom: var(--gap-large);
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}

/* ── Notice ─────────────────────────────────────────────────────── */
.kh-mf-notice {
  border-radius: var(--teejit-btn-border-radius-small);
  padding: var(--teejit-padding-s) var(--teejit-padding-l);
  margin-bottom: var(--teejit-padding-s);
  border: 1px solid transparent;
  display: none;
}

.kh-mf-notice-success {
  background: #eaf7ef;
  border-color: #9fd7b0;
  color: #164c2a;
}

.kh-mf-notice-error {
  background: #fdeeee;
  border-color: #f2b7b7;
  color: #7c1f1f;
}

/* ── Abschnitt ──────────────────────────────────────────────────── */
.kh-mf-section {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}

.kh-mf-section-header {
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-h2);
  color: var(--text-color);
  padding-bottom: var(--gap-small);
  border-bottom: 1px solid var(--teejit--accent--gray);
  margin: 0;
}

/* ── Felder ─────────────────────────────────────────────────────── */
.kh-mf-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kh-mf-field label {
  font-size: var(--font-size-p-small);
  font-weight: 600;
  color: var(--text-color);
}

.kh-mf-field input[type=text],
.kh-mf-field input[type=number],
.kh-mf-field select {
  border: 1px solid var(--teejit-input-border);
  border-radius: var(--teejit-btn-border-radius-small);
  padding: var(--teejit-padding-xs) var(--teejit-padding-s);
  font-size: var(--font-size-p-small);
  color: var(--text-color);
  background: #fff;
  outline: none;
  transition: border-color 0.2s;
  min-height: 32px;
}

.kh-mf-field input:focus,
.kh-mf-field select:focus {
  border-color: var(--primary-background);
}

/* Projekt-Zeile */
.kh-mf-project-row {
  display: flex;
  flex-direction: row;
  gap: var(--gap-small);
  align-items: stretch;
}

.kh-mf-project-row select {
  flex: 1;
}

/* Filter-Grid */
.kh-mf-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: var(--gap-medium);
  align-items: start;
}

.kh-mf-field--wide {
  grid-column: span 2;
}

/* Gruppen */
.kh-mf-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kh-mf-group-label {
  font-size: var(--font-size-p-xsmall);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #888;
}

.kh-mf-field-hint {
  font-size: var(--font-size-p-xsmall);
  color: #888;
}

/* Checkbox-Toggle */
.kh-mf-checkbox-toggle {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
  font-size: var(--font-size-p-small);
  cursor: pointer;
}

.kh-mf-checkbox-toggle input[type=checkbox] {
  accent-color: var(--primary-background);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* Accordion */
.kh-mf-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: var(--teejit-padding-xs) 0;
  font-size: var(--font-size-p-small);
  font-weight: 600;
  color: #666;
  border-top: 1px solid var(--teejit--accent--gray);
  user-select: none;
  transition: color 0.2s;
}

.kh-mf-accordion-header:hover {
  color: var(--primary-background);
}

.kh-mf-accordion-header .material-icons-outlined {
  font-size: 18px;
  transition: transform 0.25s;
}

.kh-mf-accordion-header > span {
  flex-direction: row;
}

.kh-mf-accordion-header-advise {
  padding-left: 5px;
}

.kh-mf-accordion-header.open .kh-mf-accordion-header-advise {
  display: none !important;
}

.kh-mf-accordion-header.open .material-icons-outlined {
  transform: rotate(180deg);
}

.kh-mf-accordion-body {
  display: none !important;
  flex-direction: column;
  gap: var(--gap-medium);
  padding-top: var(--gap-medium);
}

.kh-mf-accordion-body.open {
  display: flex !important;
}

/* Aktions-Zeile */
.kh-mf-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--gap-small);
  padding-top: var(--gap-small);
  border-top: 1px solid var(--teejit--accent--gray);
}

.kh-mf-meta {
  font-size: var(--font-size-p-small);
  color: #5f6b7a;
  margin: 0;
}

/* Reset-Button */
.kh-mf-reset-btn {
  display: inline-flex;
  align-self: self-end;
}

.kh-mf-reset-btn .material-icons-outlined {
  font-size: 16px;
}

/* ── Icon-Zeile (Comic) ─────────────────────────────────────────── */
.kh-mf-icon-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0;
  justify-content: space-between;
}

.kh-mf-icon-row--stretch {
  width: 100%;
}

.kh-mf-icon-row--stretch .kh-mf-icon-connector {
  max-width: none;
  padding: 0 5px;
}

.kh-mf-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  gap: 6px;
  flex: 0 0 auto;
  min-width: 60px;
  max-width: 90px;
  padding: 6px 4px;
  transition: opacity 0.2s;
}

.kh-mf-icon-item:hover {
  opacity: 0.85;
}

.kh-mf-icon-item .mf-ring {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #999;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  transition: border-color 0.2s, background 0.2s;
  flex-shrink: 0;
}

.kh-mf-icon-item .mf-ring .material-icons-outlined {
  font-size: 24px;
  color: var(--text-color);
  transition: color 0.2s;
}

.kh-mf-icon-item .mf-h {
  font-size: var(--font-size-p);
  text-align: center;
  line-height: 1.3;
  color: var(--text-color);
}

.kh-mf-icon-connector {
  flex: 1;
  min-width: 8px;
  max-width: 28px;
  display: flex;
  align-items: center;
  height: 56px;
}

.kh-mf-icon-connector::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
}

/* Toggle-Gruppe */
.kh-mf-toggle-group {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.kh-mf-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  cursor: pointer;
  background: rgb(245, 245, 245);
  color: gray;
  font-size: var(--font-size-p-small);
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: none;
  transition: background 0.2s, color 0.2s;
  user-select: none;
}

.kh-mf-toggle-btn:last-child {
  border-right: 1px solid gray;
}

.kh-mf-toggle-btn .material-icons-outlined {
  font-size: 20px;
  line-height: 1;
  flex: 0 0 auto;
}

.kh-mf-toggle-btn span:not(.material-icons-outlined) {
  display: inline-block;
  min-width: 0;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: manual;
  line-height: 1.2;
}

/* ================================================================
   CLEAN  (.mf-style-clean)
================================================================ */
.mf-style-clean .kh-mf-icon-row-wrap {
  display: none !important;
}

.mf-style-clean .kh-mf-select-only {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}

.mf-style-clean .kh-mf-row-3 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: var(--gap-medium);
  align-items: start;
}

.mf-style-clean .kh-mf-accordion-body.open {
  background: var(--accordion-background);
  padding: var(--teejit-padding-s) var(--teejit-padding-l);
  border-radius: var(--teejit-btn-border-radius-small);
}

/* ================================================================
   COMIC  (.mf-style-comic)
================================================================ */
.mf-style-comic .kh-mf-select-only {
  display: none !important;
}

.mf-style-comic .kh-mf-icon-row-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}

.mf-style-comic .kh-mf-icon-item.finder-active .mf-ring {
  border: 3px solid #000;
  background: #000;
}

.mf-style-comic .kh-mf-icon-item.finder-active .mf-ring .material-icons-outlined {
  color: #fff;
}

.mf-style-comic .kh-mf-icon-item.finder-active .mf-h {
  font-weight: bold;
}

.mf-style-comic .kh-mf-toggle-btn.active {
  background: var(--primary-background);
  color: #333;
  font-weight: bold;
}

.mf-style-comic .kh-mf-toggle-btn:hover:not(.active) {
  background: #f0f0f0;
}

.mf-style-comic .kh-mf-row-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-large);
  align-items: flex-start;
}

.mf-style-comic .kh-mf-row-3 > .kh-mf-group {
  flex: 1 1 140px;
}

.mf-style-comic .kh-mf-group-label {
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--font-size-p-small);
  color: var(--text-color);
}

.mf-style-comic #kh-mf-participants {
  width: 80px;
  border: none;
  border-bottom: 2px solid #888;
  border-radius: 0;
  padding: 4px;
  font-size: var(--font-size-p-small);
  background: transparent;
}

.mf-style-comic #kh-mf-participants:focus {
  border-bottom-color: #000;
  outline: none;
}

.mf-style-comic .kh-mf-accordion-body .kh-mf-filter-grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: var(--gap-small);
}

/* ── Method cards list ──────────────────────────────────────── */
.kh-mf-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap-large);
  align-items: stretch;
}

.kh-mf-card {
  border: 1px solid var(--teejit-form-border);
  background: #fff;
  padding: var(--teejit-padding-l);
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  box-shadow: var(--teejit-box-shadow-2);
  min-width: 0;
  width: 100%;
  height: 100%;
}

.kh-mf-card.kh-mf-card-clickable {
  cursor: pointer;
}

.kh-mf-head {
  flex-direction: column;
  display: flex;
  gap: 14px;
  align-items: start;
  flex: 1 1 auto;
}

.kh-mf-head > div:not(.kh-mf-image) {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}

.kh-mf-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
}

.kh-mf-copy {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

.kh-mf-card-top {
  width: 100%;
  min-height: 180px;
}

.kh-mf-image {
  width: 100%;
  height: 180px;
  background: #f3f5f8 center/cover no-repeat;
  border: 1px solid #dce3ea;
  overflow: hidden;
  flex: 0 0 180px;
  position: relative;
  border-radius: 18px;
}

.kh-mf-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: inherit;
}

.kh-mf-team-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.kh-mf-team-badge-logo {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fff center/cover no-repeat;
  border: 1px solid rgba(220, 227, 234, 0.95);
  overflow: hidden;
  flex: 0 0 40px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
}

.kh-mf-team-badge-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.kh-mf-team-badge-name {
  display: inline-block;
  max-width: 140px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(220, 227, 234, 0.95);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
  color: var(--text-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  word-break: break-word;
}

.kh-mf-title {
  margin: 0 0 10px;
  font-size: var(--font-size-h2);
  line-height: 1.2;
  max-height: 3.6em;
  flex: 0 0 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.kh-mf-summary {
  margin: 0 0 12px;
  color: var(--text-color);
  font-size: var(--font-size-p);
  line-height: 1.5;
  max-height: 6em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.kh-mf-summary:empty::before {
  content: "";
  display: block;
  height: 100%;
}

.kh-mf-description {
  display: none !important;
}

.kh-mf-badges {
  margin: auto 0 0;
  gap: 10px;
  flex-direction: column;
  display: none !important;
}

.kh-mf-badge {
  background: var(--tag-label-background);
  color: var(--tag-label-color);
  border-radius: var(--teejit-tag-border-radius);
  font-size: 12px;
  padding: 4px 10px;
  font-weight: 600;
  display: inline-block;
  line-height: 1.4;
}

.kh-mf-card-actions {
  margin-top: 16px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.kh-mf-add-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: var(--primary-background);
  color: var(--primary-color);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--teejit-box-shadow-1);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.kh-mf-add-btn:hover {
  background-color: var(--primary-background-hover);
  color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}

.kh-mf-empty {
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  padding: var(--teejit-padding-l);
  color: #64748b;
  grid-column: 1/-1;
}

/* ── Modal ──────────────────────────────────────────────────────── */
#page-innohub-methodenfinder #kh-mf-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: none !important;
  align-items: center;
  justify-content: center;
  background: rgba(17, 24, 39, 0.5);
  padding: 16px;
}

#page-innohub-methodenfinder #kh-mf-modal[aria-hidden=false] {
  display: flex !important;
}

.kh-mf-modal-card {
  width: min(640px, 100%);
  background: #fff;
  border-radius: 12px;
  border: 1px solid #dbe3ec;
  padding: var(--teejit-padding-l);
  flex-direction: column;
}

.kh-mf-modal-title {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.2;
}

.kh-mf-modal-grid {
  flex-direction: column;
  gap: var(--gap-large);
}

.kh-mf-fields {
  gap: var(--gap-medium);
}

.kh-mf-modal-card .kh-mf-field {
  flex-direction: column;
  gap: 6px;
}

.kh-mf-modal-card input[type=text] {
  width: 100%;
}

.kh-mf-modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  justify-content: flex-end;
}

#page-innohub-methodenfinder #kh-mf-create-project-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: none !important;
  place-items: center;
  padding: 16px;
  background: rgba(17, 24, 39, 0.5);
  pointer-events: none;
}

#page-innohub-methodenfinder #kh-mf-create-project-modal[aria-hidden=false] {
  display: grid !important;
  pointer-events: auto;
}

#page-innohub-methodenfinder #kh-mf-create-project-modal .ih-modal-card {
  width: min(760px, 100vw - 32px);
  padding: var(--teejit-padding-l);
  position: relative;
  display: block !important;
}

#page-innohub-methodenfinder #kh-mf-create-project-title {
  display: block !important;
  margin: 0 0 20px;
  padding-right: 72px;
}

#page-innohub-methodenfinder #kh-mf-create-project-modal .kh-mf-create-project-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 1;
  z-index: 2;
}

#page-innohub-methodenfinder #kh-mf-create-project-form {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  gap: var(--gap-medium);
}

#page-innohub-methodenfinder #kh-mf-create-project-modal .ih-modal-card > h3,
#page-innohub-methodenfinder #kh-mf-create-project-modal .ih-modal-card > form {
  display: block !important;
  width: 100%;
  clear: both;
}

#page-innohub-methodenfinder #kh-mf-create-project-form > div {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  gap: var(--gap-small);
}

#page-innohub-methodenfinder #kh-mf-create-project-form label {
  display: block !important;
}

#page-innohub-methodenfinder #kh-mf-create-project-form .btn-flex-end {
  margin-top: 8px;
}

#page-innohub-methodenfinder #kh-mf-create-project-modal input[type=text] {
  display: block !important;
  width: 100%;
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .mf-style-clean .kh-mf-row-3 {
    grid-template-columns: 1fr;
  }
  .kh-mf-field--wide {
    grid-column: span 1;
  }
  .kh-mf-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .kh-mf-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  .kh-mf-icon-item {
    max-width: 70px;
    min-width: 50px;
  }
}
@media (max-width: 450px) {
  .kh-mf-filter-grid {
    grid-template-columns: 1fr;
  }
  .kh-mf-list {
    grid-template-columns: 1fr;
  }
  .kh-mf-icon-row {
    flex-wrap: wrap;
    gap: var(--gap-small);
  }
  .kh-mf-icon-connector {
    display: none;
  }
  .kh-mf-card-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .kh-mf-team-badge {
    max-width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    text-align: left;
  }
}
/*
 * InnovationHub — Stil "clean"
 * Orientiert sich am KnowledgeHub CSS-Design-System.
 * Nutzt die KH CSS-Variablen (--primary-background, --teejit-box-shadow-1 etc.)
 * und überschreibt/ergänzt nur IH-spezifische Klassen.
 *
 * Voraussetzung: Das KH-CSS ist bereits geladen.
 * Diese Datei kommt DANACH.
 */
/* ════════════════════════════════════════════
   Page Hero Header
   ════════════════════════════════════════════ */
.ih-page-header {
  min-height: 8px;
}

/* ════════════════════════════════════════════
   Flex utilities (IH-Erbe, falls nicht im KH vorhanden)
   ════════════════════════════════════════════ */
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-1 {
  display: flex;
  flex: 1;
}

.flex-1-child > div {
  display: flex;
  flex: 1;
}

/* ════════════════════════════════════════════
   Content Head
   ════════════════════════════════════════════ */
#page-innohub .t-content-head-left, #page-innohub-method-detail .t-content-head-left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#page-innohub .t-content-head-left-1 {
  display: flex;
  flex-direction: column;
}

#page-innohub .t-content-head-title {
  margin: 0 0 8px 0;
}

#page-innohub .t-content-head-text {
  margin: 0;
  color: var(--text-color);
  font-size: var(--font-size-p, 15px);
}

#page-innohub {
  max-width: none;
}

#page-innohub #t-content-wrapper {
  max-width: none;
  padding-top: 0;
  width: 100%;
}

#page-innohub .ih-main-card {
  box-shadow: var(--kh-bootstrap-shadow) !important;
  margin: 0;
  max-width: none;
  width: 100%;
}

#page-innohub .ih-main-card > .t-content-head-left {
  max-width: none;
  width: 100%;
}

#page-innohub .ih-content-main {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#page-innohub .ih-content-main .t-content-events-head {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#page-innohub .ih-content-main .t-content-events-head-column {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* ════════════════════════════════════════════
   DTP Cards – home-row-inner
   ════════════════════════════════════════════ */
.home-row-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-large, 24px);
  margin-top: 16px;
}

.inno-projekt-element {
  flex: 1 0 200px;
  max-width: calc(33.333% - var(--gap-large, 24px));
  cursor: pointer;
  transition: box-shadow 0.25s ease, transform 0.2s ease;
  background: #fff;
  overflow: hidden;
}

.inno-projekt-element:hover {
  box-shadow: var(--teejit-box-shadow-1-hover);
  transform: translateY(-2px);
}

.inno-projekt-element-wrap {
  height: 100%;
}

.inno-projekt-element-img-wrap {
  align-items: center;
  aspect-ratio: 16/9;
  background: #fff;
  justify-content: center;
  max-height: 180px;
  overflow: hidden;
}

.inno-projekt-element-img-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  padding: 10px;
  transition: transform 0.3s ease;
}

.inno-projekt-element:hover .inno-projekt-element-img-wrap img {
  transform: scale(1.03);
}

.inno-projekt-element-text-wrap {
  padding: 16px;
  gap: 6px;
  flex: 1;
}

.inno-projekt-element-text-title h5 {
  margin: 0 0 4px 0;
  font-size: var(--font-size-h5, 1.05em);
  font-weight: 700;
  color: var(--text-color);
}

.inno-projekt-element-text-subtitle p {
  margin: 0;
  font-size: var(--font-size-p-small, 13px);
  color: var(--text-color-light, #555);
  line-height: 1.45;
}

/* ════════════════════════════════════════════
   Module Buttons (Events Head)
   ════════════════════════════════════════════ */
.t-content-events-head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-large, 24px);
  margin: 24px 0;
}

.t-content-events-head-column {
  display: flex;
  flex-direction: column;
  flex: 1 0 200px;
  gap: 8px;
  padding: var(--teejit-padding-m);
  border-radius: var(--teejit-btn-border-radius-medium, 8px);
  border: 1px solid var(--teejit-form-border, #e4e4e4);
  background: var(--teejit--accent--gray, #f8f8f8);
}

.t-content-events-head-column > span {
  font-size: var(--font-size-p, 15px);
}

.t-content-events-head-column > p {
  margin: 0;
  font-size: var(--font-size-p-small, 13px);
  color: var(--text-color-light, #555);
}

.load-events-btn {
  margin-top: auto;
  padding-top: 12px;
}

.load-events-btn a {
  display: inline-flex;
}

/* ════════════════════════════════════════════
   Recent Projects
   ════════════════════════════════════════════ */
.kh-innohub-recent {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.kh-innohub-recent-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.kh-innohub-recent-head h3 {
  margin: 0;
}

.kh-innohub-empty {
  color: var(--text-color-light, #888);
  font-size: var(--font-size-p-small, 13px);
}

.kh-innohub-recent-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-large, 24px);
}

.kh-innohub-recent-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 0 240px;
  padding: var(--teejit-padding-m);
  border-radius: var(--teejit-btn-border-radius-medium, 8px);
  box-shadow: var(--teejit-box-shadow-1);
  background: #fff;
  border: 1px solid var(--teejit-form-border, #e4e4e4);
}

.kh-innohub-recent-item:hover {
  box-shadow: var(--teejit-box-shadow-1-hover);
}

.kh-innohub-recent-item h4 {
  margin: 0;
  font-size: var(--font-size-h5, 1em);
  font-weight: 700;
}

.kh-innohub-recent-item p {
  margin: 0;
  font-size: var(--font-size-p-small, 13px);
  color: var(--text-color-light, #666);
  flex: 1;
}

.kh-innohub-recent-item .btn {
  margin-top: auto;
  text-align: center;
  justify-content: center;
}

/* Chip / Badge */
.kh-chip {
  display: inline-flex;
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: var(--teejit-tag-border-radius, 20px);
  border: 1px solid var(--primary-background);
  color: var(--primary-background);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}

/* ════════════════════════════════════════════
   Popup Overlay
   ════════════════════════════════════════════ */
#inno-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  backdrop-filter: blur(3px);
}

#inno-popup {
  position: relative;
  background: #fff;
  border-radius: var(--teejit-btn-border-radius-medium, 10px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  max-width: 760px;
  width: 100%;
  max-height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#inno-popup-close {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--text-color, #333);
  z-index: 10;
  padding: 4px 8px;
  border-radius: 50%;
  transition: background 0.2s;
}

#inno-popup-close:hover {
  background: var(--teejit--accent--gray, #f0f0f0);
}

#inno-popup-content {
  padding: 48px 40px 32px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#inno-popup-content h1,
#inno-popup-content h2,
#inno-popup-content h3,
#inno-popup-content h4 {
  margin: 8px 0 4px;
}

#inno-popup-content p,
#inno-popup-content ul {
  margin: 0 0 8px;
  line-height: 1.6;
}

#inno-popup-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--teejit-btn-border-radius-small, 4px);
}

#inno-popup-content iframe {
  max-width: 100%;
  border-radius: var(--teejit-btn-border-radius-small, 4px);
}

.inno-popup-close-bottom {
  align-self: flex-end;
  margin-top: 16px;
}

/* First-step icons inside popup */
.inno-first-step-icon {
  font-size: 32px;
  color: var(--primary-background);
  margin-right: 16px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 4px;
}

/* Inspiration button (inside popup) */
.inno-home-btn {
  position: relative;
  display: flex;
  height: auto;
  cursor: pointer;
  border-radius: var(--teejit-btn-border-radius-medium, 8px);
  overflow: hidden;
  box-shadow: var(--teejit-box-shadow-1);
  text-decoration: none;
}

.inno-home-btn-bg-img {
  position: absolute;
  inset: 0;
  background-size: 90% 90%;
  background-repeat: no-repeat;
  background-position: center;
}

.inno-home-btn-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* ════════════════════════════════════════════
   Responsive
   ════════════════════════════════════════════ */
@media (max-width: 900px) {
  .inno-projekt-element {
    max-width: calc(50% - var(--gap-large, 24px));
  }
  .inno-projekt-element-img-wrap {
    max-height: 150px;
  }
}
@media (max-width: 600px) {
  .home-row-inner,
  .t-content-events-head,
  .kh-innohub-recent-list {
    flex-direction: column;
  }
  .inno-projekt-element {
    max-width: 100%;
    flex: 1 0 auto;
  }
  #inno-popup-content {
    padding: 48px 20px 24px;
  }
}
/* ============================================================
   IH Theme: CLEAN
   Orientiert am KnowledgeHub (KH) Design-System.
   Nutzt KH CSS-Variablen (--teejit-*, --primary-*, --gap-* …)
   Aktivierung: data-ih-theme="clean" auf dem Seiten-Container
   ============================================================ */
/* ─── CSS-Custom-Properties für dieses Theme ─── */
[data-ih-theme=clean] {
  --ih-panel-bg: #ffffff;
  --ih-panel-border: 1px solid var(--teejit-form-border, #e4e4e4);
  --ih-panel-shadow: var(--teejit-box-shadow-1, 0 2px 8px rgba(0,0,0,.08));
  --ih-panel-radius: var(--teejit-btn-border-radius-small, 6px);
  --ih-panel-padding: var(--teejit-padding-m, 20px);
  --ih-card-bg: #ffffff;
  --ih-card-hover: var(--teejit--accent--gray, #f5f5f5);
  --ih-badge-bg: var(--primary-background, #333);
  --ih-badge-color: var(--primary-color, #fff);
  --ih-meta-color: #666;
  --ih-stat-accent: var(--primary-background, #333);
  --ih-heading-font: "Roboto", sans-serif;
  --ih-modal-overlay: rgba(0,0,0,0.45);
}

/* ─── Layout ─── */
[data-ih-theme=clean] .kh-projects-layout,
[data-ih-theme=clean] .ih-project-dashboard-layout {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ─── Panel ─── */
[data-ih-theme=clean] .kh-panel {
  background: var(--ih-panel-bg);
  border: var(--ih-panel-border);
  box-shadow: var(--ih-panel-shadow);
  border-radius: var(--ih-panel-radius);
  padding: var(--ih-panel-padding);
  flex-direction: column;
}

[data-ih-theme=clean] .kh-panel-title {
  margin: 0 0 14px;
  font-size: 1.15em;
  font-weight: 700;
  font-family: var(--ih-heading-font);
  color: var(--text-color, #222);
  border-bottom: 1px solid var(--teejit-form-border, #e4e4e4);
  padding-bottom: 10px;
}

/* ─── Meta-Text ─── */
[data-ih-theme=clean] .kh-meta {
  color: var(--ih-meta-color);
  font-size: 0.88em;
  margin: 4px 0;
}

/* ─── Badge ─── */
[data-ih-theme=clean] .kh-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  background: var(--ih-badge-bg);
  color: var(--ih-badge-color);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ─── Flash / Notices ─── */
[data-ih-theme=clean] .kh-notice {
  padding: 12px 16px;
  border-radius: var(--ih-panel-radius);
  border-left: 4px solid transparent;
  font-size: 0.9em;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

[data-ih-theme=clean] .kh-notice-success {
  background: #f0fdf4;
  border-left-color: #22c55e;
  color: #166534;
}

[data-ih-theme=clean] .kh-notice-error {
  background: #fef2f2;
  border-left-color: #ef4444;
  color: #991b1b;
}

[data-ih-theme=clean] .kh-notice-warning {
  background: #fffbeb;
  border-left-color: #f59e0b;
  color: #92400e;
}

/* ─── Stats ─── */
[data-ih-theme=clean] .kh-stats-grid {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 14px;
}

[data-ih-theme=clean] .kh-stat {
  flex: 1 0 80px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: var(--teejit--accent--gray, #f5f5f5);
  border-radius: var(--ih-panel-radius);
  text-align: center;
}

[data-ih-theme=clean] .kh-stat strong {
  font-size: 1.8em;
  color: var(--ih-stat-accent);
  display: block;
}

[data-ih-theme=clean] .kh-stat span {
  font-size: 0.78em;
  color: var(--ih-meta-color);
}

/* ─── Dashboard Header ─── */
[data-ih-theme=clean] .ih-project-dashboard-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

[data-ih-theme=clean] .ih-project-dashboard-meta {
  font-size: 0.88em;
  color: var(--ih-meta-color);
  margin: 4px 0 0;
}

/* ─── Projektübersicht / Karten-Grid ─── */
[data-ih-theme=clean] .kh-overview-grid {
  flex-direction: column;
  gap: 16px;
}

[data-ih-theme=clean] .kh-project-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}

[data-ih-theme=clean] .kh-project-card {
  flex: 1 0 260px;
  max-width: calc(50% - 8px);
  background: var(--ih-card-bg);
  border: 1px solid var(--teejit-form-border, #e4e4e4);
  border-radius: var(--ih-panel-radius);
  padding: 16px;
  flex-direction: column;
  transition: box-shadow 0.25s, border-color 0.25s;
}

[data-ih-theme=clean] .kh-project-card:hover {
  box-shadow: var(--teejit-box-shadow-2, 0 4px 16px rgba(0, 0, 0, 0.12));
  border-color: var(--primary-background, #333);
}

[data-ih-theme=clean] .kh-project-card h4 {
  margin: 0 0 6px;
  font-size: 1em;
  font-weight: 700;
}

/* ─── Actions ─── */
[data-ih-theme=clean] .kh-actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* ─── Topbar / Suche ─── */
[data-ih-theme=clean] .kh-topbar {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

[data-ih-theme=clean] .kh-search-wrap {
  flex: 1;
  flex-direction: column;
  gap: 8px;
}

[data-ih-theme=clean] .kh-search-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}

[data-ih-theme=clean] .kh-search-row input[type=text] {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid var(--teejit-form-border, #ccc);
  border-radius: var(--ih-panel-radius);
  font-size: 0.9em;
  background: white;
}

[data-ih-theme=clean] .kh-suggestions {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}

[data-ih-theme=clean] .kh-suggestions li a {
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid var(--teejit-form-border, #ddd);
  border-radius: 12px;
  color: var(--text-color);
  transition: 0.2s;
}

[data-ih-theme=clean] .kh-suggestions li a:hover {
  background: var(--primary-background, #333);
  color: var(--primary-color, #fff);
  border-color: var(--primary-background);
}

/* ─── Admin Grid ─── */
[data-ih-theme=clean] .kh-admin-grid {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 16px;
}

[data-ih-theme=clean] .kh-admin-grid > * {
  flex: 1;
  min-width: 220px;
}

/* ─── Content Stack ─── */
/* ─── Gear / Plus Buttons ─── */
[data-ih-theme=clean] .kh-gear-btn,
[data-ih-theme=clean] .kh-plus-btn {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.3em;
  padding: 4px 8px;
  border-radius: var(--ih-panel-radius);
  transition: background 0.2s;
}

[data-ih-theme=clean] .kh-gear-btn:hover,
[data-ih-theme=clean] .kh-plus-btn:hover {
  background: var(--teejit--accent--gray, #f5f5f5);
}

/* ─── Page-Header-Bereich (ih-head) ─── */
[data-ih-theme=clean] .ih-head.t-content-head {
  background: white;
  box-shadow: var(--teejit-box-shadow-1, 0 2px 8px rgba(0, 0, 0, 0.08));
  border-radius: var(--ih-panel-radius);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  padding: var(--ih-panel-padding);
  margin-bottom: 20px;
}

/* ─── Modal ─── */
[data-ih-theme=clean] .kh-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--ih-modal-overlay);
  z-index: 9000;
  align-items: center;
  justify-content: center;
}

[data-ih-theme=clean] .kh-modal[aria-hidden=false] {
  display: flex;
}

[data-ih-theme=clean] .kh-modal-card {
  background: #fff;
  border-radius: var(--ih-panel-radius);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  padding: 24px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  flex-direction: column;
  gap: 12px;
}

[data-ih-theme=clean] .kh-modal-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

[data-ih-theme=clean] .kh-modal-close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.9em;
  color: var(--ih-meta-color);
  padding: 4px 8px;
}

[data-ih-theme=clean] .kh-modal-close:hover {
  color: var(--text-color);
}

/* ─── Formular-Elemente ─── */
[data-ih-theme=clean] form p {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 12px;
}

[data-ih-theme=clean] form label {
  font-size: 0.85em;
  font-weight: 600;
  color: var(--text-color, #333);
}

[data-ih-theme=clean] form input[type=text],
[data-ih-theme=clean] form input[type=email],
[data-ih-theme=clean] form input[type=number],
[data-ih-theme=clean] form input[type=search],
[data-ih-theme=clean] form select,
[data-ih-theme=clean] form textarea {
  padding: 8px 12px;
  border: 1px solid var(--teejit-form-border, #ccc);
  border-radius: var(--ih-panel-radius);
  font-size: 0.9em;
  background: white;
  width: 100%;
  box-sizing: border-box;
}

[data-ih-theme=clean] form input:focus,
[data-ih-theme=clean] form select:focus,
[data-ih-theme=clean] form textarea:focus {
  outline: 2px solid var(--primary-background, #333);
  outline-offset: 0;
}

/* ─── Responsive ─── */
@media (max-width: 700px) {
  [data-ih-theme=clean] .kh-project-card {
    max-width: 100%;
  }
  [data-ih-theme=clean] .ih-project-dashboard-header {
    flex-direction: column;
  }
}
:root {
  --bs-primary: var(--primary-background, #0d6efd);
  --bs-secondary: var(--secondary-background, #6c757d);
  --bs-body-color: var(--text-color, #212529);
  --bs-body-bg: #fff;
  --bs-border-color: var(--teejit-form-border, #dee2e6);
  --bs-border-radius: var(--teejit-btn-border-radius-medium, 0.5rem);
  --bs-border-radiFus: var(--bs-border-radius);
  --bs-border-radius-sm: var(--teejit-btn-border-radius-small, 0.375rem);
  --bs-border-radius-lg: var(--teejit-btn-border-radius-large, 0.75rem);
  --kh-bootstrap-surface: #fff;
  --kh-bootstrap-surface-muted: #f8fafc;
  --kh-bootstrap-surface-soft: color-mix(in srgb, var(--primary-background, #0d6efd) 4%, #fff);
  --kh-bootstrap-muted: #6c757d;
  --kh-bootstrap-shadow: var(--teejit-box-shadow-1, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08));
  --kh-bootstrap-shadow-soft: 0 0.35rem 1.2rem rgba(24, 31, 41, 0.08);
  --kh-bootstrap-shadow-raised: 0 0.9rem 2rem rgba(24, 31, 41, 0.12);
  --kh-focus-ring: 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #0d6efd) 18%, transparent);
  --kh-card-padding: clamp(1rem, 2vw, 1.5rem);
  --kh-card-padding-lg: clamp(1.25rem, 3vw, 2rem);
  --kh-ui-gap: clamp(0.85rem, 1.6vw, 1.25rem);
  --kh-ui-gap-lg: clamp(1rem, 2vw, 1.5rem);
  --kh-ui-transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

html {
  color: var(--bs-body-color);
  scroll-padding-top: calc(88px + 5rem);
}

body {
  min-height: 100vh;
  height: auto;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-body-font-family);
  line-height: 1.5;
}

a {
  color: var(--bs-link-color);
}

a:hover {
  color: var(--bs-link-hover-color);
}

main {
  flex: 1 0 auto;
  margin-top: 112px;
}

.kh-main {
  width: 100%;
}

.kh-section {
  padding-top: clamp(2rem, 4vw, 4rem);
  padding-bottom: clamp(2rem, 4vw, 4rem);
}

.kh-card,
.content,
.hentry.content,
.kh-content-card,
.kh-app-topbar,
.kh-tabs-section,
.kh-archive-header {
  background: var(--kh-bootstrap-surface);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--kh-bootstrap-shadow-soft);
}

.kh-card-body,
.hentry.content,
.kh-content-card,
.kh-app-topbar,
.kh-tabs-section,
.kh-archive-header {
  padding: var(--kh-card-padding-lg);
}

.entry-content > *:last-child,
.kh-card-body > *:last-child {
  margin-bottom: 0;
}

.page-headline,
.page-title {
  margin-bottom: 1.25rem;
}

.kh-front-hero .t-main-page-content {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.kh-front-content {
  display: flow-root;
}

.kh-app-shell {
  display: flex;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  min-height: calc(100vh - 112px);
  background: var(--bs-body-bg);
}

.kh-app-sidebar,
#t-nav.left {
  flex: 0 0 260px;
  width: 260px;
  max-width: 260px;
  min-height: calc(100vh - 112px);
  /*position: sticky;*/
  top: 112px;
  align-self: flex-start;
  padding: 1rem;
  background: #fff;
  border-right: 1px solid var(--bs-border-color);
  box-shadow: 0.25rem 0 1.5rem rgba(33, 37, 41, 0.04);
  z-index: 20;
}

.kh-app-wrapper {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: clamp(1.25rem, 2vw, 2rem);
  padding-right: clamp(1rem, 3vw, 3rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: clamp(2rem, 4vw, 4rem);
}

.wrapper.kh-app-wrapper {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.kh-app-page {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.kh-app-wrapper > .kh-app-topbar,
.kh-app-wrapper > .kh-content-wrapper {
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

.kh-app-topbar {
  backdrop-filter: blur(10px);
}

.kh-app-topbar {
  position: sticky;
  top: calc(88px + 0.75rem);
  z-index: 35;
}

.kh-subnav {
  box-shadow: none;
}

.kh-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  min-width: 0;
}

.kh-overview-page {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.kh-app-wrapper > .kh-overview-page,
.kh-app-wrapper > .kh-overview-wrapper,
.kh-overview-page > .kh-content-wrapper,
.kh-overview-wrapper {
  width: 100%;
  max-width: none;
}

#t-content-wrapper.kh-overview-wrapper,
.kh-overview-page > #t-content-wrapper.kh-overview-wrapper,
.kh-overview-card > #t-content-wrapper.kh-overview-wrapper {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.kh-overview-card {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  flex-direction: column;
  gap: 1.25rem;
}

.kh-overview-card > .t-content-head-left,
.kh-overview-card > .t-content-head-inner,
.kh-overview-card > .kh-overview-body {
  width: 100%;
  max-width: none;
}

.kh-overview-card .kh-overview-body,
.kh-overview-card > .t-content-main,
.kh-overview-card > .kh-content-main,
.kh-overview-card > .t-events-main-content,
.kh-overview-card > .channels-filter-nav,
.kh-overview-card .t-content-element-wrap {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.kh-overview-card .t-content-events-head,
.kh-overview-card .t-content-events-head-column {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.kh-content-main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kh-action-grid,
.t-content-events-head {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.kh-empty-state {
  padding: clamp(2rem, 6vw, 5rem);
}

.kh-loading-state,
.t-kh-loading {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  min-height: 12rem;
  padding: var(--kh-card-padding-lg);
  text-align: center;
  background: linear-gradient(180deg, var(--kh-bootstrap-surface) 0%, var(--kh-bootstrap-surface-muted) 100%);
  border: 1px dashed var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.kh-loading-state .lds-dual-ring img {
  display: block;
  animation: lds-dual-ring 1.2s linear infinite;
  transform-origin: center;
}

.pagination,
.nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.page-numbers {
  display: inline-flex;
  min-width: 2.5rem;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: #fff;
  color: var(--bs-body-color);
  font-weight: 600;
  text-decoration: none;
  transition: var(--kh-ui-transition);
}

.page-numbers.current,
.page-numbers:hover {
  border-color: var(--primary-background, var(--bs-primary));
  color: var(--primary-color, #fff);
  background: var(--primary-background, var(--bs-primary));
}

.wrapper {
  width: 100%;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
  padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 88px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--bs-border-color);
  box-shadow: 0 0.125rem 1rem rgba(33, 37, 41, 0.08);
  backdrop-filter: blur(10px);
}

.header .navbar {
  width: 100%;
  padding: 0;
}

.header-fixed {
  position: fixed;
}

.header .wrapper {
  min-height: 88px;
  align-items: center;
  gap: 1rem;
}

.header-logo-wrap a,
.header-website-link {
  align-items: center;
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

#header-logo-img {
  max-width: min(260px, 45vw);
  object-fit: contain;
}

.header .navbar-collapse {
  flex-grow: 0;
}

.header .navbar-nav {
  gap: 0.25rem;
}

.header .navbar-nav .menu-item > a {
  display: block;
  padding: 0.5rem 0.75rem;
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  font-weight: 600;
  text-decoration: none;
}

.header .navbar-nav .menu-item > a:hover,
.header .navbar-nav .current-menu-item > a {
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
}

.navbar-toggler {
  border-color: var(--bs-border-color);
}

.header-website-link {
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.btn,
button,
input[type=submit],
input[type=button] {
  border-radius: var(--bs-border-radius);
}

.btn,
input.btn,
.t-btn-primary,
.btn-add-recommended-team,
.kh-team-content-filter__reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  border-radius: var(--bs-border-radius);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition: var(--kh-ui-transition);
}

.btn-primary,
.t-btn-primary,
.btn-add-recommended-team {
  color: var(--primary-color, #fff);
  background-color: var(--primary-background, var(--bs-primary));
  border-color: var(--primary-background, var(--bs-primary));
}

.btn-primary:hover,
.t-btn-primary:hover,
.btn-add-recommended-team:hover {
  color: var(--primary-color-hover, var(--primary-background, var(--bs-primary)));
  background-color: var(--primary-background-hover, #fff);
  border-color: var(--primary-background, var(--bs-primary));
  box-shadow: var(--kh-focus-ring);
}

.btn-secondary,
.kh-team-content-filter__reset {
  color: var(--secondary-color, #fff);
  background-color: var(--secondary-background, var(--bs-secondary));
  border-color: var(--secondary-background, var(--bs-secondary));
}

.btn-secondary:hover,
.kh-team-content-filter__reset:hover {
  color: var(--secondary-color-hover, var(--secondary-background, var(--bs-secondary)));
  background-color: var(--secondary-background-hover, #fff);
  border-color: var(--secondary-background, var(--bs-secondary));
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--secondary-background, #6c757d) 16%, transparent);
}

.btn-delete,
.event-danger .btn,
.t-test-result-not-passed {
  color: #fff;
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}

input,
select,
textarea,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

input:not([type=checkbox]):not([type=radio]),
select,
textarea {
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #fff;
  color: var(--bs-body-color);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--primary-background, #86b7fe);
  box-shadow: var(--kh-focus-ring);
  outline: 0;
}

:where(a,
button,
input[type=submit],
input[type=button],
.btn,
.page-numbers,
.t-content-navi-element,
.t-channel-nav__item,
.t-nav-head-apps .t-tag-nav,
.t-nav-head-user .t-tag-nav,
.t-nav-notifications-toggle):focus-visible {
  outline: 0;
  box-shadow: var(--kh-focus-ring);
}

table,
.t-table {
  width: 100%;
  border-collapse: collapse;
}

table th,
table td,
.t-table-cell {
  border-color: var(--bs-border-color);
}

.t-main-page-content,
.t-content-head,
.t-content-main,
.t-content-element-wrap,
.t-content-head-right,
.t-content-head-left-2,
.t-notice,
.t-notice-in,
.kh-innohub-recent-item,
.t-content-events-head-column,
.inno-projekt-element,
.kh-mf-modal-card,
.kh-team-content-filter,
.quiz-container fieldset.t-notice-in {
  background: var(--kh-bootstrap-surface);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--kh-bootstrap-shadow);
}

.t-main-page-content,
.t-content-head,
.t-content-main,
.t-content-element-wrap {
  padding: clamp(1rem, 2vw, 2rem);
}

.accordion.t-content-main .t-content-element-wrap {
  padding: 0;
  border: unset;
  border-radius: unset;
  box-shadow: unset;
}

.kh-marked-content-page {
  padding: clamp(1rem, 2vw, 2rem);
  background: var(--kh-bootstrap-surface);
  border: 0;
  box-shadow: none;
}

.t-content-head,
.t-content-main,
.t-content-head-inner,
.t-content-head-left,
.t-content-head-right,
.t-content-element-wrap {
  gap: 1rem;
}

.t-content-head-left-2,
.t-content-head-right {
  padding: 1rem;
}

#page-team-profil .page-header.small-header {
  height: 280px;
}

#page-team-profil .t-content-head {
  margin: -28px clamp(0.75rem, 2vw, 1.5rem) 0;
  padding: clamp(1.25rem, 2.5vw, 2rem);
}

#page-team-profil .t-content-head-inner {
  align-items: flex-start;
}

#page-team-profil .t-content-head-left {
  gap: 1rem;
  min-width: 0;
}

#page-team-profil .t-content-head-left-1 {
  gap: 0.5rem;
}

#page-team-profil .t-content-head-left-2 {
  width: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-team-profil .t-content-head-left-2 + .t-content-head-left-2 {
  padding-top: 1rem;
  border-top: 1px solid var(--bs-border-color);
}

#page-team-profil .t-content-head-left-2 p {
  margin-bottom: 1rem;
}

#page-team-profil .t-table-tags {
  display: flex;
  gap: 0.5rem;
}

#page-team-profil .t-team-head-h5 {
  margin-bottom: 0.75rem;
}

.t-content-head-title,
.t-title,
h1,
h2,
h3,
h4,
h5 {
  color: var(--bs-heading-color);
  line-height: 1.2;
}

.t-content-head-text,
.t-team-head-contact,
.kh-innohub-empty,
.kh-result-card-description,
.kh-method-card-minimal-body,
.kh-mf-accordion-header-advise {
  color: var(--kh-bootstrap-muted);
}

.page-header,
.small-header {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--bs-border-color) 75%, transparent);
  border-radius: var(--bs-border-radius-lg);
  background: var(--bs-dark);
  box-shadow: var(--kh-bootstrap-shadow-soft);
}

#t-homepage-body .page-header, #t-homepage-body .small-header {
  border-radius: unset;
}

.page-header-background {
  min-height: clamp(220px, 30vw, 100%);
  background-size: cover;
  background-position: center;
}

.page-header-overlay {
  min-height: inherit;
  display: flex;
  align-items: flex-end;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.58));
}

.page-header-overlay .t-title,
.t-content-title {
  color: #fff;
  text-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.35);
}

.t-tag,
.kh-chip,
.t-table-cell.t-tag-audience,
.tag-recommended-team {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--primary-background, var(--bs-primary));
  border-radius: 50rem;
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 8%, #fff);
  font-size: 0.8125rem;
  font-weight: 600;
}

.t-content-navi-wrap,
.t-content-nav,
.t-content-nav ul,
.t-nav-head,
.ih-nav,
.kh-mf-style-switch,
.kh-team-content-filter__controls,
.kh-team-content-filter__chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.t-content-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.t-content-nav a {
  color: inherit;
  text-decoration: none;
}

.t-content-navi-element,
.kh-mf-toggle-btn,
.kh-mf-icon-btn,
.kh-mf-icon-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid var(--bs-border-color);
  background: #fff;
  transition: var(--kh-ui-transition);
}

.t-content-navi-element,
.kh-mf-icon-btn,
.kh-mf-icon-cell {
  border-radius: var(--bs-border-radius);
}

.t-content-navi-element:hover,
.t-content-navi-element.active,
.kh-mf-toggle-btn:hover,
.kh-mf-icon-btn:hover,
.kh-mf-icon-cell:hover {
  border-color: var(--primary-background, var(--bs-primary));
  box-shadow: var(--kh-bootstrap-shadow-soft);
  transform: translateY(-1px);
}

.t-content-navi-element.active {
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
}

#t-nav-left,
.t-nav-section,
.t-nav-group,
.t-nav-list-team,
#t-nav-left-team-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

#t-nav-left-team-list {
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.t-nav-li-a,
#t-nav-left a {
  color: var(--bs-body-color);
  text-decoration: none;
}

.t-nav-list-element {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: var(--bs-border-radius);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

#t-nav-left .t-nav-list-element {
  width: 100%;
  min-width: 0;
}

#t-nav-left-team-list .t-nav-list-team,
#t-nav-left-team-list .t-nav-list-team > a,
#t-nav-left-team-list .t-nav-list-element-title {
  min-width: 0;
}

#t-nav-left-team-list .t-nav-list-team,
#t-nav-left-team-list .t-nav-list-team > a {
  width: 100%;
}

#t-nav-left-team-list .t-nav-list-element-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

#t-nav-left-team-spinner {
  justify-content: flex-start;
}

#t-nav-left-team-spinner .t-nav-loading-icon,
#t-nav-left-team-spinner .lds-dual-ring,
#t-nav-left-team-spinner .t-loading {
  display: inline-flex !important;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.t-nav-list-element:hover,
.t-nav-left-active,
.t-nav-head-active,
.t-nav-left-group-active > a .t-nav-list-element {
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
}

.t-nav-list-element-ul {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.35rem 0 0 0.75rem;
  margin: 0;
  list-style: none;
}

.t-nav-list-element-ul li {
  margin: 0;
  list-style: none;
}

.t-nav-list-element-ul a {
  display: block;
  width: 100%;
}

.t-nav-list-element-ul .t-nav-list-element {
  width: 100%;
}

.t-nav-list-element-ul a:hover .t-nav-list-element,
.t-nav-submenu-link-active .t-nav-list-element {
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
}

.t-nav-list-h1 {
  margin-top: 1rem;
  padding: 0.5rem 0.75rem 0.25rem;
  color: var(--kh-bootstrap-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.t-nav-head-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  width: 100%;
}

.t-nav-head-apps,
.t-nav-head-user {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.t-tag-nav {
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
  background: #fff;
}

#t-nav-toggle-left-menu {
  color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
  border-color: var(--primary-background, var(--bs-primary));
}

#t-nav-toggle-left-menu .t-nav-head-element-icon {
  color: currentColor;
  font-size: 1.25rem;
  line-height: 1;
}

#t-nav-toggle-left-menu:hover,
#t-nav-toggle-left-menu:focus-visible {
  color: var(--primary-color, #fff);
  background: var(--primary-background, var(--bs-primary));
  border-color: var(--primary-background, var(--bs-primary));
  outline: 0;
}

body.kh-sidebar-collapsed .kh-app-sidebar,
body.kh-sidebar-collapsed #t-nav.left {
  flex-basis: 72px;
  width: 72px;
  max-width: 72px;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

body.kh-sidebar-collapsed #t-nav-left,
body.kh-sidebar-collapsed .t-nav-section,
body.kh-sidebar-collapsed .t-nav-group,
body.kh-sidebar-collapsed .t-nav-list-team,
body.kh-sidebar-collapsed #t-nav-left-team-list {
  align-items: center;
}

body.kh-sidebar-collapsed .t-nav-list-element {
  width: 2.75rem;
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
}

body.kh-sidebar-collapsed .t-nav-list-element-title,
body.kh-sidebar-collapsed .t-nav-list-h1,
body.kh-sidebar-collapsed .t-nav-list-element-ul {
  display: none;
}

body.kh-sidebar-collapsed .t-nav-list-element-icon {
  margin: 0;
}

body.kh-sidebar-collapsed #t-nav-left-team-list .t-nav-list-team,
body.kh-sidebar-collapsed #t-nav-left-team-list .t-nav-list-team > a {
  width: auto;
}

body.kh-sidebar-collapsed #t-nav-left-team-spinner {
  justify-content: center;
  width: 2.75rem;
}

.t-tag-nav:hover,
.t-tag-nav-home-flag-active {
  color: var(--primary-background, var(--bs-primary));
  border-color: var(--primary-background, var(--bs-primary));
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
}

.is-active,
.active,
.kh-mf-switch-btn.is-active,
.kh-mf-toggle-btn.is-active,
.kh-mf-icon-btn.is-active,
.kh-mf-icon-cell.is-active {
  border-color: var(--primary-background, var(--bs-primary));
}

.t-notice,
.alert,
.event-danger,
.kh-team-content-filter__empty {
  padding: 1rem;
}

.event-danger {
  color: var(--bs-danger-text-emphasis);
  background: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
}

footer {
  margin-top: auto;
  padding: 2.5rem 0 1.5rem;
}

.footer-line-one,
.footer-line-two {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.footer-line-nav nav,
.footer-line-nav .menu {
  width: 100%;
}

.footer-line-nav .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-copyright {
  justify-content: center;
  text-align: center;
}

.footer-line {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0.75rem 0;
  border-color: rgba(255, 255, 255, 0.14);
}

#scrollToTopBtn,
.page-up {
  right: 1.5rem;
  bottom: 1.5rem;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--bs-border-color);
  border-radius: 50%;
  color: #fff;
  background: var(--primary-background, var(--bs-primary));
  box-shadow: var(--kh-bootstrap-shadow);
}

@media (max-width: 991.98px) {
  main {
    margin-top: 96px;
  }
  .header,
  .header .wrapper {
    min-height: 76px;
  }
  .header .wrapper,
  .header .navbar,
  .t-content-head-inner {
    align-items: stretch;
  }
  .header .navbar {
    gap: 0.75rem;
  }
  .header-website-link {
    justify-content: flex-start;
  }
  .footer-line-one,
  .footer-line-two {
    grid-template-columns: 1fr;
  }
  .kh-app-shell {
    flex-direction: column;
  }
  .kh-app-sidebar,
  #t-nav.left {
    position: relative;
    top: auto;
    width: 100%;
    max-width: none;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .kh-app-wrapper {
    padding: 1rem;
  }
  .kh-app-topbar {
    position: static;
    top: auto;
  }
}
@media (max-width: 575.98px) {
  .wrapper {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .btn,
  input.btn,
  .t-btn-primary,
  .btn-add-recommended-team,
  .kh-team-content-filter__reset {
    width: 100%;
  }
}
.t-kh-home-row,
.t-kh-home-row-wrapper {
  max-width: 100%;
}

#page-teejit-home,
#page-teejit-home #t-content-wrapper,
#page-teejit-home .kh-home-builder-sections,
#page-teejit-home .t-kh-home-row,
#page-teejit-home .t-kh-home-row-wrapper {
  width: 100%;
}

#page-teejit-home {
  align-items: stretch;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

#page-teejit-home #t-content-wrapper,
#page-teejit-home .kh-home-builder-sections,
#page-teejit-home .t-kh-home-row,
#page-teejit-home .t-kh-home-row-wrapper {
  max-width: 100%;
}

#page-teejit-home #t-content-wrapper {
  margin: 0;
  padding: 0;
}

.t-kh-home-row {
  flex: 1;
  margin: 16px 0;
}

.t-kh-home-row-wrapper {
  flex: 1;
  flex-direction: column;
}

.t-kh-home-row-wrapper.t-row-with-btn > .t-kh-home-row-h {
  justify-content: space-between;
}

.t-kh-home-row-wrapper .t-button-directory {
  flex: 1 0 280px !important;
  max-width: calc(33.3333333333% - var(--gap-large));
}

.t-kh-home-row-h > h2,
.t-kh-home-row-h > h3 {
  margin: 8px 0 12px;
}

.t-kh-home-row-h > p {
  margin: 0;
}

#kh-home-team-content-fragments,
#kh-home-team-slug-fragments {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  min-width: 0;
}

#kh-home-team-content-fragments > *,
#kh-home-team-slug-fragments > *,
.active-team-content,
.teams-slug-content {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

#kh-home-team-content-fragments .t-kh-home-row-wrapper,
#kh-home-team-slug-fragments .t-kh-home-row-wrapper,
.active-team-content .t-kh-home-row-wrapper,
.teams-slug-content .t-kh-home-row-wrapper {
  width: 100%;
  min-width: 0;
}

#kh-home-team-content-fragments .t-row-single,
#kh-home-team-content-fragments .t-row-multiple,
.active-team-content .t-row-single,
.active-team-content .t-row-multiple {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}

#kh-home-team-content-fragments .t-button-directory,
.active-team-content .t-button-directory {
  flex: 0 0 280px !important;
}

#kh-home-user-recent-fragments {
  flex-direction: column;
  width: 100%;
}

#kh-home-user-recent-fragments > .t-kh-home-row,
#kh-home-user-recent-fragments > .kh-home-api-fragment,
#kh-home-user-recent-fragments > [data-kh-home-section] {
  flex: 0 0 auto;
  width: 100%;
}

.kh-home-recent-content,
.kh-home-recent-certificates {
  flex-direction: column;
}

.kh-home-recent-content-list,
.kh-home-recent-certificates-list {
  align-items: stretch;
  width: 100%;
}

.kh-home-projects {
  flex-direction: column;
}

.kh-home-projects-head {
  justify-content: space-between;
  gap: var(--gap-medium);
  align-items: flex-start;
  flex-wrap: wrap;
}

.kh-home-projects-head-text,
.kh-home-projects-head-actions,
.kh-home-projects-invites {
  flex-direction: column;
}

.kh-home-projects-head-text p {
  margin: 0;
}

.kh-home-projects-invites {
  margin-bottom: 8px;
}

.kh-home-project-list {
  align-items: stretch;
  display: grid;
  gap: var(--gap-large);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.kh-home-project-card {
  flex: none;
  max-width: none;
  min-width: 0;
  width: 100%;
}

.kh-innohub-recent-list {
  display: grid;
  gap: var(--gap-large);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.kh-innohub-recent-list .kh-home-project-card {
  flex: none;
  max-width: none;
  min-width: 0;
  width: 100%;
}

.kh-home-project-card-inner {
  background: white;
  border-radius: var(--teejit-btn-border-radius-medium);
  box-shadow: var(--teejit-box-shadow-1);
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

.kh-home-project-card-top {
  align-items: center;
  background: var(--primary-background);
  color: var(--primary-color);
  gap: 10px;
  justify-content: space-between;
  padding: 8px 16px;
}

.kh-home-project-card-invite .kh-home-project-card-top {
  background: var(--teejit-advise);
}

.kh-home-project-card-icon {
  font-size: 30px;
}

.kh-home-project-badge {
  box-shadow: none;
}

.kh-home-project-badge-status {
  margin-left: auto;
}

.kh-home-project-card .t-btn-dir-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--teejit-padding-m);
}

.kh-home-project-card .t-btn-dir-info {
  flex-direction: column;
  gap: 10px;
}

.kh-home-project-card .t-btn-dir-info-title h3 {
  margin: 0;
}

.kh-home-project-meta {
  color: #666666;
  font-size: var(--font-size-p-small);
  margin: 0;
}

.kh-home-project-card-actions {
  margin-top: auto;
  padding: var(--teejit-btn-inner-element-padding-bottom);
}

.kh-home-project-empty {
  background: white;
  border: 1px dashed var(--teejit-form-border);
  border-radius: var(--teejit-btn-border-radius-medium);
  margin: 0;
  padding: var(--teejit-padding-m);
}

.kh-home-project-empty-state {
  align-items: flex-start;
  flex: 1 1 100%;
  flex-direction: column;
  gap: var(--gap-medium);
}

.t-row-single a.kh-home-project-empty-link {
  display: inline-flex;
  flex: 0 0 auto;
  height: auto;
  width: fit-content;
}

@media all and (max-width: 1280px) {
  .kh-home-project-list,
  .kh-innohub-recent-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media all and (max-width: 980px) {
  .kh-home-project-list,
  .kh-innohub-recent-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (max-width: 800px) {
  .t-kh-home-welcome-split {
    flex-direction: column;
  }
  .kh-home-project-card {
    max-width: 100%;
  }
  .kh-home-projects-head {
    flex-direction: column;
  }
}
@media all and (max-width: 640px) {
  .kh-home-project-list,
  .kh-innohub-recent-list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 501px) and (max-width: 700px) {
  .t-kh-home-row-wrapper .t-button-directory {
    flex: 1 !important;
    max-width: unset;
  }
}
.kh-home-builder {
  position: sticky;
  top: 12px;
  z-index: 20;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 0 0 16px;
  pointer-events: none;
}

.kh-home-builder button {
  pointer-events: auto;
}

.kh-home-builder-toggle,
.kh-home-builder-save,
.kh-home-builder-close,
.kh-home-builder-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--primary-background);
  background: var(--primary-background);
  color: #fff;
  border-radius: 6px;
  padding: 10px 14px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.kh-home-builder-toggle.is-active {
  box-shadow: 0 0 0 4px rgba(53, 158, 223, 0.18);
}

.kh-home-builder-close {
  width: 40px;
  height: 40px;
  padding: 0;
  border-color: #e5e7eb;
  background: #fff;
  color: var(--primary-background);
}

.kh-home-builder-secondary {
  border-color: #d6dde5;
  background: #fff;
  color: var(--text-color);
}

.kh-home-builder-backdrop {
  display: none !important;
  pointer-events: none;
}

.kh-home-builder-backdrop.is-open {
  display: none !important;
}

.kh-home-builder-drawer {
  --kh-home-builder-sidebar-width: min(460px, calc(100vw - 18px));
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  width: var(--kh-home-builder-sidebar-width);
  height: 100dvh;
  max-height: 100dvh;
  background: #fff;
  border-left: 1px solid #e5e7eb;
  box-shadow: -18px 0 46px rgba(24, 31, 41, 0.18);
  padding: 0;
  pointer-events: auto;
  transform: translateX(106%);
  opacity: 0.98;
  overflow: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform;
}

.kh-home-builder-drawer *,
.kh-home-builder-drawer *::before,
.kh-home-builder-drawer *::after {
  box-sizing: border-box;
}

.kh-home-builder-drawer.is-open {
  transform: translateX(0);
}

.kh-home-builder-drawer-head {
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 22px 18px 12px;
  background: #fff;
}

.kh-home-builder-drawer-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.kh-home-builder-drawer-title h2 {
  margin: 0;
  font-size: 19px;
  line-height: 1.2;
}

.kh-home-builder-drawer-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px 18px 18px;
  -webkit-overflow-scrolling: touch;
}

.kh-home-builder-intro {
  display: block;
  margin: 0;
  color: #67717e;
  font-size: 13px;
  line-height: 1.45;
}

.kh-home-builder-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
  list-style: none;
  margin: 0;
  overflow: visible;
  padding: 0;
  max-height: none;
}

.kh-home-builder-item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 32px 32px 58px 44px;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  padding: 8px 9px;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, opacity 160ms ease;
}

.kh-home-builder-item.is-disabled {
  background: #f8fafc;
  opacity: 0.74;
}

.kh-home-builder-item:hover,
.kh-home-builder-item:focus-within {
  border-color: rgba(53, 158, 223, 0.55);
  box-shadow: 0 8px 18px rgba(24, 31, 41, 0.08);
  transform: translateY(-1px);
}

.kh-home-builder-item.is-dragging {
  opacity: 0.62;
}

.kh-home-builder-drag {
  color: #67717e;
  cursor: grab;
  font-size: 22px;
  line-height: 1;
  touch-action: none;
}

.kh-home-builder-label {
  min-width: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.kh-home-builder-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 4px 7px;
  border-radius: 999px;
  background: #eef7ff;
  color: var(--primary-background);
  font-size: 12px;
  font-weight: 700;
}

.kh-home-builder-switch {
  appearance: none;
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 48px;
  height: 24px;
  min-height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #cbd5df;
  border-radius: 999px;
  background: #dfe5eb;
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.kh-home-builder-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(24, 31, 41, 0.22);
  transition: transform 180ms ease;
}

.kh-home-builder-switch:checked {
  border-color: var(--primary-background);
  background: var(--primary-background);
}

.kh-home-builder-switch:checked::after {
  transform: translateX(22px);
}

.kh-home-builder-switch:focus-visible {
  outline: 3px solid rgba(53, 158, 223, 0.24);
  outline-offset: 2px;
}

.kh-home-builder-settings {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
  overflow: visible;
  max-height: none;
}

.kh-home-builder-settings-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.kh-home-builder-setting-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.kh-home-builder-setting {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
}

.kh-home-builder-setting input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #cbd5df;
  border-radius: 6px;
  padding: 4px 8px;
  text-align: center;
  font-weight: 700;
}

.kh-home-builder-settings-intro,
.kh-home-builder-settings-empty {
  margin: 0;
  color: #67717e;
  font-size: 14px;
  line-height: 1.4;
}

.kh-home-builder-channel-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: none;
  overflow: visible;
  padding-right: 2px;
}

.kh-home-builder-choice-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.kh-home-builder-choice-list legend {
  width: 100%;
  margin: 0 0 2px;
  color: #67717e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.kh-home-builder-channel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-height: 36px;
  border: 1px solid #d6dde5;
  border-radius: 999px;
  background: #fff;
  padding: 6px 10px;
  color: var(--text-color);
  font-weight: 700;
  cursor: pointer;
}

.kh-home-builder-choice:has(input:checked) {
  border-color: var(--primary-background);
  background: #eef7ff;
  color: var(--primary-background);
}

.kh-home-builder-channel:hover,
.kh-home-builder-channel:focus-within {
  border-color: var(--primary-background);
  background: #eef7ff;
}

.kh-home-builder-channel input {
  width: 16px;
  height: 16px;
  accent-color: var(--primary-background);
  flex: 0 0 auto;
}

.kh-home-builder-channel span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kh-home-builder-drawer-footer {
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 18px 18px;
  border-top: 1px solid #e5e7eb;
  margin-top: 0;
  background: #fff;
  flex-wrap: wrap;
}

.kh-home-builder-icon-button,
.kh-home-section-toolbar .kh-home-builder-icon-button {
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border: 1px solid #d6dde5;
  border-radius: 6px;
  background: #fff;
  color: var(--primary-background);
  box-shadow: none;
}

.kh-home-builder-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kh-home-builder-close {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-color: rgba(53, 158, 223, 0.3);
  background: #eef7ff;
  color: var(--primary-background);
}

.kh-home-builder-icon-button:hover,
.kh-home-builder-icon-button:focus {
  background: #eef7ff;
  border-color: var(--primary-background);
}

.kh-home-builder-sections {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.kh-home-builder-sections > [data-kh-home-section],
.kh-home-builder-sections > #kh-home-user-recent-fragments {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

[data-kh-home-section][hidden] {
  display: none !important;
}

.kh-home-builder-editable {
  position: relative;
}

.kh-home-builder-sections.is-editing > .kh-home-builder-editable {
  outline: 2px dashed rgba(53, 158, 223, 0.35);
  outline-offset: 8px;
  border-radius: 8px;
  cursor: default;
}

.kh-home-builder-sections.is-editing > .kh-home-builder-editable.is-dragging {
  opacity: 0.55;
}

.kh-home-builder-sections.is-editing > .kh-home-builder-editable.is-live-dragging {
  z-index: 25;
  outline-color: var(--primary-background, #3698db);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 42px rgba(24, 31, 41, 0.16);
  opacity: 0.86;
}

body.kh-home-builder-live-dragging,
body.kh-home-builder-live-dragging * {
  cursor: grabbing !important;
  user-select: none !important;
}

.kh-home-builder-tour-target {
  position: relative;
  z-index: 1;
  animation: kh-home-builder-tour-pulse 1.35s ease-in-out infinite;
}

.t-main .kh-home-section-toolbar,
.kh-home-section-toolbar {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  left: auto;
  z-index: 30;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: min(100% - 24px, 520px);
  margin: 0;
  padding: 8px;
  border: 1px solid #d6dde5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(24, 31, 41, 0.14);
  transform: none;
  cursor: default;
}

.t-main .kh-home-builder-sections.is-editing > .kh-home-builder-editable > .kh-home-section-toolbar,
.kh-home-builder-sections.is-editing > .kh-home-builder-editable > .kh-home-section-toolbar {
  display: flex;
}

.kh-home-section-drag {
  color: #67717e;
  cursor: grab;
  user-select: none;
  touch-action: none;
  border-radius: 6px;
  padding: 2px;
}

.kh-home-section-drag:hover,
.kh-home-section-drag:focus {
  background: #eef7ff;
  color: var(--primary-background, #3698db);
}

.kh-home-section-toolbar-label {
  min-width: 0;
  max-width: 260px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.kh-home-builder-open {
  --kh-home-builder-sidebar-width: min(460px, calc(100vw - 18px));
  overflow: auto;
}

body.kh-home-builder-open .t-main {
  overflow: visible;
}

@media (min-width: 1180px) {
  body.kh-home-builder-open .t-main {
    box-sizing: border-box;
    padding-right: calc(var(--kh-home-builder-sidebar-width) + 24px);
    transition: padding-right 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }
  body.kh-home-builder-open .kh-home-builder-drawer {
    border-left-color: rgba(53, 158, 223, 0.22);
    box-shadow: -14px 0 36px rgba(24, 31, 41, 0.12);
  }
}
.kh-home-builder-tour-spotlight {
  position: fixed;
  z-index: 9020;
  border: 2px solid var(--primary-background, #3698db);
  border-radius: 10px;
  box-shadow: 0 0 0 6px rgba(53, 158, 223, 0.14);
  pointer-events: none;
  transition: left 220ms ease, top 220ms ease, width 220ms ease, height 220ms ease;
}

.kh-home-builder-tour {
  position: fixed;
  z-index: 9030;
  width: min(360px, 100vw - 32px);
  padding: 16px;
  border: 1px solid #d6dde5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(24, 31, 41, 0.22);
  animation: kh-home-builder-tour-enter 220ms ease both;
}

.kh-home-builder-tour-progress {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef7ff;
  color: var(--primary-background, #3698db);
  font-size: 12px;
  font-weight: 700;
}

.kh-home-builder-tour h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.25;
}

.kh-home-builder-tour p {
  margin: 0;
  color: #4b5563;
  line-height: 1.45;
}

.kh-home-builder-tour-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.kh-home-builder-tour-link {
  margin-right: auto;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: #67717e;
  font-weight: 700;
  cursor: pointer;
}

.kh-home-builder-tour-link:hover,
.kh-home-builder-tour-link:focus {
  color: var(--primary-background, #3698db);
}

@keyframes kh-home-builder-tour-enter {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes kh-home-builder-tour-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(53, 158, 223, 0.28);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(53, 158, 223, 0.08);
  }
}
@media (max-width: 640px) {
  .kh-home-builder-drawer {
    height: 100dvh;
    max-height: 100dvh;
    width: 100vw;
  }
  .kh-home-builder-drawer-head {
    padding: 18px 16px 10px;
  }
  .kh-home-builder-drawer-body {
    padding: 6px 16px 16px;
  }
  .kh-home-builder-drawer-footer {
    padding: 12px 16px 16px;
  }
  .kh-home-builder-item {
    grid-template-columns: 24px minmax(0, 1fr) 34px 34px;
    gap: 7px;
    min-height: 44px;
    padding: 8px 9px;
  }
  .kh-home-builder-state,
  .kh-home-builder-switch {
    grid-column: span 2;
  }
  .kh-home-builder-tour {
    left: 16px !important;
    right: 16px;
    width: auto;
  }
  .t-main .kh-home-section-toolbar,
  .kh-home-section-toolbar {
    max-width: calc(100vw - 32px);
    gap: 6px;
    padding: 6px;
  }
  .kh-home-section-toolbar-label {
    max-width: 42vw;
  }
}
.kh-knowledgehub-tour-open {
  overflow: auto;
}

.kh-knowledgehub-tour-target {
  position: relative;
  z-index: 1;
  animation: kh-knowledgehub-tour-pulse 1.35s ease-in-out infinite;
}

.kh-knowledgehub-tour-spotlight {
  position: fixed;
  z-index: 9050;
  border: 2px solid var(--primary-background, #3698db);
  border-radius: 12px;
  box-shadow: 0 0 0 7px rgba(53, 158, 223, 0.14);
  pointer-events: none;
  transition: left 220ms ease, top 220ms ease, width 220ms ease, height 220ms ease;
}

.kh-knowledgehub-tour-card {
  position: fixed;
  z-index: 9070;
  width: min(380px, 100vw - 32px);
  border: 1px solid #d6dde5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(24, 31, 41, 0.24);
  padding: 18px;
  animation: kh-knowledgehub-tour-enter 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.kh-knowledgehub-tour-eyebrow {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  border-radius: 999px;
  background: #eef7ff;
  color: var(--primary-background, #3698db);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  padding: 5px 9px;
}

.kh-knowledgehub-tour-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: var(--primary-background, #3698db);
  color: #fff;
  font-size: 24px;
  box-shadow: 0 10px 22px rgba(53, 158, 223, 0.24);
}

.kh-knowledgehub-tour-card h2 {
  margin: 0 0 8px;
  color: var(--text-color, #2f3137);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.22;
}

.kh-knowledgehub-tour-card p {
  margin: 0;
  color: #5f6b7a;
  font-size: 14px;
  line-height: 1.5;
}

.kh-knowledgehub-tour-progress {
  width: 100%;
  height: 6px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf1f5;
}

.kh-knowledgehub-tour-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--primary-background, #3698db);
  transition: width 220ms ease;
}

.kh-knowledgehub-tour-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.kh-knowledgehub-tour-link,
.kh-knowledgehub-tour-secondary,
.kh-knowledgehub-tour-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 6px;
  border: 1px solid #d6dde5;
  padding: 8px 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.kh-knowledgehub-tour-link {
  margin-right: auto;
  border-color: transparent;
  background: transparent;
  color: #67717e;
}

.kh-knowledgehub-tour-secondary {
  background: #fff;
  color: var(--text-color, #2f3137);
}

.kh-knowledgehub-tour-primary {
  border-color: var(--primary-background, #3698db);
  background: var(--primary-background, #3698db);
  color: #fff;
}

.kh-knowledgehub-tour-secondary:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.kh-profile-tour-action {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.kh-profile-tour-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--primary-background, #3698db);
  border-radius: 6px;
  background: var(--primary-background, #3698db);
  color: #fff;
  padding: 10px 14px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

@keyframes kh-knowledgehub-tour-enter {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes kh-knowledgehub-tour-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(53, 158, 223, 0.28);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(53, 158, 223, 0.08);
  }
}
@media (max-width: 640px) {
  .kh-knowledgehub-tour-card {
    left: 16px !important;
    right: 16px;
    width: auto;
    padding: 16px;
  }
  .kh-profile-tour-action {
    justify-content: stretch;
  }
  .kh-profile-tour-button {
    width: 100%;
  }
}
.kh-search-widget {
  --kh-search-height: 3.75rem;
  --kh-search-button-width: 4.25rem;
}

#t-kh-home-search {
  display: block;
  width: 100%;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

#t-kh-home-search .t-kh-home-row-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  gap: 0.75rem;
}

#t-kh-home-search .t-kh-home-row-h {
  margin: 0;
}

#t-kh-home-search .t-kh-home-search-wrapper,
#t-kh-home-search .t-search-form,
.search-header + .t-kh-home-search-wrapper,
.search-header + .t-kh-home-search-wrapper .t-search-form {
  display: block;
  width: 100%;
  max-width: 100%;
}

.search-header + .t-kh-home-search-wrapper {
  margin: 0.75rem 0 1.25rem;
}

#t-kh-home-search .input-search-wrap,
.search-header + .t-kh-home-search-wrapper .input-search-wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: var(--kh-search-height);
  min-height: var(--kh-search-height);
  overflow: hidden;
  border: 1px solid #e1e6ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(24, 31, 41, 0.08);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#t-kh-home-search .input-search-wrap:focus-within,
.search-header + .t-kh-home-search-wrapper .input-search-wrap:focus-within {
  border-color: var(--primary-background, #3698db);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-background, #3698db) 14%, transparent), 0 8px 22px rgba(24, 31, 41, 0.1);
}

#t-kh-home-search input.input-search,
.search-header + .t-kh-home-search-wrapper input.input-search {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 100%;
  min-height: 0;
  padding: 0.7rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--bs-body-color, #212529);
  font-size: 1rem;
  line-height: 1.5;
  box-shadow: none;
}

#t-kh-home-search input.input-search:focus,
#t-kh-home-search input.input-search:focus-visible,
.search-header + .t-kh-home-search-wrapper input.input-search:focus,
.search-header + .t-kh-home-search-wrapper input.input-search:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none;
}

#t-kh-home-search input.input-search::placeholder,
.search-header + .t-kh-home-search-wrapper input.input-search::placeholder {
  color: var(--bs-secondary-color, #6c757d);
  opacity: 1;
}

#t-kh-home-search .t-btn-search,
.search-header + .t-kh-home-search-wrapper .t-btn-search {
  position: static;
  display: inline-flex;
  flex: 0 0 var(--kh-search-button-width);
  width: var(--kh-search-button-width);
  max-width: var(--kh-search-button-width);
  min-width: var(--kh-search-button-width);
  height: 100%;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--primary-background, #3698db);
  border-radius: 0;
  background: var(--primary-background, #3698db);
  color: var(--primary-color, #fff);
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

#t-kh-home-search .t-btn-search:hover,
#t-kh-home-search .t-btn-search:focus,
.search-header + .t-kh-home-search-wrapper .t-btn-search:hover,
.search-header + .t-kh-home-search-wrapper .t-btn-search:focus {
  background: var(--primary-color-hover, #2b7fb8);
  color: var(--primary-background-hover, #fff);
  outline: 0;
}

#t-kh-home-search .t-btn-search-icon,
.search-header + .t-kh-home-search-wrapper .t-btn-search-icon {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 1.75rem;
  color: currentColor;
  line-height: 1;
  pointer-events: none;
}

#t-kh-home-search .search-live-results-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0.5rem;
}

#t-kh-home-search .search-suggestions-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, 0.375rem);
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#t-kh-home-search .search-suggestion-item {
  display: flex;
  margin: 0;
  border-bottom: 1px solid var(--bs-border-color, var(--teejit-form-border));
}

#t-kh-home-search .search-suggestion-item:last-child {
  border-bottom: 0;
}

#t-kh-home-search .search-suggestion-link {
  display: flex;
  width: 100%;
  align-items: center;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  color: var(--link-color, var(--primary-background, #3698db));
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

#t-kh-home-search .search-suggestion-link:hover,
#t-kh-home-search .search-suggestion-link:focus {
  color: var(--primary-color-hover, var(--primary-background, #3698db));
  background: color-mix(in srgb, var(--primary-background, #3698db) 8%, #fff);
  outline: 0;
}

#t-kh-home-search .search-suggestions-status,
#t-kh-home-search .search-suggestions-spinner {
  margin-top: 0.5rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color, var(--teejit-form-border));
  border-radius: var(--bs-border-radius, 0.375rem);
  background: #fff;
  box-shadow: var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
}

#t-kh-home-search .search-suggestions-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}

#t-kh-home-search .search-suggestions-actions a {
  text-decoration: none;
}

#t-kh-home-search .search-result-btn {
  min-height: 2.75rem;
  padding: 0.625rem 1rem;
  border-radius: var(--bs-border-radius, 0.375rem);
  box-shadow: none;
}

.t-nav-head-wrapper > .t-nav-head-mobile-toggle,
.t-nav-head-wrapper > .t-nav-head-mobile-menu {
  display: none !important;
}

:root {
  --kh-nav-head-sticky-offset: calc(88px + 0.75rem);
}

.kh-app-topbar,
#t-main > .wrapper > .t-main-page-content > .t-nav-head:first-child,
#t-main > .wrapper > .t-nav-head:first-child {
  position: sticky;
  top: var(--kh-nav-head-sticky-offset);
  z-index: 60;
  padding: var(--kh-card-padding);
  border-radius: var(--bs-border-radius-lg, 0.75rem);
  background: rgba(255, 255, 255, 0.94);
  background-clip: padding-box;
  border: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 82%, transparent);
  box-shadow: var(--kh-bootstrap-shadow-soft, 0 0.35rem 1.2rem rgba(24, 31, 41, 0.08));
}

.kh-app-topbar:has(.t-nav-notifications.is-open),
#t-main > .wrapper > .t-main-page-content > .t-nav-head:first-child:has(.t-nav-notifications.is-open),
#t-main > .wrapper > .t-nav-head:first-child:has(.t-nav-notifications.is-open) {
  z-index: 100150;
}

.t-nav-head-wrapper {
  align-items: flex-start;
  flex-wrap: nowrap;
}

.t-nav-head-wrapper > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.t-nav-head-apps,
.t-nav-head-user {
  flex-wrap: nowrap;
}

.t-nav-head-apps {
  min-width: 0;
  overflow: visible;
}

.t-nav-head-user,
.t-nav-head-apps .t-nav-li-a,
.t-nav-head-user a {
  flex: 0 0 auto;
}

.t-nav-head-user {
  overflow: visible;
}

.t-nav-head-apps .t-tag-nav,
.t-nav-head-user .t-tag-nav {
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: auto;
  min-width: 3.25rem;
  max-width: 3.25rem;
  height: 3.25rem;
  min-height: 3.25rem;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.58s cubic-bezier(0.16, 1, 0.3, 1), padding 0.5s cubic-bezier(0.16, 1, 0.3, 1), gap 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.24s ease, background-color 0.24s ease, color 0.24s ease, box-shadow 0.24s ease;
}

.t-nav-head-apps .t-nav-head-element-icon,
.t-nav-head-user .t-nav-head-element-icon {
  margin: 0;
  font-size: 1.45rem;
  line-height: 1;
}

.t-nav-head-user .t-nav-head-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#t-nav-toggle-left-menu .t-nav-head-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.t-nav-head-apps .t-nav-li-a .t-nav-head-label {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  color: currentColor;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  white-space: nowrap;
  transform: translateX(-0.55rem);
  transition: max-width 0.58s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.34s ease 0.12s, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
}

body:not(.kh-nav-labels-hover) .t-nav-head-apps .t-nav-li-a .t-tag-nav {
  min-width: 3.25rem;
  max-width: 18rem;
  gap: 0.45rem;
  padding-inline: 1rem;
}

body:not(.kh-nav-labels-hover) .t-nav-head-apps .t-nav-li-a .t-nav-head-label {
  max-width: 14rem;
  opacity: 1;
  transform: translateX(0);
}

body.kh-nav-labels-hover .t-nav-head-apps .t-nav-li-a .t-tag-nav,
body.kh-nav-labels-hidden .t-nav-head-apps .t-nav-li-a .t-tag-nav {
  max-width: 3.25rem;
  gap: 0;
  padding-inline: 0;
}

body.kh-nav-labels-hover .t-nav-head-apps .t-nav-li-a .t-nav-head-label,
body.kh-nav-labels-hidden .t-nav-head-apps .t-nav-li-a .t-nav-head-label {
  max-width: 0;
  opacity: 0;
  transform: translateX(-0.55rem);
}

body.kh-nav-labels-hover .t-nav-head-apps .t-nav-li-a:hover .t-tag-nav,
body.kh-nav-labels-hover .t-nav-head-apps .t-nav-li-a:focus-visible .t-tag-nav,
body.kh-nav-labels-hidden .t-nav-head-apps .t-nav-li-a:hover .t-tag-nav,
body.kh-nav-labels-hidden .t-nav-head-apps .t-nav-li-a:focus-visible .t-tag-nav {
  max-width: 18rem;
  gap: 0.45rem;
  padding-inline: 1rem;
}

body.kh-nav-labels-hover .t-nav-head-apps .t-nav-li-a:hover .t-nav-head-label,
body.kh-nav-labels-hover .t-nav-head-apps .t-nav-li-a:focus-visible .t-nav-head-label,
body.kh-nav-labels-hidden .t-nav-head-apps .t-nav-li-a:hover .t-nav-head-label,
body.kh-nav-labels-hidden .t-nav-head-apps .t-nav-li-a:focus-visible .t-nav-head-label {
  max-width: 14rem;
  opacity: 1;
  transform: translateX(0);
}

.t-nav-profile-menu {
  position: relative;
  flex: 0 0 auto;
}

.t-nav-notifications {
  position: relative;
  flex: 0 0 auto;
}

.t-nav-notifications-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  min-width: 3.25rem;
  height: 3.25rem;
  min-height: 3.25rem;
  padding: 0;
  border: 2px solid var(--bs-border-color, #dee2e6);
  border-radius: 999px;
  background: #fff;
  color: var(--bs-body-color, #212529);
  box-shadow: var(--kh-bootstrap-shadow-soft, 0 0.2rem 0.75rem rgba(24, 31, 41, 0.08));
  cursor: pointer;
  transition: var(--kh-ui-transition, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease);
}

.t-nav-notifications-toggle:hover,
.t-nav-notifications-toggle:focus-visible,
.t-nav-notifications.is-open .t-nav-notifications-toggle {
  border-color: var(--primary-background, var(--bs-primary, #0d6efd));
  color: var(--primary-background, var(--bs-primary, #0d6efd));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-background, #0d6efd) 14%, transparent);
  outline: 0;
}

.t-nav-notifications-badge {
  position: absolute;
  top: -0.25rem;
  right: -0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.28rem;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #dc3545;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0.25rem 0.65rem rgba(220, 53, 69, 0.32);
}

.t-nav-notifications-panel[hidden] {
  display: none !important;
}

.t-nav-notifications-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 100160;
  display: flex;
  flex-direction: column;
  width: min(24rem, 100vw - 2rem);
  max-height: min(28rem, 100vh - 8rem);
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 1rem 2.75rem rgba(24, 31, 41, 0.18);
  overflow: hidden;
}

.t-nav-notifications-panel::before {
  content: "";
  position: absolute;
  top: -0.45rem;
  right: 1.15rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
  border-left: 1px solid var(--bs-border-color, #dee2e6);
  background: #fff;
  transform: rotate(45deg);
}

.t-nav-notifications-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0.9rem;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  color: var(--bs-body-color, #212529);
  font-size: 0.95rem;
  font-weight: 900;
}

.t-nav-notifications-read-all {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: var(--primary-background, var(--bs-primary, #0d6efd));
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
}

.t-nav-notifications-read-all:hover,
.t-nav-notifications-read-all:focus-visible {
  text-decoration: underline;
  outline: 0;
}

.t-nav-notifications-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.t-nav-notifications-empty,
.t-nav-notifications-loading {
  padding: 1rem 0.9rem;
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.9rem;
  line-height: 1.35;
}

.t-nav-notifications-loading {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.t-nav-notifications-loading .t-loading {
  flex: 0 0 auto;
}

.t-nav-notification-item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.85rem 0.9rem;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  background: #fff;
  color: var(--bs-body-color, #212529);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.t-nav-notification-item:last-child {
  border-bottom: 0;
}

.t-nav-notification-item.is-unread {
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 8%, #fff);
}

.t-nav-notification-item:hover,
.t-nav-notification-item:focus-visible {
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 12%, #fff);
  color: var(--bs-body-color, #212529);
  outline: 0;
  text-decoration: none;
}

.t-nav-notification-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 12%, #fff);
  color: var(--primary-background, var(--bs-primary, #0d6efd));
}

.t-nav-notification-icon .material-symbols-outlined {
  font-size: 1.2rem;
  line-height: 1;
}

.t-nav-notification-body {
  min-width: 0;
}

.t-nav-notification-title,
.t-nav-notification-message,
.t-nav-notification-date {
  display: block;
}

.t-nav-notification-title {
  color: var(--bs-body-color, #212529);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.25;
}

.t-nav-notification-message {
  margin-top: 0.2rem;
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.82rem;
  line-height: 1.35;
}

.t-nav-notification-date {
  margin-top: 0.35rem;
  color: var(--bs-tertiary-color, #8a939e);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.2;
}

.t-nav-profile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 3.25rem;
  min-width: 3.25rem;
  height: 3.25rem;
  min-height: 3.25rem;
  padding: 0;
  border: 2px solid var(--bs-border-color, #dee2e6);
  border-radius: 999px;
  background: #fff;
  color: var(--bs-body-color, #212529);
  box-shadow: 0 0.2rem 0.75rem rgba(24, 31, 41, 0.08);
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}

.t-nav-profile-toggle:hover,
.t-nav-profile-toggle:focus-visible,
.t-nav-profile-menu.is-open .t-nav-profile-toggle {
  border-color: var(--primary-background, var(--bs-primary, #0d6efd));
  color: var(--primary-background, var(--bs-primary, #0d6efd));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary-background, #0d6efd) 14%, transparent);
  outline: 0;
}

.t-nav-profile-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 12%, #fff);
  color: var(--primary-background, var(--bs-primary, #0d6efd));
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
}

.t-nav-profile-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t-nav-profile-caret {
  position: absolute;
  right: -0.25rem;
  bottom: -0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 50%;
  background: #fff;
  color: currentColor;
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.16s ease;
}

.t-nav-profile-menu.is-open .t-nav-profile-caret {
  transform: rotate(180deg);
}

.t-nav-profile-dropdown[hidden] {
  display: none !important;
}

.t-nav-profile-dropdown {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 120;
  display: flex;
  flex-direction: column;
  width: min(18rem, 100vw - 2rem);
  padding: 0.55rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 1rem 2.75rem rgba(24, 31, 41, 0.18);
}

.t-nav-profile-dropdown::before {
  content: "";
  position: absolute;
  top: -0.45rem;
  right: 1.1rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
  border-left: 1px solid var(--bs-border-color, #dee2e6);
  background: #fff;
  transform: rotate(45deg);
}

.t-nav-profile-summary {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  padding: 0.65rem 0.7rem 0.75rem;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  margin-bottom: 0.35rem;
}

.t-nav-profile-summary-name,
.t-nav-profile-summary-email {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t-nav-profile-summary-name {
  color: var(--bs-body-color, #212529);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.2;
}

.t-nav-profile-summary-email {
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.82rem;
  line-height: 1.25;
}

.t-nav-profile-dropdown-link {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.7rem;
  border-radius: 0.4rem;
  color: var(--bs-body-color, #212529);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.t-nav-profile-dropdown-button {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.t-nav-profile-dropdown-link:hover,
.t-nav-profile-dropdown-link:focus-visible,
.t-nav-profile-dropdown-link.is-active,
.t-nav-profile-dropdown-button.is-active {
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 10%, #fff);
  color: var(--primary-background, var(--bs-primary, #0d6efd));
  outline: 0;
  text-decoration: none;
}

.t-nav-profile-dropdown-link .material-symbols-outlined {
  display: inline-flex;
  width: auto;
  color: currentColor;
  font-size: 1.25rem;
  line-height: 1;
}

.t-nav-head-mobile-button {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  :root {
    --kh-nav-head-sticky-offset: 0;
  }
}
@media (max-width: 900px) {
  .t-nav-head-wrapper > .t-nav-head-user {
    display: none !important;
  }
  .t-nav-head-wrapper > .t-nav-head-mobile-toggle {
    display: inline-flex !important;
  }
  .t-nav-head-wrapper > .t-nav-head-mobile-menu:not([hidden]) {
    display: block !important;
  }
}
/* Container = das Grid */
#page-certificates .t-row-single.certificate {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* Button = Grid-Item, Flex-Reste neutralisieren */
#page-certificates .t-row-single.certificate .t-button-directory {
  flex: initial;
  width: 100%;
  min-width: 0;
  max-width: 380px;
  border-top-left-radius: calc(var(--teejit-btn-border-radius-medium) * 2);
  border-top-right-radius: calc(var(--teejit-btn-border-radius-medium) * 2);
}

.kh-certificate-detail-app {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  min-width: 0;
}

.kh-certificate-detail-loader {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small, 1rem);
  width: min(100%, 1200px);
  margin: 0 auto;
}

.kh-certificate-detail-error {
  width: min(100%, 1200px);
  margin: 0 auto;
}

.kh-certificate-requirement-fragment {
  width: 100%;
  min-height: 8rem;
}

.kh-certificate-detail-app > .page-header.small-header {
  display: flex;
  width: 100%;
  height: clamp(220px, 28vw, 340px);
  min-height: 220px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: var(--teejit-box-shadow-1, 0 12px 32px rgba(24, 31, 41, 0.12));
}

.kh-certificate-detail-app > .page-header.small-header .page-header-background,
.kh-certificate-detail-app > .page-header.small-header .page-header-overlay {
  display: flex;
  width: 100%;
  min-height: 100%;
}

.kh-certificate-detail-content {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 2rem);
  width: 100%;
  min-width: 0;
}

.kh-certificate-detail-content > .t-content-head {
  display: block;
  margin: 0;
  padding: clamp(1.25rem, 2.4vw, 2rem);
  position: relative;
  z-index: 2;
}

.kh-certificate-detail-content .t-content-head-left,
.kh-certificate-detail-content .t-content-head-left-1,
.kh-certificate-detail-content .t-content-head-left-2 {
  width: 100%;
  min-width: 0;
}

.kh-certificate-detail-content .t-content-head-header {
  margin-bottom: 0.75rem;
}

.kh-certificate-detail-content .t-content-head-title {
  margin: 0;
  overflow-wrap: anywhere;
}

.kh-certificate-detail-content .t-content-head-title-infos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  align-items: center;
}

.kh-certificate-detail-content .t-content-head-text {
  max-width: 68ch;
}

.kh-certificate-status-summary {
  --kh-certificate-status-color: var(--kh-bootstrap-muted, #6c757d);
  --kh-certificate-status-bg: color-mix(in srgb, var(--kh-certificate-status-color) 10%, #fff);
  display: inline-flex;
  align-items: flex-start;
  gap: 0.65rem;
  max-width: 100%;
  margin: 0.25rem 0 1rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--kh-certificate-status-color) 34%, #fff);
  border-radius: 8px;
  color: var(--kh-certificate-status-color);
  background: var(--kh-certificate-status-bg);
  font-weight: 700;
}

.kh-certificate-complete-card--neutral,
.kh-certificate-complete-card--neutral .kh-certificate-complete-inner {
  --kh-certificate-status-color: var(--kh-bootstrap-muted, #6c757d);
}

.kh-certificate-status-summary--success,
.kh-certificate-complete-card--success,
.kh-certificate-complete-card--success .kh-certificate-complete-inner {
  --kh-certificate-status-color: var(--teejit-success, var(--bs-success, #198754));
}

.kh-certificate-status-summary--warning,
.kh-certificate-complete-card--warning,
.kh-certificate-complete-card--warning .kh-certificate-complete-inner {
  --kh-certificate-status-color: var(--teejit-advise, #ffc107);
}

.kh-certificate-status-summary--danger,
.kh-certificate-complete-card--danger,
.kh-certificate-complete-card--danger .kh-certificate-complete-inner {
  --kh-certificate-status-color: var(--teejit-error, var(--bs-danger, #dc3545));
}

.kh-certificate-status-summary .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 1.35rem;
}

.kh-certificate-status-summary > span:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.kh-certificate-status-summary small {
  margin-top: 0.15rem;
  color: color-mix(in srgb, var(--kh-certificate-status-color) 78%, #222);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.kh-certificate-detail-content .t-content-head-left-certificate-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

.kh-certificate-detail-content .t-content-head-left-certificate-progress .t-tag {
  max-width: 220px;
  text-align: center;
  white-space: normal;
}

.kh-certificate-detail-content .t-content-head-left-2 {
  margin: 0;
  padding: 1rem;
}

.kh-certificate-detail-content .accordion.t-content-main {
  width: min(100% - 32px, 980px);
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.kh-certificate-detail-content .accordion.t-content-main > .t-content-element-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.kh-certificate-detail-content .requirements-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.kh-certificate-complete-card {
  width: min(100% - 32px, 980px);
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.kh-certificate-complete-inner {
  --kh-certificate-status-color: var(--primary-background, #0d6efd);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  margin: 0;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--kh-certificate-status-color) 22%, #fff);
  border-radius: 8px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--kh-certificate-status-color) 7%, #fff), #fff 54%);
  box-shadow: var(--teejit-box-shadow-1, 0 12px 32px rgba(24, 31, 41, 0.12));
  text-align: center;
}

.kh-certificate-complete-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--kh-certificate-status-color) 36%, #fff);
  color: var(--kh-certificate-status-color);
  background: color-mix(in srgb, var(--kh-certificate-status-color) 10%, #fff);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--kh-certificate-status-color) 18%, transparent);
}

.kh-certificate-complete-icon .material-symbols-outlined {
  font-size: 2rem;
}

.kh-certificate-complete-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

.kh-certificate-complete-kicker {
  margin: 0 0 0.25rem;
  color: var(--kh-certificate-status-color);
  font-size: 0.875rem;
  font-weight: 800;
  text-transform: uppercase;
}

.kh-certificate-complete-copy h2 {
  margin: 0;
  font-size: clamp(1.6rem, 2.6vw, 2.25rem);
  line-height: 1.12;
}

.kh-certificate-complete-copy p {
  margin: 0.5rem 0 0;
}

.kh-certificate-complete-copy p:last-child {
  margin-bottom: 0;
}

.kh-certificate-download-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  color: #fff;
  background: var(--primary-background, var(--bs-primary, #0d6efd));
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--primary-background, #0d6efd) 24%, transparent);
}

.kh-certificate-download-link:hover,
.kh-certificate-download-link:focus {
  color: #fff;
  filter: brightness(0.96);
  text-decoration: none;
}

.kh-certificate-download-link .material-symbols-outlined {
  font-size: 1.25rem;
}

.kh-certificate-detail-requirement {
  width: 100%;
}

.kh-certificate-requirement-card {
  --kh-certificate-requirement-color: var(--kh-bootstrap-muted, #6c757d);
  --kh-certificate-requirement-bg: color-mix(in srgb, var(--kh-certificate-requirement-color) 8%, #fff);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  width: 100%;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--kh-certificate-requirement-color) 24%, #fff);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--kh-certificate-requirement-bg), #fff 58%);
  box-shadow: var(--teejit-box-shadow-1, 0 12px 32px rgba(24, 31, 41, 0.08));
}

.kh-certificate-requirement-card--success {
  --kh-certificate-requirement-color: var(--teejit-success, var(--bs-success, #198754));
}

.kh-certificate-requirement-card--warning {
  --kh-certificate-requirement-color: var(--teejit-advise, #ff8c00);
}

.kh-certificate-requirement-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--kh-certificate-requirement-color) 34%, #fff);
  color: var(--kh-certificate-requirement-color);
  background: color-mix(in srgb, var(--kh-certificate-requirement-color) 12%, #fff);
}

.kh-certificate-requirement-card__icon .material-symbols-outlined {
  font-size: 1.5rem;
}

.kh-certificate-requirement-card__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.kh-certificate-requirement-card__eyebrow {
  margin: 0 0 0.2rem;
  color: var(--kh-certificate-requirement-color);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.kh-certificate-requirement-card__title {
  margin: 0;
  color: var(--bs-body-color, #212529);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.kh-certificate-requirement-card__status {
  margin: 0.35rem 0 0;
  color: var(--kh-certificate-requirement-color);
  font-weight: 700;
  line-height: 1.35;
}

.kh-certificate-requirement-card__text {
  margin: 0.2rem 0 0;
  color: color-mix(in srgb, var(--kh-certificate-requirement-color) 74%, #222);
  font-size: 0.925rem;
  line-height: 1.45;
}

.kh-certificate-requirement-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  white-space: nowrap;
}

.kh-certificate-requirement-card__action .material-symbols-outlined {
  font-size: 1.2rem;
}

.kh-certificate-detail-content .btn.btn-primary {
  width: fit-content;
  max-width: 100%;
}

@media (max-width: 760px) {
  .kh-certificate-detail-content > .t-content-head,
  .kh-certificate-detail-content .accordion.t-content-main,
  .kh-certificate-complete-card {
    width: 100%;
  }
  .kh-certificate-detail-content > .t-content-head {
    margin-top: -2rem;
  }
  .kh-certificate-detail-content .t-content-head-left-certificate-progress {
    grid-template-columns: 1fr;
  }
  .kh-certificate-complete-inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .kh-certificate-download-link {
    width: 100%;
  }
  .kh-certificate-requirement-card {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }
  .kh-certificate-requirement-card__action {
    width: 100%;
  }
  .kh-certificate-detail-content .t-content-head-left-certificate-progress .t-tag,
  .kh-certificate-detail-content .btn.btn-primary {
    width: 100%;
    max-width: none;
  }
}
.kh-module-header-image {
  width: 100%;
}

.kh-content-stack {
  display: flex;
  flex-direction: column;
}

.kh-content-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

:root {
  --kh-component-radius: var(--bs-border-radius-lg, var(--teejit-btn-border-radius-medium, 0.75rem));
  --kh-component-radius-sm: var(--bs-border-radius, var(--teejit-btn-border-radius-small, 0.5rem));
  --kh-component-surface: var(--kh-bootstrap-surface, #fff);
  --kh-component-muted-surface: #f8fafc;
  --kh-component-border: var(--bs-border-color, var(--teejit-form-border, #dee2e6));
  --kh-component-shadow: var(--kh-bootstrap-shadow, var(--teejit-box-shadow-1, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08)));
}

.kh-panel,
.ih-files,
.kh-settings-pane,
.kh-modal-card,
.ih-modal-card {
  background: var(--kh-component-surface);
  border: 1px solid var(--kh-component-border);
  border-radius: var(--kh-component-radius);
  box-shadow: var(--kh-component-shadow);
}

.kh-panel,
.ih-files {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.kh-modal-card,
.ih-modal-card {
  padding: clamp(1rem, 2vw, 1.5rem);
}

.kh-modal-head,
.ih-modal-head {
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--kh-component-border);
}

.kh-panel-title,
.ih-files > h4,
.kh-settings-pane > h4 {
  margin: 0;
  color: var(--bs-body-color, var(--text-color, #212529));
  font-size: clamp(1.125rem, 1.4vw, 1.35rem);
  font-weight: 700;
  line-height: 1.25;
}

.kh-settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
  padding: 0;
  border-bottom: 0;
}

.kh-settings-tab,
.kh-modal-close,
.ih-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  border: 1px solid var(--kh-component-border);
  border-radius: 50rem;
  background: var(--kh-component-muted-surface);
  color: var(--bs-body-color, var(--text-color, #212529));
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.kh-settings-tab {
  padding: 0.45rem 0.8rem;
  font-size: 0.875rem;
}

.kh-settings-tab:hover,
.kh-settings-tab:focus-visible,
.kh-modal-close:hover,
.kh-modal-close:focus-visible,
.ih-modal-close:hover,
.ih-modal-close:focus-visible {
  border-color: var(--primary-background, var(--bs-primary, #0d6efd));
  color: var(--primary-background, var(--bs-primary, #0d6efd));
}

.kh-settings-tab.is-active {
  border-color: var(--primary-background, var(--bs-primary, #0d6efd));
  background: var(--primary-background, var(--bs-primary, #0d6efd));
  color: var(--primary-color, #fff);
}

.kh-settings-pane {
  display: none;
  margin-bottom: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  box-shadow: none;
}

.kh-settings-pane.is-active {
  display: block;
}

.kh-settings-pane form,
.kh-panel form,
.ih-files form,
.kh-modal-card form,
.ih-modal-card form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kh-settings-pane p,
.kh-panel p,
.ih-files p,
.kh-modal-card p,
.ih-modal-card p {
  margin-top: 0;
}

.kh-settings-pane p:last-child,
.kh-panel p:last-child,
.ih-files p:last-child,
.kh-modal-card p:last-child,
.ih-modal-card p:last-child {
  margin-bottom: 0;
}

.kh-settings-pane label,
.kh-panel label,
.ih-files label,
.kh-modal-card label,
.ih-modal-card label {
  font-weight: 600;
}

.kh-settings-pane input:not([type=checkbox]):not([type=radio]):not([type=file]),
.kh-settings-pane select,
.kh-settings-pane textarea,
.kh-panel input:not([type=checkbox]):not([type=radio]):not([type=file]),
.kh-panel select,
.kh-panel textarea,
.ih-files input:not([type=checkbox]):not([type=radio]):not([type=file]),
.ih-files select,
.ih-files textarea,
.kh-modal-card input:not([type=checkbox]):not([type=radio]):not([type=file]),
.kh-modal-card select,
.kh-modal-card textarea,
.ih-modal-card input:not([type=checkbox]):not([type=radio]):not([type=file]),
.ih-modal-card select,
.ih-modal-card textarea {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--kh-component-border);
  border-radius: var(--kh-component-radius-sm);
  background: #fff;
  color: var(--bs-body-color, var(--text-color, #212529));
  box-shadow: none;
}

.kh-settings-pane textarea,
.kh-panel textarea,
.ih-files textarea,
.kh-modal-card textarea,
.ih-modal-card textarea {
  min-height: 7rem;
  resize: vertical;
}

.kh-settings-pane input[type=file],
.kh-panel input[type=file],
.kh-modal-card input[type=file],
.ih-modal-card input[type=file] {
  width: 100%;
  padding: 0.625rem;
  border: 1px dashed var(--kh-component-border);
  border-radius: var(--kh-component-radius-sm);
  background: var(--kh-component-muted-surface);
}

.kh-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.kh-actions .btn,
.kh-settings-savebar .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  white-space: normal;
}

.ih-files-toolbar {
  display: grid;
  grid-template-columns: auto minmax(12rem, 18rem);
  align-items: center;
  gap: 0.75rem;
}

.ih-project-file-upload,
.ih-project-file-upload form {
  width: 100%;
  max-width: none;
}

.ih-project-file-upload .upload-label {
  margin: 0;
}

.file-label {
  width: 100%;
  min-height: 8.5rem;
  justify-content: center;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 2px dashed var(--kh-component-border);
  border-radius: var(--kh-component-radius);
  background: var(--kh-component-surface);
}

.file-label .material-symbols-outlined {
  color: var(--primary-background, var(--bs-primary, #0d6efd));
}

.upload-hint,
.uploaded-file-name,
.kh-meta {
  color: var(--kh-bootstrap-muted, #6c757d);
}

.ih-project-files-list {
  width: 100%;
}

.ih-project-files-list .kh-content-item,
.ih-project-files-list .ih-content-item,
.file-item {
  background: var(--kh-component-muted-surface);
  border: 1px solid var(--kh-component-border);
  border-radius: var(--kh-component-radius-sm);
}

.kh-settings-savebar {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--kh-component-border);
}

.kh-settings-savebar[hidden],
.kh-settings-savebar .btn[hidden] {
  display: none;
}

#page-directory,
#page-certificates,
#page-events,
#page-profile,
#page-innohub-my-projects,
#page-innohub-methodenfinder,
#page-innohub-method-detail {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

.kh-app-wrapper:has(> #page-profile),
.kh-app-wrapper:has(> #page-innohub-my-projects) {
  width: 100%;
  max-width: none;
}

#page-directory > .kh-app-topbar,
#page-directory > .kh-content-wrapper,
#page-directory > #t-content-wrapper,
#page-certificates > .kh-app-topbar,
#page-certificates > .kh-content-wrapper,
#page-certificates > #t-content-wrapper,
#page-events > .kh-app-topbar,
#page-events > .kh-content-wrapper,
#page-events > #t-content-wrapper,
#page-profile > .kh-app-topbar,
#page-profile > .page-header,
#page-profile > .kh-content-wrapper,
#page-profile > #t-content-wrapper,
#page-innohub-my-projects > .kh-app-topbar,
#page-innohub-my-projects > .kh-subnav,
#page-innohub-my-projects > .kh-content-wrapper,
#page-innohub-my-projects > #t-content-wrapper,
#page-innohub-methodenfinder > .kh-app-topbar,
#page-innohub-methodenfinder > .kh-subnav,
#page-innohub-methodenfinder > .kh-content-wrapper,
#page-innohub-methodenfinder > #t-content-wrapper,
#page-innohub-method-detail > .kh-app-topbar,
#page-innohub-method-detail > .kh-subnav,
#page-innohub-method-detail > .kh-content-wrapper,
#page-innohub-method-detail > #t-content-wrapper {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

#page-directory #t-content-wrapper,
#page-directory .accordion-content,
#page-directory .accordion-content .t-content-data,
#page-directory .accordion-content .t-content-data > div,
#page-directory .accordion-content .t-content-data > section,
#page-certificates #t-content-wrapper,
#page-certificates .kh-certificate-detail-app,
#page-certificates .kh-certificate-detail-loader,
#page-certificates .kh-certificate-detail-error,
#page-certificates .kh-certificate-detail-content,
#page-certificates .kh-certificate-detail-content > .t-content-head,
#page-certificates .kh-certificate-detail-content .accordion.t-content-main,
#page-events #t-content-wrapper,
#page-events .user-information-events-content,
#page-events .user-information-events-content > *,
#page-profile #t-content-wrapper,
#page-profile .t-content-head,
#page-profile .t-content-navi,
#page-profile .t-content-main,
#page-profile .t-content-element-wrap,
#page-profile .t-profile-element,
#page-profile .t-table,
#page-innohub-my-projects #t-content-wrapper,
#page-innohub-my-projects .kh-content-main,
#page-innohub-my-projects .t-content-main,
#page-innohub-my-projects .t-content-element-wrap,
#page-innohub-my-projects .ih-project-dashboard-layout,
#page-innohub-methodenfinder #t-content-wrapper,
#page-innohub-methodenfinder .kh-content-main,
#page-innohub-methodenfinder .kh-mf-content-wrap,
#page-innohub-methodenfinder .kh-mf-panel,
#page-innohub-method-detail #t-content-wrapper,
#page-innohub-method-detail .kh-content-main,
#page-innohub-method-detail .t-content-main,
#page-innohub-method-detail .t-content-element-wrap {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

.kh-content-wrapper .t-content-head {
  margin: 0;
}

#kh-content-wrapper-directory {
  flex-direction: column;
  gap: var(--gap-large, 1.5rem);
}

#page-directory .accordion-content .t-content-data,
#page-certificates .kh-certificate-detail-content .t-content-head-text,
#page-profile .t-content-head-text {
  max-width: none;
}

#page-directory .t-content-head-left-2 {
  padding: 0;
  margin-bottom: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-directory .t-content-head-left-2 .t-tag-wrapper {
  padding: 0;
}

#page-directory .accordion {
  border: unset;
  box-shadow: unset;
}

#page-directory .t-content-main.accordion {
  padding: 0;
}

#page-directory .t-content-main.accordion > .t-content-element-wrap {
  margin: 0;
  gap: var(--gap-large, 1.5rem);
}

.kh-overview-page-shell {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  max-width: none;
  min-height: clamp(360px, 48vh, 720px);
}

.kh-overview-page-shell > .kh-overview-body,
.kh-overview-page-shell > .kh-content-wrapper,
.kh-overview-page-shell > .t-content-main,
.kh-overview-page-shell .t-kh-home-row,
.kh-overview-page-shell .t-kh-home-row-wrapper,
.kh-overview-page-shell .t-content-element-wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.kh-overview-page-shell .t-row-single,
.kh-overview-page-shell .t-row-multiple {
  width: 100%;
  max-width: none;
}

.kh-overview-page-shell .t-row-multiple:empty {
  min-height: 180px;
}

.kh-label-content-card {
  width: 100%;
  max-width: none;
}

#page-label .kh-label-content-card > .t-content-element-wrap,
#page-label .kh-label-content-card .content-by-tag-id-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#page-label .kh-label-content-card .content-by-tag-id-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--gap-large, 24px);
  overflow: visible !important;
}

#page-label .kh-label-content-card .content-by-tag-id-section > .t-kh-home-row-wrapper {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: var(--gap-large, 24px);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

#page-label .kh-label-content-card .content-by-tag-id-section .t-row-single,
#page-label .kh-label-content-card .content-by-tag-id-section .t-row-multiple {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--gap-large, 24px);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

#page-label .kh-label-content-card .content-by-tag-id-section .t-kh-home-row-h {
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
}

#page-label .kh-label-content-card .content-by-tag-id-section .t-button-directory {
  display: flex;
  flex: 1 1 320px !important;
  max-width: 360px;
  min-width: 280px;
  width: auto;
}

#page-profile form.edit-profil-data[data-profile-ajax] .btn-flex-end {
  position: sticky;
  bottom: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100%;
  margin-top: 1.25rem;
  padding: 1rem;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -0.75rem 1.5rem rgba(33, 37, 41, 0.08);
  backdrop-filter: blur(10px);
}

#page-profile form.edit-profil-data[data-profile-ajax] .btn-flex-end .btn {
  flex: 0 0 auto;
  min-width: 180px;
}

#page-profile form.edit-profil-data[data-profile-ajax] .btn-flex-end .profile-save-spinner {
  min-width: 44px;
}

.kh-profile-linked-attributes-card {
  width: min(48rem, 100vw - 2rem);
}

.kh-profile-linked-attributes-prompt {
  margin: 0 0 1rem;
  color: var(--bs-body-color, var(--text-color, #212529));
  font-size: 1rem;
  line-height: 1.5;
}

.kh-profile-linked-attributes-options[hidden],
.kh-profile-linked-attributes-list[hidden],
.kh-profile-linked-attributes-actions .hidden {
  display: none;
}

.kh-profile-linked-attributes-list {
  display: grid;
  gap: 0.75rem;
  max-height: min(42vh, 24rem);
  margin-bottom: 1rem;
  overflow: auto;
}

.kh-profile-linked-attributes-channel {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid var(--kh-component-border);
  border-radius: var(--kh-component-radius-sm);
  background: var(--kh-component-muted-surface);
}

.kh-profile-linked-attributes-channel h4 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
}

.kh-profile-linked-attributes-choice {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
}

.kh-profile-linked-attributes-choice input {
  flex: 0 0 auto;
  margin-top: 0.2rem;
}

.kh-profile-provider-sync-card {
  width: min(52rem, 100vw - 2rem);
}

.kh-profile-provider-sync-prompt {
  margin: 0 0 1rem;
  color: var(--bs-body-color, var(--text-color, #212529));
  font-size: 1rem;
  line-height: 1.5;
}

.kh-profile-provider-sync-fields {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.kh-profile-provider-sync-field-list {
  margin: 0;
  padding-left: 1.25rem;
}

.kh-profile-provider-sync-groups {
  display: grid;
  gap: 0.75rem;
  max-height: min(42vh, 24rem);
  margin-bottom: 1rem;
  overflow: auto;
}

.kh-profile-provider-sync-group {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1rem;
  border: 1px solid var(--kh-component-border);
  border-radius: var(--kh-component-radius-sm);
  background: var(--kh-component-muted-surface);
}

.kh-profile-provider-sync-group h4 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
}

.kh-profile-provider-sync-choice {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
}

.kh-profile-provider-sync-choice input {
  flex: 0 0 auto;
  margin-top: 0.2rem;
}

#awn-toast-container,
#awn-popup-wrapper {
  z-index: 100200 !important;
}

#page-innohub-methodenfinder #kh-mf-modal[aria-hidden=false],
#page-innohub-methodenfinder #kh-mf-create-project-modal[aria-hidden=false],
#page-innohub-method-detail #kh-md-project-modal[aria-hidden=false],
.kh-modal[aria-hidden=false],
.ih-modal[aria-hidden=false] {
  position: fixed;
  inset: 0;
}

#page-innohub-methodenfinder .kh-mf-modal-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#page-innohub-methodenfinder .kh-mf-modal-grid,
#page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-field {
  display: flex;
  flex-direction: column;
}

#page-innohub-methodenfinder .kh-mf-modal-grid {
  gap: 1.5rem;
}

#page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-field {
  gap: 0.5rem;
}

#page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

#page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-field-action {
  display: flex;
  align-items: stretch;
}

#page-innohub-methodenfinder .kh-mf-modal-card select,
#page-innohub-methodenfinder .kh-mf-modal-card input[type=text],
#page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-field-action > .btn {
  min-height: 2.75rem;
}

#page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-field-action > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  white-space: nowrap;
}

@media (max-width: 760px) {
  #page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-fields {
    grid-template-columns: 1fr;
  }
  #page-innohub-methodenfinder .kh-mf-modal-card .kh-mf-field-action > .btn {
    width: 100%;
    white-space: normal;
  }
}
.kh-template-header {
  display: flex;
  flex-direction: column;
  gap: var(--kh-ui-gap, 1rem);
  padding: var(--kh-card-padding-lg, clamp(1.25rem, 3vw, 2rem));
}

.kh-template-header__title-row {
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 82%, transparent);
}

.kh-template-header__inner {
  width: 100%;
}

.kh-template-header__main,
.kh-template-header__copy {
  min-width: 0;
}

.kh-template-header__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.kh-template-header__tags {
  width: 100%;
}

.kh-template-header--split .kh-template-header__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.35fr);
}

.kh-news-feed-shell {
  min-height: 0;
}

.kh-news-feed-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

.kh-news-feed-filter a,
.kh-news-feed-item__footer a {
  display: inline-flex;
  text-decoration: none;
}

.kh-news-feed-list {
  gap: 1rem;
}

.kh-news-feed-list .t-news-feed-content-wrap {
  width: 100%;
  margin: 0;
  padding: clamp(1rem, 1.6vw, 1.5rem);
}

.kh-news-feed-item {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.kh-news-feed-item__header {
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  flex-wrap: wrap;
}

.kh-news-feed-item .news-feed-h1 {
  margin: 0;
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.35;
}

.kh-news-feed-item .news-feed-date {
  margin-left: auto;
  color: var(--bs-secondary-color, #6c757d);
  font-size: 0.875rem;
  white-space: nowrap;
}

.kh-news-feed-item__content {
  display: block;
  color: var(--bs-body-color, #212529);
}

.kh-news-feed-item__content > :last-child,
.kh-news-feed-empty > :last-child {
  margin-bottom: 0;
}

.kh-news-feed-item__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.25rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
  background: transparent;
  color: inherit;
}

.kh-news-feed-item__footer .t-tag-nav {
  box-shadow: none;
}

.kh-news-feed-empty {
  margin: 0;
}

.kh-module-action-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kh-module-action-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kh-module-action-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kh-module-action-grid__item {
  min-width: 0;
}

.kh-module-action-grid__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.25rem;
  border-radius: var(--bs-border-radius-sm, 0.375rem);
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 9%, #fff);
  color: var(--primary-background, #0d6efd);
}

.t-channels .t-content-head h4 {
  margin: var(--teejit-padding-m, 1rem) 0 0;
  font-size: var(--font-size-p, 1rem);
  font-weight: 700;
}

.kh-channel-header {
  margin: 0;
}

.kh-channel-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 20px;
}

.kh-channel-tools__item {
  min-width: 0;
}

.kh-channel-search-row {
  display: flex;
}

.kh-channel-join {
  text-align: center;
}

.kh-team-waitlist-notice {
  --kh-team-waitlist-color: var(--teejit-advise, #ffc107);
  --kh-team-waitlist-background: color-mix(in srgb, var(--kh-team-waitlist-color) 16%, #fff);
  border-color: var(--kh-team-waitlist-color) !important;
  background: var(--kh-team-waitlist-background) !important;
  color: var(--teejit-advise-contrast, #5f4300);
}

.kh-team-waitlist-notice p {
  margin: 0;
  color: inherit;
}

.channels-search .input-search-wrap {
  flex: none;
}

#btn-join-team {
  min-height: 42px;
  flex: 1;
}

.channels-filter-nav {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.t-channel-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.t-channel-nav--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.t-channel-nav__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 100%;
  min-width: 0;
  padding: clamp(0.95rem, 2vw, 1.15rem);
  border: 1px solid var(--teejit-form-border, var(--bs-border-color, #dee2e6));
  border-radius: var(--teejit-btn-border-radius-medium, var(--bs-border-radius, 0.5rem));
  background: var(--kh-bootstrap-surface, #fff);
  box-shadow: var(--kh-bootstrap-shadow-soft, 0 0.35rem 1.2rem rgba(24, 31, 41, 0.08));
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: var(--kh-ui-transition, transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease);
}

.t-channel-nav__item.is-active {
  background: var(--kh-bootstrap-surface-soft, color-mix(in srgb, var(--primary-background, #0d6efd) 4%, #fff));
  border-color: color-mix(in srgb, var(--primary-background, #0d6efd) 26%, var(--bs-border-color, #dee2e6));
  box-shadow: var(--kh-focus-ring, 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #0d6efd) 18%, transparent));
}

.t-channel-nav__item:hover,
.t-channel-nav__item:focus-visible {
  background: var(--accordion-background, color-mix(in srgb, var(--primary-background, #0d6efd) 8%, #fff));
  border-color: color-mix(in srgb, var(--primary-background, #0d6efd) 26%, var(--bs-border-color, #dee2e6));
  color: var(--accordion-color, var(--primary-background, #0d6efd));
  box-shadow: var(--kh-focus-ring, 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #0d6efd) 18%, transparent));
  transform: translateY(-1px);
}

.t-channel-nav__icon {
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--teejit-btn-border-radius-small, var(--bs-border-radius-sm, 0.375rem));
  background: var(--kh-bootstrap-surface-muted, #f8fafc);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bs-border-color, #dee2e6) 80%, transparent);
  font-size: 16px;
  transition: var(--kh-ui-transition, transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease);
}

.t-channel-nav__item.is-active .t-channel-nav__icon,
.t-channel-nav__item:hover .t-channel-nav__icon,
.t-channel-nav__item:focus-visible .t-channel-nav__icon {
  background: #fff;
  color: var(--accordion-color, var(--primary-background, #0d6efd));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary-background, #0d6efd) 18%, transparent);
}

.t-channel-nav__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.t-channel-nav__title {
  font-size: var(--font-size-p, 1rem);
  font-weight: 700;
  line-height: 1.3;
}

.t-channel-nav__desc {
  margin-top: 2px;
  font-size: var(--font-size-p-small, 0.875rem);
  line-height: 1.2;
}

.channels-my-channels,
.t-channels .t-kh-home-row-wrapper {
  width: 100%;
}

.t-channels .t-kh-home-row-wrapper {
  margin-top: 35px;
}

.t-channels .t-btn-dir-info-subtitle,
.t-channels .t-btn-dir-info-title {
  text-align: left;
}

.t-channels .t-channel-card,
.t-channels .t-channel-card .t-btn-dir-column,
.t-channels .t-channel-card .t-btn-dir-inner,
.t-channels .t-channel-card .t-btn-dir-info,
.t-channels .t-channel-card .t-btn-dir-info-subtitle {
  min-width: 0;
}

.t-channels .t-channel-card .t-btn-dir-info-subtitle,
.t-channels .t-channel-card .t-btn-dir-info-subtitle a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.channel-code-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99999;
}

.channel-code {
  width: 480px;
  max-width: 90%;
  overflow: hidden;
  flex-direction: column;
  background: #fff;
  border-radius: var(--teejit-btn-border-radius-medium, var(--bs-border-radius, 0.5rem));
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  animation: kh-fade-in-scale 0.25s ease-out;
}

@keyframes kh-fade-in-scale {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.channel-code-header,
.channel-code-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
}

.channel-code-header {
  justify-content: space-between;
  border-bottom: 1px solid var(--teejit-color-border, var(--bs-border-color, #dee2e6));
}

.channel-code-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.channel-code-body {
  flex-direction: column;
  padding: 20px;
  text-align: center;
}

.channel-code-label {
  margin-bottom: 10px;
  text-align: left;
}

.channel-code-input {
  width: 100%;
  flex: 1;
  margin-bottom: 10px;
}

.channel-code-error {
  display: none;
  margin-top: 8px;
  color: var(--teejit-color-error, var(--bs-danger, #dc3545));
  font-size: var(--font-size-p, 1rem);
  font-weight: 700;
}

.channel-code-footer {
  justify-content: space-between;
  border-top: 1px solid var(--teejit-color-border, var(--bs-border-color, #dee2e6));
}

.channel-user-data-consent-wrap {
  margin-top: 16px;
  text-align: left;
}

.channel-user-data-consent-wrap .checkbox-icon-label {
  align-items: flex-start;
  gap: 6px;
  margin: 0;
}

.channel-user-data-consent-wrap p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.t-search-form {
  position: relative;
}

.t-channel-search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 50;
  max-height: 420px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--teejit-color-border, #ddd);
  border-radius: var(--teejit-btn-border-radius-small, var(--bs-border-radius-sm, 0.375rem));
  box-shadow: var(--teejit-box-shadow-1, var(--kh-bootstrap-shadow, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08)));
}

.t-channel-search-status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-size: var(--font-size-p-small, 0.875rem);
}

.t-channel-search-status .lds-dual-ring .t-loading,
.t-channel-search-status .lds-dual-ring img {
  display: block;
  animation: lds-dual-ring 1.2s linear infinite;
  transform-origin: center;
}

.t-channel-search-results {
  display: flex;
  flex-direction: column;
}

.t-channel-search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--teejit-color-border, #eee);
}

.t-channel-search-item:last-child {
  border-bottom: 0;
}

.t-channel-search-item:hover {
  background: var(--teejit--accent--gray, #f7f7f7);
}

.t-channel-search-item-left {
  width: 40px;
  flex-shrink: 0;
}

.t-channel-search-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.t-channel-search-item-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.t-channel-search-title {
  color: var(--text-color, #222);
  font-weight: 700;
}

.t-channel-search-subtitle {
  color: var(--text-color-light, #666);
  font-size: var(--font-size-p-small, 0.875rem);
}

.t-channel-search-item-cta {
  color: var(--primary-background, #1f6feb);
  font-size: var(--font-size-p-small, 0.875rem);
  white-space: nowrap;
}

.certificate-navi {
  justify-content: space-between;
  gap: var(--gap-medium, 1rem);
  flex-wrap: wrap;
}

.certificate-navi .order-certificates-btn,
.certificate-navi .order-certificates-btn .btn {
  flex: 1;
  font-size: var(--font-size-p, 1rem);
}

.t-row-single.certificate {
  overflow: unset;
}

.certificate-due-soon,
.certificate-overdue,
.certificate-status-open,
.certificate-status-unknown,
.certificate-status-earnable,
.certificate-status-valid,
.certificate-status-expiring-soon,
.certificate-status-expired {
  --certificate-status-color: var(--teejit-advise);
  border: 2px solid var(--certificate-status-color);
  box-shadow: 0 0 0 3px var(--teejit-box-shadow-1);
}

.certificate-status-open,
.certificate-status-unknown {
  --certificate-status-color: var(--kh-bootstrap-muted, #6c757d);
}

.certificate-status-earnable,
.certificate-status-valid {
  --certificate-status-color: var(--teejit-success, var(--bs-success, #198754));
}

.certificate-status-expiring-soon {
  --certificate-status-color: var(--teejit-advise, #ffc107);
}

.certificate-due-soon .certificate-status,
.certificate-overdue .certificate-status,
.certificate-status-open .certificate-status,
.certificate-status-unknown .certificate-status,
.certificate-status-earnable .certificate-status,
.certificate-status-valid .certificate-status,
.certificate-status-expiring-soon .certificate-status,
.certificate-status-expired .certificate-status,
.certificate-due-soon .certificate-validity,
.certificate-overdue .certificate-validity {
  color: var(--certificate-status-color);
}

.certificate-overdue,
.certificate-status-expired {
  --certificate-status-color: var(--teejit-error, var(--bs-danger, #dc3545));
}

.certificate-due-soon .t-process-line-done,
.certificate-overdue .t-process-line-done,
.certificate-status-earnable .t-process-line-done,
.certificate-status-valid .t-process-line-done,
.certificate-status-expiring-soon .t-process-line-done,
.certificate-status-expired .t-process-line-done {
  background-color: var(--certificate-status-color);
}

.kh-progress-display-image-overlay .certificate-due-soon .t-img-wrap .t-process-line-done,
.kh-progress-display-image-overlay .certificate-overdue .t-img-wrap .t-process-line-done,
.kh-progress-display-image-overlay .certificate-status-earnable .t-img-wrap .t-process-line-done,
.kh-progress-display-image-overlay .certificate-status-valid .t-img-wrap .t-process-line-done,
.kh-progress-display-image-overlay .certificate-status-expiring-soon .t-img-wrap .t-process-line-done,
.kh-progress-display-image-overlay .certificate-status-expired .t-img-wrap .t-process-line-done {
  background: linear-gradient(90deg, var(--certificate-status-color), color-mix(in srgb, var(--certificate-status-color) 82%, #fff));
}

.certificate-status,
.certificate-validity {
  display: flex;
  align-items: center;
  gap: var(--gap-small, 0.5rem);
}

.certificate-status {
  font-weight: 600;
}

.certificate-status-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.certificate-status-copy small {
  font-size: 0.85em;
  font-weight: 500;
  line-height: 1.3;
  opacity: 0.85;
}

.certificate-validity {
  margin-top: var(--teejit-padding-s, 0.5rem);
  font-size: var(--font-size-p-small, 0.875rem);
}

.t-btn-dir-cta {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small, 0.5rem);
}

.t-btn-dir-cta .t-btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-small, 0.5rem);
}

/* Shared content card layout for home, team, label, search and ajax lists. */
.kh-content-card-grid,
.t-row-single:has(> .t-button-directory),
.t-row-multiple:has(> .t-button-directory),
.t-content-label-wrapper,
.search-result-card-grid,
.teams-content-by-teams-id,
#page-team-profil .content-detail-teams .teams-content-by-teams-id,
#page-team-profil .content-detail-teams .t-content-label-wrapper,
#page-label .content-by-tag-id-section .t-row-single,
#page-label .content-by-tag-id-section .t-row-multiple {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0;
  padding: 0;
  overflow: visible;
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--gap-large, 24px);
  width: 100%;
  max-width: 100%;
  margin: 24px 0 25px;
  padding: 6px;
  overflow: visible;*/
}

.kh-content-card-grid > .t-button-directory,
.t-row-single:has(> .t-button-directory) > .t-button-directory,
.t-row-multiple:has(> .t-button-directory) > .t-button-directory,
.t-content-label-wrapper > .t-button-directory,
.search-result-card-grid > .t-button-directory,
.teams-content-by-teams-id > .t-button-directory,
#page-team-profil .content-detail-teams .teams-content-by-teams-id > .t-button-directory,
#page-team-profil .content-detail-teams .t-content-label-wrapper > .t-button-directory,
#page-label .content-by-tag-id-section .t-row-single > .t-button-directory,
#page-label .content-by-tag-id-section .t-row-multiple > .t-button-directory {
  display: flex; /* bleibt: ordnet den Karten-Inhalt (column/row) an */
  flex: initial; /* ersetzt flex: 1 1 320px !important */
  width: 100%;
  min-width: 0; /* statt min-width: 280px – Minimum macht jetzt die Spalte */
  max-width: unset;
  /*display: flex;
  flex: 1 1 320px !important;
  max-width: 360px;
  min-width: 280px;
  width: auto;*/
}

.t-button-directory > .t-btn-dir-column,
.t-button-directory > .t-btn-dir-row {
  display: flex;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--teejit-form-border, var(--bs-border-color, #dee2e6));
  border-radius: var(--teejit-btn-border-radius-medium, var(--bs-border-radius, 0.5rem));
  background: var(--kh-bootstrap-surface, #fff);
  box-shadow: var(--kh-bootstrap-shadow-soft, 0 0.35rem 1.2rem rgba(24, 31, 41, 0.08));
  transition: var(--kh-ui-transition, transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease);
}

.t-button-directory > .t-btn-dir-column {
  height: 100%;
}

.t-button-directory:hover > .t-btn-dir-column,
.t-button-directory:hover > .t-btn-dir-row,
.t-button-directory:focus-within > .t-btn-dir-column,
.t-button-directory:focus-within > .t-btn-dir-row {
  border-color: color-mix(in srgb, var(--primary-background, #0d6efd) 24%, var(--bs-border-color, #dee2e6));
  box-shadow: var(--kh-focus-ring, 0 0 0 0.25rem color-mix(in srgb, var(--primary-background, #0d6efd) 18%, transparent)), var(--kh-bootstrap-shadow-soft, 0 0.35rem 1.2rem rgba(24, 31, 41, 0.08));
  transform: translateY(-2px);
}

.t-button-directory .t-img-wrap {
  background: var(--kh-bootstrap-surface-muted, #f8fafc);
}

.t-button-directory .t-btn-dir-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--kh-ui-gap, 1rem);
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.25rem);
}

.t-button-directory .t-btn-dir-info,
.t-button-directory .t-btn-dir-info-title,
.t-button-directory .t-btn-dir-info-subtitle {
  min-width: 0;
}

.t-button-directory .t-btn-dir-info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.5rem;
}

.t-button-directory .t-btn-dir-info-title h3 {
  margin: 0;
  line-height: 1.3;
}

.t-button-directory .t-btn-dir-info-subtitle {
  color: var(--kh-bootstrap-muted, #6c757d);
  line-height: 1.45;
}

.t-button-directory .t-tag-wrapper,
#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-tag-wrapper,
#page-team-profil .content-detail-teams .t-content-label-wrapper .t-tag-wrapper,
#page-label .content-by-tag-id-section .t-tag-wrapper {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-small, 8px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: var(--teejit-btn-inner-element-padding);
  overflow: hidden;
}

.t-button-directory .t-tag,
#page-team-profil .content-detail-teams .teams-content-by-teams-id .t-tag,
#page-team-profil .content-detail-teams .t-content-label-wrapper .t-tag,
#page-label .content-by-tag-id-section .t-tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: 0.25rem 0.65rem;
  border-radius: 50rem;
  box-shadow: none !important;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}

.t-button-directory .t-btn-dir-cta {
  margin-top: auto;
}

.t-button-directory .t-btn-dir-cta a,
.t-button-directory .t-btn-dir-cta .btn,
.t-button-directory .t-btn-dir-cta .t-btn {
  width: 100%;
}

.kh-home-recent-certificates .t-row-single.certificate {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-large, 24px);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.kh-home-recent-certificates .t-row-single.certificate > .t-button-directory {
  display: flex;
  flex: 1 1 calc(33.333% - var(--gap-large, 24px)) !important;
  max-width: calc(33.333% - var(--gap-large, 24px));
  min-width: 280px;
  width: auto;
}

#t-kh-home-marked-certificates-user details {
  margin-bottom: var(--teejit-padding-m, 1rem);
  border: 1px solid var(--teejit-form-border, var(--bs-border-color, #dee2e6));
  border-radius: var(--teejit-btn-border-radius-medium, var(--bs-border-radius, 0.5rem));
}

#t-kh-home-marked-certificates-user details[open] {
  border-color: var(--primary-background, #0d6efd);
}

#t-kh-home-marked-certificates-user .accordion-content .t-row-single {
  overflow: visible;
  padding: var(--teejit-padding-m, 1rem);
}

.kh-empty-content-wrapper {
  width: 100%;
  margin: 0;
}

#page-label .content-by-tag-id-section > .kh-label-empty-content {
  flex: 0 0 100%;
  grid-column: 1/-1;
  max-width: none;
}

.kh-empty-content-wrapper h3,
.kh-empty-content-wrapper p {
  margin-right: 0;
  margin-left: 0;
}

.kh-empty-content-wrapper p:last-child {
  margin-bottom: 0;
}

.t-certificate-requirements {
  margin: 16px 20px 0;
  background-color: #fff;
  border-radius: var(--teejit-btn-border-radius-small, var(--bs-border-radius-sm, 0.375rem));
  box-shadow: var(--teejit-box-shadow-1, var(--kh-bootstrap-shadow, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08)));
}

.t-certificate-requirements-wrap {
  flex: 1;
  flex-direction: column;
  padding: var(--teejit-padding-m, 1rem);
}

.certificate-process-line-wrapper {
  flex: 1;
}

.certificate-process-line-wrapper .t-process-line {
  margin: 0;
}

.requirements-list {
  flex-direction: column;
}

@media (max-width: 1100px) {
  .kh-module-action-grid--3,
  .kh-module-action-grid--4,
  .t-channel-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kh-content-card-grid > .t-button-directory,
  .t-row-single:has(> .t-button-directory) > .t-button-directory,
  .t-row-multiple:has(> .t-button-directory) > .t-button-directory,
  .t-content-label-wrapper > .t-button-directory,
  .search-result-card-grid > .t-button-directory,
  .teams-content-by-teams-id > .t-button-directory,
  #page-team-profil .content-detail-teams .teams-content-by-teams-id > .t-button-directory,
  #page-team-profil .content-detail-teams .t-content-label-wrapper > .t-button-directory,
  #page-label .content-by-tag-id-section .t-row-single > .t-button-directory,
  #page-label .content-by-tag-id-section .t-row-multiple > .t-button-directory {
    flex-basis: 320px !important;
    max-width: 360px;
  }
  .certificate-navi .order-certificates-btn .btn {
    min-width: 250px;
  }
}
@media (max-width: 720px) {
  .kh-template-header {
    padding: var(--kh-card-padding, 1rem);
  }
  .kh-template-header__title-row {
    padding-bottom: 0.85rem;
  }
  .kh-template-header--split .kh-template-header__inner,
  .kh-module-action-grid--2,
  .kh-module-action-grid--3,
  .kh-module-action-grid--4,
  .kh-channel-tools,
  .t-channel-nav,
  .t-channel-nav--3 {
    grid-template-columns: 1fr;
  }
  .kh-content-card-grid,
  .t-row-single:has(> .t-button-directory),
  .t-row-multiple:has(> .t-button-directory),
  .t-content-label-wrapper,
  .search-result-card-grid,
  .teams-content-by-teams-id,
  #page-team-profil .content-detail-teams .teams-content-by-teams-id,
  #page-team-profil .content-detail-teams .t-content-label-wrapper,
  #page-label .content-by-tag-id-section .t-row-single,
  #page-label .content-by-tag-id-section .t-row-multiple {
    flex-direction: column;
    padding: 0;
  }
  .kh-content-card-grid > .t-button-directory,
  .t-row-single:has(> .t-button-directory) > .t-button-directory,
  .t-row-multiple:has(> .t-button-directory) > .t-button-directory,
  .t-content-label-wrapper > .t-button-directory,
  .search-result-card-grid > .t-button-directory,
  .teams-content-by-teams-id > .t-button-directory,
  #page-team-profil .content-detail-teams .teams-content-by-teams-id > .t-button-directory,
  #page-team-profil .content-detail-teams .t-content-label-wrapper > .t-button-directory,
  #page-label .content-by-tag-id-section .t-row-single > .t-button-directory,
  #page-label .content-by-tag-id-section .t-row-multiple > .t-button-directory {
    flex-basis: auto !important;
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
  .kh-home-recent-certificates .t-row-single.certificate > .t-button-directory {
    flex-basis: auto !important;
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
  #page-profile form.edit-profil-data[data-profile-ajax] .btn-flex-end {
    align-items: stretch;
    flex-direction: column;
  }
  #page-profile form.edit-profil-data[data-profile-ajax] .btn-flex-end .btn {
    width: 100%;
  }
  .channel-code-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .t-channel-search-item {
    align-items: flex-start;
  }
  .t-channel-search-item-cta {
    display: none;
  }
}
.kh-login-layout {
  align-items: stretch;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(var(--kh-login-columns, 1), minmax(0, 1fr));
  margin: 0 auto;
  max-width: min(100%, 1180px);
  padding: 20px;
  width: 100%;
}

.kh-login-layout--columns-1 {
  --kh-login-columns: 1;
  max-width: 420px;
}

.kh-login-layout--columns-2 {
  --kh-login-columns: 2;
}

.kh-login-layout--columns-3 {
  --kh-login-columns: 3;
}

.kh-login-layout--columns-4 {
  --kh-login-columns: 4;
}

.kh-login-layout__module {
  min-width: 0;
}

.kh-login-section {
  align-self: stretch;
  display: flex;
  min-width: 0;
  width: 100%;
}

.kh-login-section > * {
  width: 100%;
}

.kh-login-section--width-full {
  grid-column: 1/-1;
}

.kh-login-section--width-wide {
  grid-column: span 2;
}

.kh-login-layout--columns-1 .kh-login-section--width-wide {
  grid-column: 1/-1;
}

.kh-login-section--width-medium {
  max-width: 720px;
}

.kh-login-section--width-narrow {
  max-width: 420px;
}

.kh-login-section--align-left {
  justify-self: start;
  text-align: left;
}

.kh-login-section--align-center {
  justify-self: center;
  text-align: center;
}

.kh-login-section--align-right {
  justify-self: end;
  text-align: right;
}

.kh-login-section--align-center .t-login-left-top,
.kh-login-section--align-center .t-login-right-top,
.kh-login-section--align-center .t-login-right-btn,
.kh-login-section--align-center .kh-login-layout__logo {
  justify-content: center;
}

.kh-login-section--align-right .t-login-left-top,
.kh-login-section--align-right .t-login-right-top,
.kh-login-section--align-right .t-login-right-btn,
.kh-login-section--align-right .kh-login-layout__logo {
  justify-content: flex-end;
}

.kh-login-section--align-right .ansp-index-mail {
  justify-content: flex-end;
}

.kh-login-section--style-card,
.kh-login-section--style-accent,
.kh-login-section--style-outline {
  background: var(--teejit-card-background, #fff);
  border-radius: var(--teejit-btn-border-radius-medium, var(--bs-border-radius, 8px));
}

.kh-login-section--style-card {
  border: 1px solid var(--teejit-form-border, var(--bs-border-color, #dee2e6));
  box-shadow: var(--teejit-box-shadow-2, 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08));
}

.kh-login-section--style-accent {
  background: color-mix(in srgb, var(--primary-background, #0d6efd) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary-background, #0d6efd) 35%, #fff);
  box-shadow: var(--teejit-box-shadow-1, 0 0.25rem 1rem rgba(33, 37, 41, 0.06));
}

.kh-login-section--style-outline {
  background: transparent;
  border: 2px solid color-mix(in srgb, var(--primary-background, #0d6efd) 45%, #fff);
}

.kh-login-section--style-plain {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.kh-login-section--style-card .t-login form,
.kh-login-section--style-accent .t-login form,
.kh-login-section--style-outline .t-login form,
.kh-login-section--style-plain .t-login form,
.kh-login-section--style-card .t-login-register-now,
.kh-login-section--style-accent .t-login-register-now,
.kh-login-section--style-outline .t-login-register-now,
.kh-login-section--style-plain .t-login-register-now {
  border: 0;
  box-shadow: none;
  margin-top: 0;
}

.kh-login-section--style-plain .t-login-left,
.kh-login-section--style-plain .t-login-right,
.kh-login-section--style-plain .kh-login-text {
  padding-left: 0;
  padding-right: 0;
}

.kh-login-section--style-card .t-login-left,
.kh-login-section--style-card .t-login-right,
.kh-login-section--style-card .kh-login-text,
.kh-login-section--style-accent .t-login-left,
.kh-login-section--style-accent .t-login-right,
.kh-login-section--style-accent .kh-login-text,
.kh-login-section--style-outline .t-login-left,
.kh-login-section--style-outline .t-login-right,
.kh-login-section--style-outline .kh-login-text {
  margin-top: 0;
}

.kh-login-layout__module--login-form {
  justify-content: flex-start;
}

.kh-login-layout__module--login-form .t-login-middle-section,
.kh-login-layout__module--login-form .t-login-middle-inner {
  width: 100%;
}

.kh-login-layout__module--login-form .t-login-form .forgetmenot {
  float: none;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.kh-login-layout__module--login-form .t-login-form .forgetmenot input[type=checkbox] {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--primary-background, #0d6efd);
}

.kh-login-layout__module--login-form .t-login-form .forgetmenot label {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--bs-body-color, var(--text-color, #212529));
}

.kh-login-layout__logo {
  display: flex;
  justify-content: center;
}

.kh-login-layout__footer {
  padding-top: 0;
}

.kh-login-text {
  height: fit-content;
  margin-top: 20px;
  padding: var(--teejit-padding-xl);
}

.kh-login-text__inner {
  display: flex;
  flex-direction: column;
}

.kh-login-text__copy {
  padding-bottom: var(--teejit-padding-l);
}

@media (max-width: 1000px) {
  .kh-login-layout {
    grid-template-columns: 1fr;
    max-width: 480px;
  }
  .kh-login-section,
  .kh-login-section--width-full,
  .kh-login-section--width-wide,
  .kh-login-section--width-medium,
  .kh-login-section--width-narrow {
    grid-column: 1/-1;
    max-width: 100%;
  }
  .kh-login-layout__module--login-form {
    order: -1;
  }
}
@media (max-width: 768px) {
  .kh-login-layout {
    gap: 10px;
    max-width: 320px;
    padding: 10px;
  }
}
.ansp-index-wrap {
  align-items: center;
}