.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}

.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}

.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}

.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}

.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}

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

.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}

.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}

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

.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}

.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}

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

.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}

.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}

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

@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}

.col-offset-1 {
  margin-left: 8.3333% !important;
}

.col-offset-2 {
  margin-left: 16.6667% !important;
}

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

.col-offset-4 {
  margin-left: 33.3333% !important;
}

.col-offset-5 {
  margin-left: 41.6667% !important;
}

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

.col-offset-7 {
  margin-left: 58.3333% !important;
}

.col-offset-8 {
  margin-left: 66.6667% !important;
}

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

.col-offset-10 {
  margin-left: 83.3333% !important;
}

.col-offset-11 {
  margin-left: 91.6667% !important;
}

.col-offset-12 {
  margin-left: 100% !important;
}

@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.text-50 {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.text-100 {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.text-200 {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.text-300 {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.text-400 {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.text-500 {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.text-600 {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.text-700 {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.text-800 {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.text-900 {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.focus\:text-0:focus {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.hover\:text-0:hover {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.active\:text-0:active {
  color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.focus\:text-50:focus {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.hover\:text-50:hover {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.active\:text-50:active {
  color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.focus\:text-100:focus {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.hover\:text-100:hover {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.active\:text-100:active {
  color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.focus\:text-200:focus {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.hover\:text-200:hover {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.active\:text-200:active {
  color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.focus\:text-300:focus {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.hover\:text-300:hover {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.active\:text-300:active {
  color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.focus\:text-400:focus {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.hover\:text-400:hover {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.active\:text-400:active {
  color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.focus\:text-500:focus {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.hover\:text-500:hover {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.active\:text-500:active {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.focus\:text-600:focus {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.hover\:text-600:hover {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.active\:text-600:active {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.focus\:text-700:focus {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.hover\:text-700:hover {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.active\:text-700:active {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.focus\:text-800:focus {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.hover\:text-800:hover {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.active\:text-800:active {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.focus\:text-900:focus {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.hover\:text-900:hover {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.active\:text-900:active {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.surface-0 {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.surface-50 {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.surface-100 {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.surface-200 {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.surface-300 {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.surface-400 {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.surface-500 {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.surface-600 {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.surface-700 {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.surface-800 {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.surface-900 {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.focus\:surface-0:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.hover\:surface-0:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.active\:surface-0:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.focus\:surface-50:focus {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.hover\:surface-50:hover {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.active\:surface-50:active {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.focus\:surface-100:focus {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.hover\:surface-100:hover {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.active\:surface-100:active {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.focus\:surface-200:focus {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.hover\:surface-200:hover {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.active\:surface-200:active {
  background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.focus\:surface-300:focus {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.hover\:surface-300:hover {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.active\:surface-300:active {
  background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.focus\:surface-400:focus {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.hover\:surface-400:hover {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.active\:surface-400:active {
  background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.focus\:surface-500:focus {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.hover\:surface-500:hover {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.active\:surface-500:active {
  background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.focus\:surface-600:focus {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.hover\:surface-600:hover {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.active\:surface-600:active {
  background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.focus\:surface-700:focus {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.hover\:surface-700:hover {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.active\:surface-700:active {
  background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.focus\:surface-800:focus {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.hover\:surface-800:hover {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.active\:surface-800:active {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.focus\:surface-900:focus {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.hover\:surface-900:hover {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.active\:surface-900:active {
  background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.border-0 {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.border-50 {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.border-100 {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.border-200 {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.border-300 {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.border-400 {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.border-500 {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.border-600 {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.border-700 {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.border-800 {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.border-900 {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.focus\:border-0:focus {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.hover\:border-0:hover {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.active\:border-0:active {
  border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.focus\:border-50:focus {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.hover\:border-50:hover {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.active\:border-50:active {
  border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
}

.focus\:border-100:focus {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.hover\:border-100:hover {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.active\:border-100:active {
  border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.focus\:border-200:focus {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.hover\:border-200:hover {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.active\:border-200:active {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.focus\:border-300:focus {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.hover\:border-300:hover {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.active\:border-300:active {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.focus\:border-400:focus {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.hover\:border-400:hover {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.active\:border-400:active {
  border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
}

.focus\:border-500:focus {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.hover\:border-500:hover {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.active\:border-500:active {
  border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.focus\:border-600:focus {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.hover\:border-600:hover {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.active\:border-600:active {
  border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.focus\:border-700:focus {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.hover\:border-700:hover {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.active\:border-700:active {
  border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.focus\:border-800:focus {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.hover\:border-800:hover {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.active\:border-800:active {
  border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.focus\:border-900:focus {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.hover\:border-900:hover {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.active\:border-900:active {
  border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}

@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--p-blue-50) !important;
}
.text-blue-100 {
  color: var(--p-blue-100) !important;
}
.text-blue-200 {
  color: var(--p-blue-200) !important;
}
.text-blue-300 {
  color: var(--p-blue-300) !important;
}
.text-blue-400 {
  color: var(--p-blue-400) !important;
}
.text-blue-500 {
  color: var(--p-blue-500) !important;
}
.text-blue-600 {
  color: var(--p-blue-600) !important;
}
.text-blue-700 {
  color: var(--p-blue-700) !important;
}
.text-blue-800 {
  color: var(--p-blue-800) !important;
}
.text-blue-900 {
  color: var(--p-blue-900) !important;
}

.focus\:text-blue-50:focus {
  color: var(--p-blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--p-blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--p-blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--p-blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--p-blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--p-blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--p-blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--p-blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--p-blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--p-blue-900) !important;
}

.hover\:text-blue-50:hover {
  color: var(--p-blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--p-blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--p-blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--p-blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--p-blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--p-blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--p-blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--p-blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--p-blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--p-blue-900) !important;
}

.active\:text-blue-50:active {
  color: var(--p-blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--p-blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--p-blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--p-blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--p-blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--p-blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--p-blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--p-blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--p-blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--p-blue-900) !important;
}

.text-green-50 {
  color: var(--p-green-50) !important;
}
.text-green-100 {
  color: var(--p-green-100) !important;
}
.text-green-200 {
  color: var(--p-green-200) !important;
}
.text-green-300 {
  color: var(--p-green-300) !important;
}
.text-green-400 {
  color: var(--p-green-400) !important;
}
.text-green-500 {
  color: var(--p-green-500) !important;
}
.text-green-600 {
  color: var(--p-green-600) !important;
}
.text-green-700 {
  color: var(--p-green-700) !important;
}
.text-green-800 {
  color: var(--p-green-800) !important;
}
.text-green-900 {
  color: var(--p-green-900) !important;
}

.focus\:text-green-50:focus {
  color: var(--p-green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--p-green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--p-green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--p-green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--p-green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--p-green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--p-green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--p-green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--p-green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--p-green-900) !important;
}

.hover\:text-green-50:hover {
  color: var(--p-green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--p-green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--p-green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--p-green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--p-green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--p-green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--p-green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--p-green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--p-green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--p-green-900) !important;
}

.active\:text-green-50:active {
  color: var(--p-green-50) !important;
}
.active\:text-green-100:active {
  color: var(--p-green-100) !important;
}
.active\:text-green-200:active {
  color: var(--p-green-200) !important;
}
.active\:text-green-300:active {
  color: var(--p-green-300) !important;
}
.active\:text-green-400:active {
  color: var(--p-green-400) !important;
}
.active\:text-green-500:active {
  color: var(--p-green-500) !important;
}
.active\:text-green-600:active {
  color: var(--p-green-600) !important;
}
.active\:text-green-700:active {
  color: var(--p-green-700) !important;
}
.active\:text-green-800:active {
  color: var(--p-green-800) !important;
}
.active\:text-green-900:active {
  color: var(--p-green-900) !important;
}

.text-yellow-50 {
  color: var(--p-yellow-50) !important;
}
.text-yellow-100 {
  color: var(--p-yellow-100) !important;
}
.text-yellow-200 {
  color: var(--p-yellow-200) !important;
}
.text-yellow-300 {
  color: var(--p-yellow-300) !important;
}
.text-yellow-400 {
  color: var(--p-yellow-400) !important;
}
.text-yellow-500 {
  color: var(--p-yellow-500) !important;
}
.text-yellow-600 {
  color: var(--p-yellow-600) !important;
}
.text-yellow-700 {
  color: var(--p-yellow-700) !important;
}
.text-yellow-800 {
  color: var(--p-yellow-800) !important;
}
.text-yellow-900 {
  color: var(--p-yellow-900) !important;
}

.focus\:text-yellow-50:focus {
  color: var(--p-yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--p-yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--p-yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--p-yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--p-yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--p-yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--p-yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--p-yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--p-yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--p-yellow-900) !important;
}

.hover\:text-yellow-50:hover {
  color: var(--p-yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--p-yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--p-yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--p-yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--p-yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--p-yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--p-yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--p-yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--p-yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--p-yellow-900) !important;
}

.active\:text-yellow-50:active {
  color: var(--p-yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--p-yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--p-yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--p-yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--p-yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--p-yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--p-yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--p-yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--p-yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--p-yellow-900) !important;
}

.text-cyan-50 {
  color: var(--p-cyan-50) !important;
}
.text-cyan-100 {
  color: var(--p-cyan-100) !important;
}
.text-cyan-200 {
  color: var(--p-cyan-200) !important;
}
.text-cyan-300 {
  color: var(--p-cyan-300) !important;
}
.text-cyan-400 {
  color: var(--p-cyan-400) !important;
}
.text-cyan-500 {
  color: var(--p-cyan-500) !important;
}
.text-cyan-600 {
  color: var(--p-cyan-600) !important;
}
.text-cyan-700 {
  color: var(--p-cyan-700) !important;
}
.text-cyan-800 {
  color: var(--p-cyan-800) !important;
}
.text-cyan-900 {
  color: var(--p-cyan-900) !important;
}

.focus\:text-cyan-50:focus {
  color: var(--p-cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--p-cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--p-cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--p-cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--p-cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--p-cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--p-cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--p-cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--p-cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--p-cyan-900) !important;
}

.hover\:text-cyan-50:hover {
  color: var(--p-cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--p-cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--p-cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--p-cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--p-cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--p-cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--p-cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--p-cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--p-cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--p-cyan-900) !important;
}

.active\:text-cyan-50:active {
  color: var(--p-cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--p-cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--p-cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--p-cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--p-cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--p-cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--p-cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--p-cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--p-cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--p-cyan-900) !important;
}

.text-pink-50 {
  color: var(--p-pink-50) !important;
}
.text-pink-100 {
  color: var(--p-pink-100) !important;
}
.text-pink-200 {
  color: var(--p-pink-200) !important;
}
.text-pink-300 {
  color: var(--p-pink-300) !important;
}
.text-pink-400 {
  color: var(--p-pink-400) !important;
}
.text-pink-500 {
  color: var(--p-pink-500) !important;
}
.text-pink-600 {
  color: var(--p-pink-600) !important;
}
.text-pink-700 {
  color: var(--p-pink-700) !important;
}
.text-pink-800 {
  color: var(--p-pink-800) !important;
}
.text-pink-900 {
  color: var(--p-pink-900) !important;
}

.focus\:text-pink-50:focus {
  color: var(--p-pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--p-pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--p-pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--p-pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--p-pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--p-pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--p-pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--p-pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--p-pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--p-pink-900) !important;
}

.hover\:text-pink-50:hover {
  color: var(--p-pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--p-pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--p-pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--p-pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--p-pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--p-pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--p-pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--p-pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--p-pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--p-pink-900) !important;
}

.active\:text-pink-50:active {
  color: var(--p-pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--p-pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--p-pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--p-pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--p-pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--p-pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--p-pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--p-pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--p-pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--p-pink-900) !important;
}

.text-indigo-50 {
  color: var(--p-indigo-50) !important;
}
.text-indigo-100 {
  color: var(--p-indigo-100) !important;
}
.text-indigo-200 {
  color: var(--p-indigo-200) !important;
}
.text-indigo-300 {
  color: var(--p-indigo-300) !important;
}
.text-indigo-400 {
  color: var(--p-indigo-400) !important;
}
.text-indigo-500 {
  color: var(--p-indigo-500) !important;
}
.text-indigo-600 {
  color: var(--p-indigo-600) !important;
}
.text-indigo-700 {
  color: var(--p-indigo-700) !important;
}
.text-indigo-800 {
  color: var(--p-indigo-800) !important;
}
.text-indigo-900 {
  color: var(--p-indigo-900) !important;
}

.focus\:text-indigo-50:focus {
  color: var(--p-indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--p-indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--p-indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--p-indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--p-indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--p-indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--p-indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--p-indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--p-indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--p-indigo-900) !important;
}

.hover\:text-indigo-50:hover {
  color: var(--p-indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--p-indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--p-indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--p-indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--p-indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--p-indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--p-indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--p-indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--p-indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--p-indigo-900) !important;
}

.active\:text-indigo-50:active {
  color: var(--p-indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--p-indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--p-indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--p-indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--p-indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--p-indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--p-indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--p-indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--p-indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--p-indigo-900) !important;
}

.text-teal-50 {
  color: var(--p-teal-50) !important;
}
.text-teal-100 {
  color: var(--p-teal-100) !important;
}
.text-teal-200 {
  color: var(--p-teal-200) !important;
}
.text-teal-300 {
  color: var(--p-teal-300) !important;
}
.text-teal-400 {
  color: var(--p-teal-400) !important;
}
.text-teal-500 {
  color: var(--p-teal-500) !important;
}
.text-teal-600 {
  color: var(--p-teal-600) !important;
}
.text-teal-700 {
  color: var(--p-teal-700) !important;
}
.text-teal-800 {
  color: var(--p-teal-800) !important;
}
.text-teal-900 {
  color: var(--p-teal-900) !important;
}

.focus\:text-teal-50:focus {
  color: var(--p-teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--p-teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--p-teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--p-teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--p-teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--p-teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--p-teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--p-teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--p-teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--p-teal-900) !important;
}

.hover\:text-teal-50:hover {
  color: var(--p-teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--p-teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--p-teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--p-teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--p-teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--p-teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--p-teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--p-teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--p-teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--p-teal-900) !important;
}

.active\:text-teal-50:active {
  color: var(--p-teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--p-teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--p-teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--p-teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--p-teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--p-teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--p-teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--p-teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--p-teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--p-teal-900) !important;
}

.text-orange-50 {
  color: var(--p-orange-50) !important;
}
.text-orange-100 {
  color: var(--p-orange-100) !important;
}
.text-orange-200 {
  color: var(--p-orange-200) !important;
}
.text-orange-300 {
  color: var(--p-orange-300) !important;
}
.text-orange-400 {
  color: var(--p-orange-400) !important;
}
.text-orange-500 {
  color: var(--p-orange-500) !important;
}
.text-orange-600 {
  color: var(--p-orange-600) !important;
}
.text-orange-700 {
  color: var(--p-orange-700) !important;
}
.text-orange-800 {
  color: var(--p-orange-800) !important;
}
.text-orange-900 {
  color: var(--p-orange-900) !important;
}

.focus\:text-orange-50:focus {
  color: var(--p-orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--p-orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--p-orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--p-orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--p-orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--p-orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--p-orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--p-orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--p-orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--p-orange-900) !important;
}

.hover\:text-orange-50:hover {
  color: var(--p-orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--p-orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--p-orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--p-orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--p-orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--p-orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--p-orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--p-orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--p-orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--p-orange-900) !important;
}

.active\:text-orange-50:active {
  color: var(--p-orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--p-orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--p-orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--p-orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--p-orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--p-orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--p-orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--p-orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--p-orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--p-orange-900) !important;
}

.text-bluegray-50 {
  color: var(--p-bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--p-bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--p-bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--p-bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--p-bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--p-bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--p-bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--p-bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--p-bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--p-bluegray-900) !important;
}

.focus\:text-bluegray-50:focus {
  color: var(--p-bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--p-bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--p-bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--p-bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--p-bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--p-bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--p-bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--p-bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--p-bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--p-bluegray-900) !important;
}

.hover\:text-bluegray-50:hover {
  color: var(--p-bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--p-bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--p-bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--p-bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--p-bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--p-bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--p-bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--p-bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--p-bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--p-bluegray-900) !important;
}

.active\:text-bluegray-50:active {
  color: var(--p-bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--p-bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--p-bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--p-bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--p-bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--p-bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--p-bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--p-bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--p-bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--p-bluegray-900) !important;
}

.text-purple-50 {
  color: var(--p-purple-50) !important;
}
.text-purple-100 {
  color: var(--p-purple-100) !important;
}
.text-purple-200 {
  color: var(--p-purple-200) !important;
}
.text-purple-300 {
  color: var(--p-purple-300) !important;
}
.text-purple-400 {
  color: var(--p-purple-400) !important;
}
.text-purple-500 {
  color: var(--p-purple-500) !important;
}
.text-purple-600 {
  color: var(--p-purple-600) !important;
}
.text-purple-700 {
  color: var(--p-purple-700) !important;
}
.text-purple-800 {
  color: var(--p-purple-800) !important;
}
.text-purple-900 {
  color: var(--p-purple-900) !important;
}

.focus\:text-purple-50:focus {
  color: var(--p-purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--p-purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--p-purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--p-purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--p-purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--p-purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--p-purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--p-purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--p-purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--p-purple-900) !important;
}

.hover\:text-purple-50:hover {
  color: var(--p-purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--p-purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--p-purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--p-purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--p-purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--p-purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--p-purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--p-purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--p-purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--p-purple-900) !important;
}

.active\:text-purple-50:active {
  color: var(--p-purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--p-purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--p-purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--p-purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--p-purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--p-purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--p-purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--p-purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--p-purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--p-purple-900) !important;
}

.text-gray-50 {
  color: var(--p-gray-50) !important;
}
.text-gray-100 {
  color: var(--p-gray-100) !important;
}
.text-gray-200 {
  color: var(--p-gray-200) !important;
}
.text-gray-300 {
  color: var(--p-gray-300) !important;
}
.text-gray-400 {
  color: var(--p-gray-400) !important;
}
.text-gray-500 {
  color: var(--p-gray-500) !important;
}
.text-gray-600 {
  color: var(--p-gray-600) !important;
}
.text-gray-700 {
  color: var(--p-gray-700) !important;
}
.text-gray-800 {
  color: var(--p-gray-800) !important;
}
.text-gray-900 {
  color: var(--p-gray-900) !important;
}

.focus\:text-gray-50:focus {
  color: var(--p-gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--p-gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--p-gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--p-gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--p-gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--p-gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--p-gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--p-gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--p-gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--p-gray-900) !important;
}

.hover\:text-gray-50:hover {
  color: var(--p-gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--p-gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--p-gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--p-gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--p-gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--p-gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--p-gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--p-gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--p-gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--p-gray-900) !important;
}

.active\:text-gray-50:active {
  color: var(--p-gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--p-gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--p-gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--p-gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--p-gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--p-gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--p-gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--p-gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--p-gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--p-gray-900) !important;
}

.text-red-50 {
  color: var(--p-red-50) !important;
}
.text-red-100 {
  color: var(--p-red-100) !important;
}
.text-red-200 {
  color: var(--p-red-200) !important;
}
.text-red-300 {
  color: var(--p-red-300) !important;
}
.text-red-400 {
  color: var(--p-red-400) !important;
}
.text-red-500 {
  color: var(--p-red-500) !important;
}
.text-red-600 {
  color: var(--p-red-600) !important;
}
.text-red-700 {
  color: var(--p-red-700) !important;
}
.text-red-800 {
  color: var(--p-red-800) !important;
}
.text-red-900 {
  color: var(--p-red-900) !important;
}

.focus\:text-red-50:focus {
  color: var(--p-red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--p-red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--p-red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--p-red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--p-red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--p-red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--p-red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--p-red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--p-red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--p-red-900) !important;
}

.hover\:text-red-50:hover {
  color: var(--p-red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--p-red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--p-red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--p-red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--p-red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--p-red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--p-red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--p-red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--p-red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--p-red-900) !important;
}

.active\:text-red-50:active {
  color: var(--p-red-50) !important;
}
.active\:text-red-100:active {
  color: var(--p-red-100) !important;
}
.active\:text-red-200:active {
  color: var(--p-red-200) !important;
}
.active\:text-red-300:active {
  color: var(--p-red-300) !important;
}
.active\:text-red-400:active {
  color: var(--p-red-400) !important;
}
.active\:text-red-500:active {
  color: var(--p-red-500) !important;
}
.active\:text-red-600:active {
  color: var(--p-red-600) !important;
}
.active\:text-red-700:active {
  color: var(--p-red-700) !important;
}
.active\:text-red-800:active {
  color: var(--p-red-800) !important;
}
.active\:text-red-900:active {
  color: var(--p-red-900) !important;
}

.text-primary-50 {
  color: var(--p-primary-50) !important;
}
.text-primary-100 {
  color: var(--p-primary-100) !important;
}
.text-primary-200 {
  color: var(--p-primary-200) !important;
}
.text-primary-300 {
  color: var(--p-primary-300) !important;
}
.text-primary-400 {
  color: var(--p-primary-400) !important;
}
.text-primary-500 {
  color: var(--p-primary-500) !important;
}
.text-primary-600 {
  color: var(--p-primary-600) !important;
}
.text-primary-700 {
  color: var(--p-primary-700) !important;
}
.text-primary-800 {
  color: var(--p-primary-800) !important;
}
.text-primary-900 {
  color: var(--p-primary-900) !important;
}

.focus\:text-primary-50:focus {
  color: var(--p-primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--p-primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--p-primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--p-primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--p-primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--p-primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--p-primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--p-primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--p-primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--p-primary-900) !important;
}

.hover\:text-primary-50:hover {
  color: var(--p-primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--p-primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--p-primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--p-primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--p-primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--p-primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--p-primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--p-primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--p-primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--p-primary-900) !important;
}

.active\:text-primary-50:active {
  color: var(--p-primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--p-primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--p-primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--p-primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--p-primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--p-primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--p-primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--p-primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--p-primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--p-primary-900) !important;
}

.bg-blue-50 {
  background-color: var(--p-blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--p-blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--p-blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--p-blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--p-blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--p-blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--p-blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--p-blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--p-blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--p-blue-900) !important;
}

.focus\:bg-blue-50:focus {
  background-color: var(--p-blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--p-blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--p-blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--p-blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--p-blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--p-blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--p-blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--p-blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--p-blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--p-blue-900) !important;
}

.hover\:bg-blue-50:hover {
  background-color: var(--p-blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--p-blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--p-blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--p-blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--p-blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--p-blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--p-blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--p-blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--p-blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--p-blue-900) !important;
}

.active\:bg-blue-50:active {
  background-color: var(--p-blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--p-blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--p-blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--p-blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--p-blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--p-blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--p-blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--p-blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--p-blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--p-blue-900) !important;
}

.bg-green-50 {
  background-color: var(--p-green-50) !important;
}
.bg-green-100 {
  background-color: var(--p-green-100) !important;
}
.bg-green-200 {
  background-color: var(--p-green-200) !important;
}
.bg-green-300 {
  background-color: var(--p-green-300) !important;
}
.bg-green-400 {
  background-color: var(--p-green-400) !important;
}
.bg-green-500 {
  background-color: var(--p-green-500) !important;
}
.bg-green-600 {
  background-color: var(--p-green-600) !important;
}
.bg-green-700 {
  background-color: var(--p-green-700) !important;
}
.bg-green-800 {
  background-color: var(--p-green-800) !important;
}
.bg-green-900 {
  background-color: var(--p-green-900) !important;
}

.focus\:bg-green-50:focus {
  background-color: var(--p-green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--p-green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--p-green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--p-green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--p-green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--p-green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--p-green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--p-green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--p-green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--p-green-900) !important;
}

.hover\:bg-green-50:hover {
  background-color: var(--p-green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--p-green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--p-green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--p-green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--p-green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--p-green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--p-green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--p-green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--p-green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--p-green-900) !important;
}

.active\:bg-green-50:active {
  background-color: var(--p-green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--p-green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--p-green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--p-green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--p-green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--p-green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--p-green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--p-green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--p-green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--p-green-900) !important;
}

.bg-yellow-50 {
  background-color: var(--p-yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--p-yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--p-yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--p-yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--p-yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--p-yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--p-yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--p-yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--p-yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--p-yellow-900) !important;
}

.focus\:bg-yellow-50:focus {
  background-color: var(--p-yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--p-yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--p-yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--p-yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--p-yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--p-yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--p-yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--p-yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--p-yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--p-yellow-900) !important;
}

.hover\:bg-yellow-50:hover {
  background-color: var(--p-yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--p-yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--p-yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--p-yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--p-yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--p-yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--p-yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--p-yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--p-yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--p-yellow-900) !important;
}

.active\:bg-yellow-50:active {
  background-color: var(--p-yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--p-yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--p-yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--p-yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--p-yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--p-yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--p-yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--p-yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--p-yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--p-yellow-900) !important;
}

.bg-cyan-50 {
  background-color: var(--p-cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--p-cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--p-cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--p-cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--p-cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--p-cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--p-cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--p-cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--p-cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--p-cyan-900) !important;
}

.focus\:bg-cyan-50:focus {
  background-color: var(--p-cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--p-cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--p-cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--p-cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--p-cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--p-cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--p-cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--p-cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--p-cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--p-cyan-900) !important;
}

.hover\:bg-cyan-50:hover {
  background-color: var(--p-cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--p-cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--p-cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--p-cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--p-cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--p-cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--p-cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--p-cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--p-cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--p-cyan-900) !important;
}

.active\:bg-cyan-50:active {
  background-color: var(--p-cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--p-cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--p-cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--p-cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--p-cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--p-cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--p-cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--p-cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--p-cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--p-cyan-900) !important;
}

.bg-pink-50 {
  background-color: var(--p-pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--p-pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--p-pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--p-pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--p-pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--p-pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--p-pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--p-pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--p-pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--p-pink-900) !important;
}

.focus\:bg-pink-50:focus {
  background-color: var(--p-pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--p-pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--p-pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--p-pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--p-pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--p-pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--p-pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--p-pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--p-pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--p-pink-900) !important;
}

.hover\:bg-pink-50:hover {
  background-color: var(--p-pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--p-pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--p-pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--p-pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--p-pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--p-pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--p-pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--p-pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--p-pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--p-pink-900) !important;
}

.active\:bg-pink-50:active {
  background-color: var(--p-pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--p-pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--p-pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--p-pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--p-pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--p-pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--p-pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--p-pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--p-pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--p-pink-900) !important;
}

.bg-indigo-50 {
  background-color: var(--p-indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--p-indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--p-indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--p-indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--p-indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--p-indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--p-indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--p-indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--p-indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--p-indigo-900) !important;
}

.focus\:bg-indigo-50:focus {
  background-color: var(--p-indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--p-indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--p-indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--p-indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--p-indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--p-indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--p-indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--p-indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--p-indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--p-indigo-900) !important;
}

.hover\:bg-indigo-50:hover {
  background-color: var(--p-indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--p-indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--p-indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--p-indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--p-indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--p-indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--p-indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--p-indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--p-indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--p-indigo-900) !important;
}

.active\:bg-indigo-50:active {
  background-color: var(--p-indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--p-indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--p-indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--p-indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--p-indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--p-indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--p-indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--p-indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--p-indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--p-indigo-900) !important;
}

.bg-teal-50 {
  background-color: var(--p-teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--p-teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--p-teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--p-teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--p-teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--p-teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--p-teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--p-teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--p-teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--p-teal-900) !important;
}

.focus\:bg-teal-50:focus {
  background-color: var(--p-teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--p-teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--p-teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--p-teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--p-teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--p-teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--p-teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--p-teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--p-teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--p-teal-900) !important;
}

.hover\:bg-teal-50:hover {
  background-color: var(--p-teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--p-teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--p-teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--p-teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--p-teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--p-teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--p-teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--p-teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--p-teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--p-teal-900) !important;
}

.active\:bg-teal-50:active {
  background-color: var(--p-teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--p-teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--p-teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--p-teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--p-teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--p-teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--p-teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--p-teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--p-teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--p-teal-900) !important;
}

.bg-orange-50 {
  background-color: var(--p-orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--p-orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--p-orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--p-orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--p-orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--p-orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--p-orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--p-orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--p-orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--p-orange-900) !important;
}

.focus\:bg-orange-50:focus {
  background-color: var(--p-orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--p-orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--p-orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--p-orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--p-orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--p-orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--p-orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--p-orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--p-orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--p-orange-900) !important;
}

.hover\:bg-orange-50:hover {
  background-color: var(--p-orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--p-orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--p-orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--p-orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--p-orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--p-orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--p-orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--p-orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--p-orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--p-orange-900) !important;
}

.active\:bg-orange-50:active {
  background-color: var(--p-orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--p-orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--p-orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--p-orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--p-orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--p-orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--p-orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--p-orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--p-orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--p-orange-900) !important;
}

.bg-bluegray-50 {
  background-color: var(--p-bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--p-bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--p-bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--p-bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--p-bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--p-bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--p-bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--p-bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--p-bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--p-bluegray-900) !important;
}

.focus\:bg-bluegray-50:focus {
  background-color: var(--p-bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--p-bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--p-bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--p-bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--p-bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--p-bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--p-bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--p-bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--p-bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--p-bluegray-900) !important;
}

.hover\:bg-bluegray-50:hover {
  background-color: var(--p-bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--p-bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--p-bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--p-bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--p-bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--p-bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--p-bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--p-bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--p-bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--p-bluegray-900) !important;
}

.active\:bg-bluegray-50:active {
  background-color: var(--p-bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--p-bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--p-bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--p-bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--p-bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--p-bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--p-bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--p-bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--p-bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--p-bluegray-900) !important;
}

.bg-purple-50 {
  background-color: var(--p-purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--p-purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--p-purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--p-purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--p-purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--p-purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--p-purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--p-purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--p-purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--p-purple-900) !important;
}

.focus\:bg-purple-50:focus {
  background-color: var(--p-purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--p-purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--p-purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--p-purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--p-purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--p-purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--p-purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--p-purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--p-purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--p-purple-900) !important;
}

.hover\:bg-purple-50:hover {
  background-color: var(--p-purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--p-purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--p-purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--p-purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--p-purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--p-purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--p-purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--p-purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--p-purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--p-purple-900) !important;
}

.active\:bg-purple-50:active {
  background-color: var(--p-purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--p-purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--p-purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--p-purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--p-purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--p-purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--p-purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--p-purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--p-purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--p-purple-900) !important;
}

.bg-gray-50 {
  background-color: var(--p-gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--p-gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--p-gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--p-gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--p-gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--p-gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--p-gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--p-gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--p-gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--p-gray-900) !important;
}

.focus\:bg-gray-50:focus {
  background-color: var(--p-gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--p-gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--p-gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--p-gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--p-gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--p-gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--p-gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--p-gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--p-gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--p-gray-900) !important;
}

.hover\:bg-gray-50:hover {
  background-color: var(--p-gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--p-gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--p-gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--p-gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--p-gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--p-gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--p-gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--p-gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--p-gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--p-gray-900) !important;
}

.active\:bg-gray-50:active {
  background-color: var(--p-gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--p-gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--p-gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--p-gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--p-gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--p-gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--p-gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--p-gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--p-gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--p-gray-900) !important;
}

.bg-red-50 {
  background-color: var(--p-red-50) !important;
}
.bg-red-100 {
  background-color: var(--p-red-100) !important;
}
.bg-red-200 {
  background-color: var(--p-red-200) !important;
}
.bg-red-300 {
  background-color: var(--p-red-300) !important;
}
.bg-red-400 {
  background-color: var(--p-red-400) !important;
}
.bg-red-500 {
  background-color: var(--p-red-500) !important;
}
.bg-red-600 {
  background-color: var(--p-red-600) !important;
}
.bg-red-700 {
  background-color: var(--p-red-700) !important;
}
.bg-red-800 {
  background-color: var(--p-red-800) !important;
}
.bg-red-900 {
  background-color: var(--p-red-900) !important;
}

.focus\:bg-red-50:focus {
  background-color: var(--p-red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--p-red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--p-red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--p-red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--p-red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--p-red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--p-red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--p-red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--p-red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--p-red-900) !important;
}

.hover\:bg-red-50:hover {
  background-color: var(--p-red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--p-red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--p-red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--p-red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--p-red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--p-red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--p-red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--p-red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--p-red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--p-red-900) !important;
}

.active\:bg-red-50:active {
  background-color: var(--p-red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--p-red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--p-red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--p-red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--p-red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--p-red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--p-red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--p-red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--p-red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--p-red-900) !important;
}

.bg-primary-50 {
  background-color: var(--p-primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--p-primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--p-primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--p-primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--p-primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--p-primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--p-primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--p-primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--p-primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--p-primary-900) !important;
}

.focus\:bg-primary-50:focus {
  background-color: var(--p-primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--p-primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--p-primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--p-primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--p-primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--p-primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--p-primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--p-primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--p-primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--p-primary-900) !important;
}

.hover\:bg-primary-50:hover {
  background-color: var(--p-primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--p-primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--p-primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--p-primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--p-primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--p-primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--p-primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--p-primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--p-primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--p-primary-900) !important;
}

.active\:bg-primary-50:active {
  background-color: var(--p-primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--p-primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--p-primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--p-primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--p-primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--p-primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--p-primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--p-primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--p-primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--p-primary-900) !important;
}

.border-blue-50 {
  border-color: var(--p-blue-50) !important;
}
.border-blue-100 {
  border-color: var(--p-blue-100) !important;
}
.border-blue-200 {
  border-color: var(--p-blue-200) !important;
}
.border-blue-300 {
  border-color: var(--p-blue-300) !important;
}
.border-blue-400 {
  border-color: var(--p-blue-400) !important;
}
.border-blue-500 {
  border-color: var(--p-blue-500) !important;
}
.border-blue-600 {
  border-color: var(--p-blue-600) !important;
}
.border-blue-700 {
  border-color: var(--p-blue-700) !important;
}
.border-blue-800 {
  border-color: var(--p-blue-800) !important;
}
.border-blue-900 {
  border-color: var(--p-blue-900) !important;
}

.focus\:border-blue-50:focus {
  border-color: var(--p-blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--p-blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--p-blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--p-blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--p-blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--p-blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--p-blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--p-blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--p-blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--p-blue-900) !important;
}

.hover\:border-blue-50:hover {
  border-color: var(--p-blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--p-blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--p-blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--p-blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--p-blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--p-blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--p-blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--p-blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--p-blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--p-blue-900) !important;
}

.active\:border-blue-50:active {
  border-color: var(--p-blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--p-blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--p-blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--p-blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--p-blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--p-blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--p-blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--p-blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--p-blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--p-blue-900) !important;
}

.border-green-50 {
  border-color: var(--p-green-50) !important;
}
.border-green-100 {
  border-color: var(--p-green-100) !important;
}
.border-green-200 {
  border-color: var(--p-green-200) !important;
}
.border-green-300 {
  border-color: var(--p-green-300) !important;
}
.border-green-400 {
  border-color: var(--p-green-400) !important;
}
.border-green-500 {
  border-color: var(--p-green-500) !important;
}
.border-green-600 {
  border-color: var(--p-green-600) !important;
}
.border-green-700 {
  border-color: var(--p-green-700) !important;
}
.border-green-800 {
  border-color: var(--p-green-800) !important;
}
.border-green-900 {
  border-color: var(--p-green-900) !important;
}

.focus\:border-green-50:focus {
  border-color: var(--p-green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--p-green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--p-green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--p-green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--p-green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--p-green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--p-green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--p-green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--p-green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--p-green-900) !important;
}

.hover\:border-green-50:hover {
  border-color: var(--p-green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--p-green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--p-green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--p-green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--p-green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--p-green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--p-green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--p-green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--p-green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--p-green-900) !important;
}

.active\:border-green-50:active {
  border-color: var(--p-green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--p-green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--p-green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--p-green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--p-green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--p-green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--p-green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--p-green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--p-green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--p-green-900) !important;
}

.border-yellow-50 {
  border-color: var(--p-yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--p-yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--p-yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--p-yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--p-yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--p-yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--p-yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--p-yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--p-yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--p-yellow-900) !important;
}

.focus\:border-yellow-50:focus {
  border-color: var(--p-yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--p-yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--p-yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--p-yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--p-yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--p-yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--p-yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--p-yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--p-yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--p-yellow-900) !important;
}

.hover\:border-yellow-50:hover {
  border-color: var(--p-yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--p-yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--p-yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--p-yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--p-yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--p-yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--p-yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--p-yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--p-yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--p-yellow-900) !important;
}

.active\:border-yellow-50:active {
  border-color: var(--p-yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--p-yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--p-yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--p-yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--p-yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--p-yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--p-yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--p-yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--p-yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--p-yellow-900) !important;
}

.border-cyan-50 {
  border-color: var(--p-cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--p-cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--p-cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--p-cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--p-cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--p-cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--p-cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--p-cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--p-cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--p-cyan-900) !important;
}

.focus\:border-cyan-50:focus {
  border-color: var(--p-cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--p-cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--p-cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--p-cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--p-cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--p-cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--p-cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--p-cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--p-cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--p-cyan-900) !important;
}

.hover\:border-cyan-50:hover {
  border-color: var(--p-cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--p-cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--p-cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--p-cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--p-cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--p-cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--p-cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--p-cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--p-cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--p-cyan-900) !important;
}

.active\:border-cyan-50:active {
  border-color: var(--p-cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--p-cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--p-cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--p-cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--p-cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--p-cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--p-cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--p-cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--p-cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--p-cyan-900) !important;
}

.border-pink-50 {
  border-color: var(--p-pink-50) !important;
}
.border-pink-100 {
  border-color: var(--p-pink-100) !important;
}
.border-pink-200 {
  border-color: var(--p-pink-200) !important;
}
.border-pink-300 {
  border-color: var(--p-pink-300) !important;
}
.border-pink-400 {
  border-color: var(--p-pink-400) !important;
}
.border-pink-500 {
  border-color: var(--p-pink-500) !important;
}
.border-pink-600 {
  border-color: var(--p-pink-600) !important;
}
.border-pink-700 {
  border-color: var(--p-pink-700) !important;
}
.border-pink-800 {
  border-color: var(--p-pink-800) !important;
}
.border-pink-900 {
  border-color: var(--p-pink-900) !important;
}

.focus\:border-pink-50:focus {
  border-color: var(--p-pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--p-pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--p-pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--p-pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--p-pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--p-pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--p-pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--p-pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--p-pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--p-pink-900) !important;
}

.hover\:border-pink-50:hover {
  border-color: var(--p-pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--p-pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--p-pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--p-pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--p-pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--p-pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--p-pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--p-pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--p-pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--p-pink-900) !important;
}

.active\:border-pink-50:active {
  border-color: var(--p-pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--p-pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--p-pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--p-pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--p-pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--p-pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--p-pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--p-pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--p-pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--p-pink-900) !important;
}

.border-indigo-50 {
  border-color: var(--p-indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--p-indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--p-indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--p-indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--p-indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--p-indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--p-indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--p-indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--p-indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--p-indigo-900) !important;
}

.focus\:border-indigo-50:focus {
  border-color: var(--p-indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--p-indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--p-indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--p-indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--p-indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--p-indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--p-indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--p-indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--p-indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--p-indigo-900) !important;
}

.hover\:border-indigo-50:hover {
  border-color: var(--p-indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--p-indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--p-indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--p-indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--p-indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--p-indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--p-indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--p-indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--p-indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--p-indigo-900) !important;
}

.active\:border-indigo-50:active {
  border-color: var(--p-indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--p-indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--p-indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--p-indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--p-indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--p-indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--p-indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--p-indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--p-indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--p-indigo-900) !important;
}

.border-teal-50 {
  border-color: var(--p-teal-50) !important;
}
.border-teal-100 {
  border-color: var(--p-teal-100) !important;
}
.border-teal-200 {
  border-color: var(--p-teal-200) !important;
}
.border-teal-300 {
  border-color: var(--p-teal-300) !important;
}
.border-teal-400 {
  border-color: var(--p-teal-400) !important;
}
.border-teal-500 {
  border-color: var(--p-teal-500) !important;
}
.border-teal-600 {
  border-color: var(--p-teal-600) !important;
}
.border-teal-700 {
  border-color: var(--p-teal-700) !important;
}
.border-teal-800 {
  border-color: var(--p-teal-800) !important;
}
.border-teal-900 {
  border-color: var(--p-teal-900) !important;
}

.focus\:border-teal-50:focus {
  border-color: var(--p-teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--p-teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--p-teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--p-teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--p-teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--p-teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--p-teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--p-teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--p-teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--p-teal-900) !important;
}

.hover\:border-teal-50:hover {
  border-color: var(--p-teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--p-teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--p-teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--p-teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--p-teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--p-teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--p-teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--p-teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--p-teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--p-teal-900) !important;
}

.active\:border-teal-50:active {
  border-color: var(--p-teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--p-teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--p-teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--p-teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--p-teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--p-teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--p-teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--p-teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--p-teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--p-teal-900) !important;
}

.border-orange-50 {
  border-color: var(--p-orange-50) !important;
}
.border-orange-100 {
  border-color: var(--p-orange-100) !important;
}
.border-orange-200 {
  border-color: var(--p-orange-200) !important;
}
.border-orange-300 {
  border-color: var(--p-orange-300) !important;
}
.border-orange-400 {
  border-color: var(--p-orange-400) !important;
}
.border-orange-500 {
  border-color: var(--p-orange-500) !important;
}
.border-orange-600 {
  border-color: var(--p-orange-600) !important;
}
.border-orange-700 {
  border-color: var(--p-orange-700) !important;
}
.border-orange-800 {
  border-color: var(--p-orange-800) !important;
}
.border-orange-900 {
  border-color: var(--p-orange-900) !important;
}

.focus\:border-orange-50:focus {
  border-color: var(--p-orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--p-orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--p-orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--p-orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--p-orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--p-orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--p-orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--p-orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--p-orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--p-orange-900) !important;
}

.hover\:border-orange-50:hover {
  border-color: var(--p-orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--p-orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--p-orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--p-orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--p-orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--p-orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--p-orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--p-orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--p-orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--p-orange-900) !important;
}

.active\:border-orange-50:active {
  border-color: var(--p-orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--p-orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--p-orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--p-orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--p-orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--p-orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--p-orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--p-orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--p-orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--p-orange-900) !important;
}

.border-bluegray-50 {
  border-color: var(--p-bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--p-bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--p-bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--p-bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--p-bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--p-bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--p-bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--p-bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--p-bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--p-bluegray-900) !important;
}

.focus\:border-bluegray-50:focus {
  border-color: var(--p-bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--p-bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--p-bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--p-bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--p-bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--p-bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--p-bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--p-bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--p-bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--p-bluegray-900) !important;
}

.hover\:border-bluegray-50:hover {
  border-color: var(--p-bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--p-bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--p-bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--p-bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--p-bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--p-bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--p-bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--p-bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--p-bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--p-bluegray-900) !important;
}

.active\:border-bluegray-50:active {
  border-color: var(--p-bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--p-bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--p-bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--p-bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--p-bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--p-bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--p-bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--p-bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--p-bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--p-bluegray-900) !important;
}

.border-purple-50 {
  border-color: var(--p-purple-50) !important;
}
.border-purple-100 {
  border-color: var(--p-purple-100) !important;
}
.border-purple-200 {
  border-color: var(--p-purple-200) !important;
}
.border-purple-300 {
  border-color: var(--p-purple-300) !important;
}
.border-purple-400 {
  border-color: var(--p-purple-400) !important;
}
.border-purple-500 {
  border-color: var(--p-purple-500) !important;
}
.border-purple-600 {
  border-color: var(--p-purple-600) !important;
}
.border-purple-700 {
  border-color: var(--p-purple-700) !important;
}
.border-purple-800 {
  border-color: var(--p-purple-800) !important;
}
.border-purple-900 {
  border-color: var(--p-purple-900) !important;
}

.focus\:border-purple-50:focus {
  border-color: var(--p-purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--p-purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--p-purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--p-purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--p-purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--p-purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--p-purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--p-purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--p-purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--p-purple-900) !important;
}

.hover\:border-purple-50:hover {
  border-color: var(--p-purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--p-purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--p-purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--p-purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--p-purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--p-purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--p-purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--p-purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--p-purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--p-purple-900) !important;
}

.active\:border-purple-50:active {
  border-color: var(--p-purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--p-purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--p-purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--p-purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--p-purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--p-purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--p-purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--p-purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--p-purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--p-purple-900) !important;
}

.border-gray-50 {
  border-color: var(--p-gray-50) !important;
}
.border-gray-100 {
  border-color: var(--p-gray-100) !important;
}
.border-gray-200 {
  border-color: var(--p-gray-200) !important;
}
.border-gray-300 {
  border-color: var(--p-gray-300) !important;
}
.border-gray-400 {
  border-color: var(--p-gray-400) !important;
}
.border-gray-500 {
  border-color: var(--p-gray-500) !important;
}
.border-gray-600 {
  border-color: var(--p-gray-600) !important;
}
.border-gray-700 {
  border-color: var(--p-gray-700) !important;
}
.border-gray-800 {
  border-color: var(--p-gray-800) !important;
}
.border-gray-900 {
  border-color: var(--p-gray-900) !important;
}

.focus\:border-gray-50:focus {
  border-color: var(--p-gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--p-gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--p-gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--p-gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--p-gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--p-gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--p-gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--p-gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--p-gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--p-gray-900) !important;
}

.hover\:border-gray-50:hover {
  border-color: var(--p-gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--p-gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--p-gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--p-gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--p-gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--p-gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--p-gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--p-gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--p-gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--p-gray-900) !important;
}

.active\:border-gray-50:active {
  border-color: var(--p-gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--p-gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--p-gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--p-gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--p-gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--p-gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--p-gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--p-gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--p-gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--p-gray-900) !important;
}

.border-red-50 {
  border-color: var(--p-red-50) !important;
}
.border-red-100 {
  border-color: var(--p-red-100) !important;
}
.border-red-200 {
  border-color: var(--p-red-200) !important;
}
.border-red-300 {
  border-color: var(--p-red-300) !important;
}
.border-red-400 {
  border-color: var(--p-red-400) !important;
}
.border-red-500 {
  border-color: var(--p-red-500) !important;
}
.border-red-600 {
  border-color: var(--p-red-600) !important;
}
.border-red-700 {
  border-color: var(--p-red-700) !important;
}
.border-red-800 {
  border-color: var(--p-red-800) !important;
}
.border-red-900 {
  border-color: var(--p-red-900) !important;
}

.focus\:border-red-50:focus {
  border-color: var(--p-red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--p-red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--p-red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--p-red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--p-red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--p-red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--p-red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--p-red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--p-red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--p-red-900) !important;
}

.hover\:border-red-50:hover {
  border-color: var(--p-red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--p-red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--p-red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--p-red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--p-red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--p-red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--p-red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--p-red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--p-red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--p-red-900) !important;
}

.active\:border-red-50:active {
  border-color: var(--p-red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--p-red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--p-red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--p-red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--p-red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--p-red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--p-red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--p-red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--p-red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--p-red-900) !important;
}

.border-primary-50 {
  border-color: var(--p-primary-50) !important;
}
.border-primary-100 {
  border-color: var(--p-primary-100) !important;
}
.border-primary-200 {
  border-color: var(--p-primary-200) !important;
}
.border-primary-300 {
  border-color: var(--p-primary-300) !important;
}
.border-primary-400 {
  border-color: var(--p-primary-400) !important;
}
.border-primary-500 {
  border-color: var(--p-primary-500) !important;
}
.border-primary-600 {
  border-color: var(--p-primary-600) !important;
}
.border-primary-700 {
  border-color: var(--p-primary-700) !important;
}
.border-primary-800 {
  border-color: var(--p-primary-800) !important;
}
.border-primary-900 {
  border-color: var(--p-primary-900) !important;
}

.focus\:border-primary-50:focus {
  border-color: var(--p-primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--p-primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--p-primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--p-primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--p-primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--p-primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--p-primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--p-primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--p-primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--p-primary-900) !important;
}

.hover\:border-primary-50:hover {
  border-color: var(--p-primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--p-primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--p-primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--p-primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--p-primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--p-primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--p-primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--p-primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--p-primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--p-primary-900) !important;
}

.active\:border-primary-50:active {
  border-color: var(--p-primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--p-primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--p-primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--p-primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--p-primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--p-primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--p-primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--p-primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--p-primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--p-primary-900) !important;
}

.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) !important;
}

.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) !important;
}

.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) !important;
}

.active\:bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) !important;
}

.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) !important;
}

.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) !important;
}

.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) !important;
}

.active\:bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) !important;
}

.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) !important;
}

.hover\:border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) !important;
}

.focus\:border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) !important;
}

.active\:border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) !important;
}

.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) !important;
}

.hover\:border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) !important;
}

.focus\:border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) !important;
}

.active\:border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) !important;
}

.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) !important;
}

.hover\:text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) !important;
}

.focus\:text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) !important;
}

.active\:text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) !important;
}

.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) !important;
}

.hover\:text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) !important;
}

.focus\:text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) !important;
}

.active\:text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) !important;
}

.text-primary {
  color: var(--p-primary-color) !important;
}

.bg-primary {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}

.bg-primary-reverse {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}

.bg-white {
  background-color: #ffffff !important;
}

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

.text-white {
  color: #ffffff !important;
}

.border-white {
  border-color: #ffffff !important;
}

.text-color {
  color: var(--p-text-color) !important;
}

.text-color-secondary {
  color: var(--p-text-muted-color) !important;
}

.surface-ground {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}

.surface-section {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}

.surface-card {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.surface-overlay {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.surface-hover {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}

.surface-border {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}

.focus\:text-primary:focus {
  color: var(--p-primary-color) !important;
}

.hover\:text-primary:hover {
  color: var(--p-primary-color) !important;
}

.active\:text-primary:active {
  color: var(--p-primary-color) !important;
}

.focus\:bg-primary:focus {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}

.hover\:bg-primary:hover {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}

.active\:bg-primary:active {
  color: var(--p-primary-contrast-color) !important;
  background-color: var(--p-primary-color) !important;
}

.focus\:bg-primary-reverse:focus {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}

.hover\:bg-primary-reverse:hover {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}

.active\:bg-primary-reverse:active {
  color: var(--p-primary-color) !important;
  background-color: var(--p-primary-contrast-color) !important;
}

.focus\:bg-white:focus {
  background-color: #ffffff !important;
}

.hover\:bg-white:hover {
  background-color: #ffffff !important;
}

.active\:bg-white:active {
  background-color: #ffffff !important;
}

.focus\:border-primary:focus {
  border-color: var(--p-primary-color) !important;
}

.hover\:border-primary:hover {
  border-color: var(--p-primary-color) !important;
}

.active\:border-primary:active {
  border-color: var(--p-primary-color) !important;
}

.focus\:text-white:focus {
  color: #ffffff !important;
}

.hover\:text-white:hover {
  color: #ffffff !important;
}

.active\:text-white:active {
  color: #ffffff !important;
}

.focus\:border-white:focus {
  border-color: #ffffff !important;
}

.hover\:border-white:hover {
  border-color: #ffffff !important;
}

.active\:border-white:active {
  border-color: #ffffff !important;
}

.focus\:text-color:focus {
  color: var(--p-text-color) !important;
}

.hover\:text-color:hover {
  color: var(--p-text-color) !important;
}

.active\:text-color:active {
  color: var(--p-text-color) !important;
}

.focus\:text-color-secondary:focus {
  color: var(--p-text-muted-color) !important;
}

.hover\:text-color-secondary:hover {
  color: var(--p-text-muted-color) !important;
}

.active\:text-color-secondary:active {
  color: var(--p-text-muted-color) !important;
}

.focus\:surface-ground:focus {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}

.hover\:surface-ground:hover {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}

.active\:surface-ground:active {
  background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
}

.focus\:surface-section:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}

.hover\:surface-section:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}

.active\:surface-section:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
}

.focus\:surface-card:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.hover\:surface-card:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.active\:surface-card:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.focus\:surface-overlay:focus {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.hover\:surface-overlay:hover {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.active\:surface-overlay:active {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.focus\:surface-hover:focus {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}

.hover\:surface-hover:hover {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}

.active\:surface-hover:active {
  background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
}

.focus\:surface-border:focus {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}

.hover\:surface-border:hover {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}

.active\:surface-border:active {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}

@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--p-text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--p-text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .md\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .md\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--p-text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--p-primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--p-text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
}
.field {
  margin-bottom: 1rem;
}

.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.field.grid > label {
  display: flex;
  align-items: center;
}

.field > small {
  margin-top: 0.25rem;
}

.field.grid,
.formgrid.grid {
  margin-top: 0;
}

.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}

.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

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

.flex {
  display: flex !important;
}

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

@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.no-underline {
  text-decoration: none !important;
}

.focus\:underline:focus {
  text-decoration: underline !important;
}

.hover\:underline:hover {
  text-decoration: underline !important;
}

.active\:underline:active {
  text-decoration: underline !important;
}

.focus\:line-through:focus {
  text-decoration: line-through !important;
}

.hover\:line-through:hover {
  text-decoration: line-through !important;
}

.active\:line-through:active {
  text-decoration: line-through !important;
}

.focus\:no-underline:focus {
  text-decoration: none !important;
}

.hover\:no-underline:hover {
  text-decoration: none !important;
}

.active\:no-underline:active {
  text-decoration: none !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.text-overflow-clip {
  text-overflow: clip !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-base {
  font-size: 1rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

.text-xl {
  font-size: 1.25rem !important;
}

.text-2xl {
  font-size: 1.5rem !important;
}

.text-3xl {
  font-size: 1.75rem !important;
}

.text-4xl {
  font-size: 2rem !important;
}

.text-5xl {
  font-size: 2.5rem !important;
}

.text-6xl {
  font-size: 3rem !important;
}

.text-7xl {
  font-size: 4rem !important;
}

.text-8xl {
  font-size: 6rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}

.line-height-2 {
  line-height: 1.25 !important;
}

.line-height-3 {
  line-height: 1.5 !important;
}

.line-height-4 {
  line-height: 2 !important;
}

.white-space-normal {
  white-space: normal !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

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

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

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

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

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

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

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

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

@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

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

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

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

@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !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;
}

@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !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-evenly {
  align-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !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-stretch {
  align-self: stretch !important;
}

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

@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}

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

.flex-order-2 {
  order: 2 !important;
}

.flex-order-3 {
  order: 3 !important;
}

.flex-order-4 {
  order: 4 !important;
}

.flex-order-5 {
  order: 5 !important;
}

.flex-order-6 {
  order: 6 !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}

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

.flex-initial {
  flex: 0 1 auto !important;
}

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

@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}

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

@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

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

@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}

.gap-6 {
  gap: 3rem !important;
}

.gap-7 {
  gap: 4rem !important;
}

.gap-8 {
  gap: 5rem !important;
}

.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}

.row-gap-6 {
  row-gap: 3rem !important;
}

.row-gap-7 {
  row-gap: 4rem !important;
}

.row-gap-8 {
  row-gap: 5rem !important;
}

.column-gap-0 {
  column-gap: 0rem !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 2rem !important;
}

.column-gap-6 {
  column-gap: 3rem !important;
}

.column-gap-7 {
  column-gap: 4rem !important;
}

.column-gap-8 {
  column-gap: 5rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.p-7 {
  padding: 4rem !important;
}

.p-8 {
  padding: 5rem !important;
}

.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pt-7 {
  padding-top: 4rem !important;
}

.pt-8 {
  padding-top: 5rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 2rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pr-7 {
  padding-right: 4rem !important;
}

.pr-8 {
  padding-right: 5rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 2rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.pl-7 {
  padding-left: 4rem !important;
}

.pl-8 {
  padding-left: 5rem !important;
}

.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pb-7 {
  padding-bottom: 4rem !important;
}

.pb-8 {
  padding-bottom: 5rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.m-7 {
  margin: 4rem !important;
}

.m-8 {
  margin: 5rem !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: -2rem !important;
}

.-m-6 {
  margin: -3rem !important;
}

.-m-7 {
  margin: -4rem !important;
}

.-m-8 {
  margin: -5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mt-7 {
  margin-top: 4rem !important;
}

.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}

.-mt-6 {
  margin-top: -3rem !important;
}

.-mt-7 {
  margin-top: -4rem !important;
}

.-mt-8 {
  margin-top: -5rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 2rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mr-7 {
  margin-right: 4rem !important;
}

.mr-8 {
  margin-right: 5rem !important;
}

.-mr-1 {
  margin-right: -0.25rem !important;
}

.-mr-2 {
  margin-right: -0.5rem !important;
}

.-mr-3 {
  margin-right: -1rem !important;
}

.-mr-4 {
  margin-right: -1.5rem !important;
}

.-mr-5 {
  margin-right: -2rem !important;
}

.-mr-6 {
  margin-right: -3rem !important;
}

.-mr-7 {
  margin-right: -4rem !important;
}

.-mr-8 {
  margin-right: -5rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 2rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.ml-7 {
  margin-left: 4rem !important;
}

.ml-8 {
  margin-left: 5rem !important;
}

.-ml-1 {
  margin-left: -0.25rem !important;
}

.-ml-2 {
  margin-left: -0.5rem !important;
}

.-ml-3 {
  margin-left: -1rem !important;
}

.-ml-4 {
  margin-left: -1.5rem !important;
}

.-ml-5 {
  margin-left: -2rem !important;
}

.-ml-6 {
  margin-left: -3rem !important;
}

.-ml-7 {
  margin-left: -4rem !important;
}

.-ml-8 {
  margin-left: -5rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.mb-7 {
  margin-bottom: 4rem !important;
}

.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}

.-mb-6 {
  margin-bottom: -3rem !important;
}

.-mb-7 {
  margin-bottom: -4rem !important;
}

.-mb-8 {
  margin-bottom: -5rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}

.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}

.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}

.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}

.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}

.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

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

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

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

.focus\:shadow-1:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.hover\:shadow-1:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.active\:shadow-1:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.focus\:shadow-2:focus {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.hover\:shadow-2:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.active\:shadow-2:active {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.focus\:shadow-3:focus {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.hover\:shadow-3:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.active\:shadow-3:active {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.focus\:shadow-4:focus {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.hover\:shadow-4:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.active\:shadow-4:active {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.focus\:shadow-5:focus {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.hover\:shadow-5:hover {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.active\:shadow-5:active {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

.focus\:shadow-6:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.hover\:shadow-6:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.active\:shadow-6:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}

.focus\:shadow-7:focus {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.hover\:shadow-7:hover {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.active\:shadow-7:active {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}

.focus\:shadow-8:focus {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

.hover\:shadow-8:hover {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

.active\:shadow-8:active {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}

@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}

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

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

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

.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}

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

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

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

.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}

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

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

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

.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}

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

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

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

.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}

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

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

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

.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}

.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}

.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}

.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}

.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}

.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}

.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}

.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}

@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}

.border-round {
  border-radius: var(--p-content-border-radius) !important;
}

.border-round-xs {
  border-radius: 0.125rem !important;
}

.border-round-sm {
  border-radius: 0.25rem !important;
}

.border-round-md {
  border-radius: 0.375rem !important;
}

.border-round-lg {
  border-radius: 0.5rem !important;
}

.border-round-xl {
  border-radius: 0.75rem !important;
}

.border-round-2xl {
  border-radius: 1rem !important;
}

.border-round-3xl {
  border-radius: 1.5rem !important;
}

.border-circle {
  border-radius: 50% !important;
}

@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-round-left {
  border-top-left-radius: var(--p-content-border-radius) !important;
  border-bottom-left-radius: var(--p-content-border-radius) !important;
}

.border-round-top {
  border-top-left-radius: var(--p-content-border-radius) !important;
  border-top-right-radius: var(--p-content-border-radius) !important;
}

.border-round-right {
  border-top-right-radius: var(--p-content-border-radius) !important;
  border-bottom-right-radius: var(--p-content-border-radius) !important;
}

.border-round-bottom {
  border-bottom-left-radius: var(--p-content-border-radius) !important;
  border-bottom-right-radius: var(--p-content-border-radius) !important;
}

.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}

.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}

.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}

.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}

.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}

.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}

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

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

.w-1 {
  width: 8.3333% !important;
}

.w-2 {
  width: 16.6667% !important;
}

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

.w-4 {
  width: 33.3333% !important;
}

.w-5 {
  width: 41.6667% !important;
}

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

.w-7 {
  width: 58.3333% !important;
}

.w-8 {
  width: 66.6667% !important;
}

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

.w-10 {
  width: 83.3333% !important;
}

.w-11 {
  width: 91.6667% !important;
}

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

.w-min {
  width: min-content !important;
}

.w-max {
  width: max-content !important;
}

.w-fit {
  width: fit-content !important;
}

.w-1rem {
  width: 1rem !important;
}

.w-2rem {
  width: 2rem !important;
}

.w-3rem {
  width: 3rem !important;
}

.w-4rem {
  width: 4rem !important;
}

.w-5rem {
  width: 5rem !important;
}

.w-6rem {
  width: 6rem !important;
}

.w-7rem {
  width: 7rem !important;
}

.w-8rem {
  width: 8rem !important;
}

.w-9rem {
  width: 9rem !important;
}

.w-10rem {
  width: 10rem !important;
}

.w-11rem {
  width: 11rem !important;
}

.w-12rem {
  width: 12rem !important;
}

.w-13rem {
  width: 13rem !important;
}

.w-14rem {
  width: 14rem !important;
}

.w-15rem {
  width: 15rem !important;
}

.w-16rem {
  width: 16rem !important;
}

.w-17rem {
  width: 17rem !important;
}

.w-18rem {
  width: 18rem !important;
}

.w-19rem {
  width: 19rem !important;
}

.w-20rem {
  width: 20rem !important;
}

.w-21rem {
  width: 21rem !important;
}

.w-22rem {
  width: 22rem !important;
}

.w-23rem {
  width: 23rem !important;
}

.w-24rem {
  width: 24rem !important;
}

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

.w-26rem {
  width: 26rem !important;
}

.w-27rem {
  width: 27rem !important;
}

.w-28rem {
  width: 28rem !important;
}

.w-29rem {
  width: 29rem !important;
}

.w-30rem {
  width: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: min-content !important;
  }
  .sm\:w-max {
    width: max-content !important;
  }
  .sm\:w-fit {
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: min-content !important;
  }
  .md\:w-max {
    width: max-content !important;
  }
  .md\:w-fit {
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: min-content !important;
  }
  .lg\:w-max {
    width: max-content !important;
  }
  .lg\:w-fit {
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: min-content !important;
  }
  .xl\:w-max {
    width: max-content !important;
  }
  .xl\:w-fit {
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}

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

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

.h-min {
  height: min-content !important;
}

.h-max {
  height: max-content !important;
}

.h-fit {
  height: fit-content !important;
}

.h-1rem {
  height: 1rem !important;
}

.h-2rem {
  height: 2rem !important;
}

.h-3rem {
  height: 3rem !important;
}

.h-4rem {
  height: 4rem !important;
}

.h-5rem {
  height: 5rem !important;
}

.h-6rem {
  height: 6rem !important;
}

.h-7rem {
  height: 7rem !important;
}

.h-8rem {
  height: 8rem !important;
}

.h-9rem {
  height: 9rem !important;
}

.h-10rem {
  height: 10rem !important;
}

.h-11rem {
  height: 11rem !important;
}

.h-12rem {
  height: 12rem !important;
}

.h-13rem {
  height: 13rem !important;
}

.h-14rem {
  height: 14rem !important;
}

.h-15rem {
  height: 15rem !important;
}

.h-16rem {
  height: 16rem !important;
}

.h-17rem {
  height: 17rem !important;
}

.h-18rem {
  height: 18rem !important;
}

.h-19rem {
  height: 19rem !important;
}

.h-20rem {
  height: 20rem !important;
}

.h-21rem {
  height: 21rem !important;
}

.h-22rem {
  height: 22rem !important;
}

.h-23rem {
  height: 23rem !important;
}

.h-24rem {
  height: 24rem !important;
}

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

.h-26rem {
  height: 26rem !important;
}

.h-27rem {
  height: 27rem !important;
}

.h-28rem {
  height: 28rem !important;
}

.h-29rem {
  height: 29rem !important;
}

.h-30rem {
  height: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: min-content !important;
  }
  .sm\:h-max {
    height: max-content !important;
  }
  .sm\:h-fit {
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: min-content !important;
  }
  .md\:h-max {
    height: max-content !important;
  }
  .md\:h-fit {
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: min-content !important;
  }
  .lg\:h-max {
    height: max-content !important;
  }
  .lg\:h-fit {
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: min-content !important;
  }
  .xl\:h-max {
    height: max-content !important;
  }
  .xl\:h-fit {
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}

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

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

.min-w-min {
  min-width: min-content !important;
}

.min-w-max {
  min-width: max-content !important;
}

@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}

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

.max-w-screen {
  max-width: 100vw !important;
}

.max-w-min {
  max-width: min-content !important;
}

.max-w-max {
  max-width: max-content !important;
}

.max-w-fit {
  max-width: fit-content !important;
}

.max-w-1rem {
  max-width: 1rem !important;
}

.max-w-2rem {
  max-width: 2rem !important;
}

.max-w-3rem {
  max-width: 3rem !important;
}

.max-w-4rem {
  max-width: 4rem !important;
}

.max-w-5rem {
  max-width: 5rem !important;
}

.max-w-6rem {
  max-width: 6rem !important;
}

.max-w-7rem {
  max-width: 7rem !important;
}

.max-w-8rem {
  max-width: 8rem !important;
}

.max-w-9rem {
  max-width: 9rem !important;
}

.max-w-10rem {
  max-width: 10rem !important;
}

.max-w-11rem {
  max-width: 11rem !important;
}

.max-w-12rem {
  max-width: 12rem !important;
}

.max-w-13rem {
  max-width: 13rem !important;
}

.max-w-14rem {
  max-width: 14rem !important;
}

.max-w-15rem {
  max-width: 15rem !important;
}

.max-w-16rem {
  max-width: 16rem !important;
}

.max-w-17rem {
  max-width: 17rem !important;
}

.max-w-18rem {
  max-width: 18rem !important;
}

.max-w-19rem {
  max-width: 19rem !important;
}

.max-w-20rem {
  max-width: 20rem !important;
}

.max-w-21rem {
  max-width: 21rem !important;
}

.max-w-22rem {
  max-width: 22rem !important;
}

.max-w-23rem {
  max-width: 23rem !important;
}

.max-w-24rem {
  max-width: 24rem !important;
}

.max-w-25rem {
  max-width: 25rem !important;
}

.max-w-26rem {
  max-width: 26rem !important;
}

.max-w-27rem {
  max-width: 27rem !important;
}

.max-w-28rem {
  max-width: 28rem !important;
}

.max-w-29rem {
  max-width: 29rem !important;
}

.max-w-30rem {
  max-width: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}

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

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

@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}

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

.max-h-screen {
  max-height: 100vh !important;
}

.max-h-min {
  max-height: min-content !important;
}

.max-h-max {
  max-height: max-content !important;
}

.max-h-fit {
  max-height: fit-content !important;
}

.max-h-1rem {
  max-height: 1rem !important;
}

.max-h-2rem {
  max-height: 2rem !important;
}

.max-h-3rem {
  max-height: 3rem !important;
}

.max-h-4rem {
  max-height: 4rem !important;
}

.max-h-5rem {
  max-height: 5rem !important;
}

.max-h-6rem {
  max-height: 6rem !important;
}

.max-h-7rem {
  max-height: 7rem !important;
}

.max-h-8rem {
  max-height: 8rem !important;
}

.max-h-9rem {
  max-height: 9rem !important;
}

.max-h-10rem {
  max-height: 10rem !important;
}

.max-h-11rem {
  max-height: 11rem !important;
}

.max-h-12rem {
  max-height: 12rem !important;
}

.max-h-13rem {
  max-height: 13rem !important;
}

.max-h-14rem {
  max-height: 14rem !important;
}

.max-h-15rem {
  max-height: 15rem !important;
}

.max-h-16rem {
  max-height: 16rem !important;
}

.max-h-17rem {
  max-height: 17rem !important;
}

.max-h-18rem {
  max-height: 18rem !important;
}

.max-h-19rem {
  max-height: 19rem !important;
}

.max-h-20rem {
  max-height: 20rem !important;
}

.max-h-21rem {
  max-height: 21rem !important;
}

.max-h-22rem {
  max-height: 22rem !important;
}

.max-h-23rem {
  max-height: 23rem !important;
}

.max-h-24rem {
  max-height: 24rem !important;
}

.max-h-25rem {
  max-height: 25rem !important;
}

.max-h-26rem {
  max-height: 26rem !important;
}

.max-h-27rem {
  max-height: 27rem !important;
}

.max-h-28rem {
  max-height: 28rem !important;
}

.max-h-29rem {
  max-height: 29rem !important;
}

.max-h-30rem {
  max-height: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}

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

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

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

@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}

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

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

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

@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}

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

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

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

@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}

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

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

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

@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

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

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

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

@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}

@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}

@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
}

.bg-repeat-y {
  background-repeat: repeat-y !important;
}

.bg-repeat-round {
  background-repeat: round !important;
}

.bg-repeat-space {
  background-repeat: space !important;
}

@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}

.bg-cover {
  background-size: cover !important;
}

.bg-contain {
  background-size: contain !important;
}

@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}

.bg-center {
  background-position: center !important;
}

.bg-left {
  background-position: left !important;
}

.bg-left-bottom {
  background-position: left bottom !important;
}

.bg-left-top {
  background-position: left top !important;
}

.bg-right {
  background-position: right !important;
}

.bg-right-bottom {
  background-position: right bottom !important;
}

.bg-right-top {
  background-position: right top !important;
}

.bg-top {
  background-position: top !important;
}

@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  user-select: none !important;
}

.select-text {
  user-select: text !important;
}

.select-all {
  user-select: all !important;
}

.select-auto {
  user-select: auto !important;
}

.list-none {
  list-style: none !important;
}

.list-disc {
  list-style: disc !important;
}

.list-decimal {
  list-style: decimal !important;
}

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

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

.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

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

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-move {
  cursor: move !important;
}

.select-none {
  user-select: none !important;
}

.select-text {
  user-select: text !important;
}

.select-all {
  user-select: all !important;
}

.select-auto {
  user-select: auto !important;
}

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

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

.opacity-20 {
  opacity: .2 !important;
}

.opacity-30 {
  opacity: .3 !important;
}

.opacity-40 {
  opacity: .4 !important;
}

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

.opacity-60 {
  opacity: .6 !important;
}

.opacity-70 {
  opacity: .7 !important;
}

.opacity-80 {
  opacity: .8 !important;
}

.opacity-90 {
  opacity: .9 !important;
}

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

.reset {
  all: unset;
}

.transition-none {
  transition-property: none !important;
}

.transition-all {
  transition-property: all !important;
}

.transition-colors {
  transition-property: background-color,border-color,color !important;
}

.transition-transform {
  transition-property: transform !important;
}

.transition-duration-100 {
  transition-duration: 100ms !important;
}

.transition-duration-150 {
  transition-duration: 150ms !important;
}

.transition-duration-200 {
  transition-duration: 200ms !important;
}

.transition-duration-300 {
  transition-duration: 300ms !important;
}

.transition-duration-400 {
  transition-duration: 400ms !important;
}

.transition-duration-500 {
  transition-duration: 500ms !important;
}

.transition-duration-1000 {
  transition-duration: 1000ms !important;
}

.transition-duration-2000 {
  transition-duration: 2000ms !important;
}

.transition-duration-3000 {
  transition-duration: 3000ms !important;
}

.transition-linear {
  transition-timing-function: linear !important;
}

.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.transition-delay-100 {
  transition-delay: 100ms !important;
}

.transition-delay-150 {
  transition-delay: 150ms !important;
}

.transition-delay-200 {
  transition-delay: 200ms !important;
}

.transition-delay-300 {
  transition-delay: 300ms !important;
}

.transition-delay-400 {
  transition-delay: 400ms !important;
}

.transition-delay-500 {
  transition-delay: 500ms !important;
}

.transition-delay-1000 {
  transition-delay: 1000ms !important;
}

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

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

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

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

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

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

@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}

.-rotate-45 {
  transform: rotate(-45deg) !important;
}

.rotate-90 {
  transform: rotate(90deg) !important;
}

.-rotate-90 {
  transform: rotate(-90deg) !important;
}

.rotate-180 {
  transform: rotate(180deg) !important;
}

.-rotate-180 {
  transform: rotate(-180deg) !important;
}

@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}

.origin-top {
  transform-origin: top !important;
}

.origin-top-right {
  transform-origin: top right !important;
}

.origin-right {
  transform-origin: right !important;
}

.origin-bottom-right {
  transform-origin: bottom right !important;
}

.origin-bottom {
  transform-origin: bottom !important;
}

.origin-bottom-left {
  transform-origin: bottom left !important;
}

.origin-left {
  transform-origin: left !important;
}

.origin-top-left {
  transform-origin: top-left !important;
}

@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}

.fadeout {
  animation: fadeout 0.15s linear;
}

.slidedown {
  animation: slidedown 0.45s ease-in-out;
}

.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}

.scalein {
  animation: scalein 0.15s linear;
}

.fadeinleft {
  animation: fadeinleft 0.15s linear;
}

.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}

.fadeinright {
  animation: fadeinright 0.15s linear;
}

.fadeoutright {
  animation: fadeoutright 0.15s linear;
}

.fadeinup {
  animation: fadeinup 0.15s linear;
}

.fadeoutup {
  animation: fadeoutup 0.15s linear;
}

.fadeindown {
  animation: fadeindown 0.15s linear;
}

.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}

.animate-width {
  animation: animate-width 1000ms linear;
}

.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}

.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}

.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}

.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}

.zoomin {
  animation: zoomin 0.15s linear;
}

.zoomindown {
  animation: zoomindown 0.15s linear;
}

.zoominleft {
  animation: zoominleft 0.15s linear;
}

.zoominright {
  animation: zoominright 0.15s linear;
}

.zoominup {
  animation: zoominup 0.15s linear;
}

.animation-duration-100 {
  animation-duration: 100ms !important;
}

.animation-duration-150 {
  animation-duration: 150ms !important;
}

.animation-duration-200 {
  animation-duration: 200ms !important;
}

.animation-duration-300 {
  animation-duration: 300ms !important;
}

.animation-duration-400 {
  animation-duration: 400ms !important;
}

.animation-duration-500 {
  animation-duration: 500ms !important;
}

.animation-duration-1000 {
  animation-duration: 1000ms !important;
}

.animation-duration-2000 {
  animation-duration: 2000ms !important;
}

.animation-duration-3000 {
  animation-duration: 3000ms !important;
}

.animation-delay-100 {
  animation-delay: 100ms !important;
}

.animation-delay-150 {
  animation-delay: 150ms !important;
}

.animation-delay-200 {
  animation-delay: 200ms !important;
}

.animation-delay-300 {
  animation-delay: 300ms !important;
}

.animation-delay-400 {
  animation-delay: 400ms !important;
}

.animation-delay-500 {
  animation-delay: 500ms !important;
}

.animation-delay-1000 {
  animation-delay: 1000ms !important;
}

.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}

.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}

.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}

.animation-linear {
  animation-timing-function: linear !important;
}

.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.animation-fill-none {
  animation-fill-mode: none !important;
}

.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}

.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}

.animation-fill-both {
  animation-fill-mode: both !important;
}
/* CSS Variables */
:root {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --spacing-small: 0.5rem;
    --spacing-medium: 1rem;
    --spacing-large: 2rem;
    --box-shadow-small: 0px 1px 3px rgba(0, 0, 0, 0.12);
    --box-shadow-medium: 0px 3px 6px rgba(0, 0, 0, 0.16);
    --transition-duration: 0.3s;
    --accent-background-light: var(--p-surface-100);
    /* light gray */
    --accent-background-dark: var(--p-surface-700);
    --accent-ground: var(--accent-background-light);
    /* pretty dark */
    --surface-ground: var(--accent-background-light);
    --p-form-field-background: unset !important;
}

/* Base Styles */
html {
    background-color: var(--p-content-background);
}

body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;
    overflow-y: hidden;
    background-color: var(--p-content-background);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
        Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    color: var(--p-text-color);
}

body.cs-dark,
html.cs-dark {
    --accent-ground: var(--accent-background-dark) !important;
    --p-overlay-select-background: var(--accent-background-dark) !important;
    --p-text-color: white !important;
}

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


/* Typography */
.simple-header-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: var(--spacing-medium);
    flex-grow: 1;
    align-self: center;
}

.dashboard-header {
    height: 80px !important;
}

.header-tab-item {
    color: var(--p-text-color) !important;
    min-width: 3em;
    max-height: 3em;
    font-size: 22px;
    /* padding: 0 !important; */
    margin-left: 2px;

    background-color: unset !important;
    border: 0px !important;
    border-bottom: 2px solid !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    /* Added to remove border radius */
}

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



.sidebar-toggle-button {
    border: none !important;
    color: var(--p-content-color) !important;
    background-color: unset !important;
    font-size: 2rem !important;
    margin: 10px !important;
    padding: 0 !important;
    align-self: flex-start;
    /* margin-left: 0.5rem !important; */
}

.popup-panel {
    background-color: var(--accent-ground) !important;

    /* border-width: 0 0 1px 0; */

    box-shadow: var(--p-surface-500) 0px 0px 5px;
    border-radius: 10px;
}


.article-preview {
    height: 100%;
    max-height: unset !important;
    width: 100%;
    border-radius: 0;
    overflow-y: auto;
    padding: 0;
}

.p-splitter {
    background-color: unset !important;
    color: unset !important;
}

.p-splitter-gutton {
    opacity: 0.5;
}

/* Scrollbar */
html {
    overflow: hidden;
    scrollbar-color: auto transparent;

    /* For WebKit browsers */
    ::-webkit-scrollbar {
        width: 5px;
        direction: rtl;
        margin-right: 2px;
        /* Add space between scrollbar and right edge */
        /* Set the width of the scrollbar */
    }

    ::-webkit-scrollbar-track {
        background: transparent;
        margin-left: 2px;
        margin-right: 2px;
        /* Add space between scrollbar and right edge */
        /* this makes the background transparent */
    }

    /* Style the scrollbar on hover - making it wider */
    ::-webkit-scrollbar:hover {
        width: 10px;
        margin-right: 2px;
        /* Maintain spacing on hover */
        /* Wider width on hover */
    }

    /* Optional: Style the thumb (the draggable part of the scrollbar) */
    ::-webkit-scrollbar-thumb {
        background: hsla(0, 0%, 53%, 0.425);
        border-radius: 10px;
        margin-right: 2px;
        /* Color of the thumb */
    }

    /* Optional: Style the thumb on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555 !important;
        /* Darker color on hover */
    }

    /* first color is for the thumb, second is for the track */
}

/* Components */
.p-tabview-tablist {
    background-color: unset !important;
}

.p-datatable-header-cell {
    background-color: unset !important;
}

.p-splitter {
    background-color: unset !important;
}

.p-tabpanels {
    background-color: unset !important;
    color: unset !important;
}

.p-tablist-tab-list {
    background-color: unset !important;
}

.header-toolbar-tabs {
    position: absolute;
    bottom: -1px;
    margin: 0;
    padding: 0;
    z-index: 20;

}

.p-tablist-tab-list .p-tab {
    padding: 10px 13px;
    /* Increase padding for a more comfortable target area */
    font-size: 14px;
    /* Slightly larger, more legible font size */
    cursor: pointer;
    position: relative;
    background-color: var(--p-surface-100);
    /* Needed for positioning the active indicator */
    text-decoration: none;
}

.p-tablist-tab-list .p-tab-active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: var(--p-primary-color);
    /* Use the primary color for the active indicator */
    border-radius: 4px;
}

.p-tabview-panels {
    background-color: unset !important;
    color: unset !important;
}



/* Utilities */
.left-sidebar {
    position: relative;

    .sidebar-handle {
        position: absolute;
        top: 0;
        right: 0;
        width: 5px;
        height: 100%;
        cursor: pointer;
        z-index: 9999;

        &:hover {
            width: 10px;
            background-color: rgba(0, 0, 0, 0.2);
        }
    }

    .sidebar-handle:hover {
        width: 8px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}

.sidebar-container {
    position: relative;


    .left-anchor-handle {
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        cursor: pointer;
        z-index: 9999;

        &:hover {
            width: 10px;
            background-color: rgba(0, 0, 0, 0.2);
        }
    }
}

/* Legend-colored circle icons in context menus */
:root {
    /* Define color CSS variables for each relation type */
    --legend-2ecc71: #2ecc71;
    --legend-3498db: #3498db;
    --legend-95a5a6: #95a5a6;
    --legend-e74c3c: #e74c3c;
    --legend-e67e22: #e67e22;
    --legend-c0392b: #c0392b;
}

/* Apply color to mdi-circle icons in menu items */
.p-menuitem .p-menuitem-icon.mdi-circle {
    color: currentColor;
}:root {
  --sidebar-width: 300px;
  --sidebar-menu-width: 75px;
  --sidebar-menu-height: 75px;
  --scale: 14px;
  --sidebar-menu-size: 10px;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: var(--scale);
}

a {
  text-decoration: none;
}

.no-border {
  border: none;
  background-color: unset !important;
  margin: 0;
  padding: 8px;
}

.layout-wrapper {
  --app-navigation-collapsed-width: var(--sidebar-menu-width);
  --app-navigation-expanded-width: 200px;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
}

.sidebar-menu-icon {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--p-primary-color) !important;
}

.sidebar-menu-title {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--p-text-color);
  margin-top: 4px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}

.left-sidebar {
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.04);
  border-right: 1px solid var(--p-content-border-color, #e5e7eb);
  display: flex;
  height: 100%;
  width: var(--sidebar-width);
  flex-direction: row;
  background-color: var(--p-content-background);
}

.sidepanel-menu-item {
  width: calc(var(--sidebar-menu-width) - var(--sidebar-menu-size));
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  cursor: pointer !important;
  opacity: 0.75;
  border-radius: 8px;
  color: var(--p-text-color) !important;
  padding: 6px 4px;
  margin: 1px 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.sidepanel-menu-item span {
  display: block;
  width: 100%;
}

.sidepanel-menu-item:hover {
  opacity: 1;
  color: var(--p-text-color) !important;
  background-color: var(--p-surface-hover);
  transform: translateY(-1px);
}

.sidepanel-menu-item:hover .sidebar-menu-icon {
  transform: scale(1.1);
}

.active-sidepanel-menu-item {
  color: var(--p-text-color) !important;
  opacity: 1;
  background-color: var(--p-surface-200) !important;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Dark mode override for active menu item */
.cs-dark .active-sidepanel-menu-item {
  background-color: var(--p-surface-700) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.left-sidebar-fixed {
  width: var(--sidebar-menu-width);
}

.left-sidebar-submenu {
  width: calc(var(--sidebar-width) - var(--sidebar-menu-width));
  border-right: 1px solid var(--p-content-border-color);
  border-left: 1px solid var(--p-content-border-color);
}

.left-sidebar-menu {
  padding-top: 8px;
  padding-bottom: 12px;
  align-items: center;
  z-index: 101;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  height: 100%;
  gap: 2px;
  transition:
    width 0.15s cubic-bezier(0, 0.57, 0.21, 0.99),
    box-shadow 0.15s cubic-bezier(0, 0.57, 0.21, 0.99);
}

.right-sidebar-wide {
  min-width: 450px;
}

.right-sidebar {
  height: 100vh;
  border-left: 1px solid var(--p-content-border-color);
  box-shadow: 0 0 0 transparent;
  display: flex;
  width: 450px;
  flex-direction: column;
  position: relative;
  padding: var(--spacing-medium);
  transition:
    width var(--transition-duration) cubic-bezier(0, 0.57, 0.21, 0.99),
    box-shadow var(--transition-duration) cubic-bezier(0, 0.57, 0.21, 0.99);
  z-index: 101;
  box-shadow: var(--box-shadow-medium);
}

.right-sidebar-fixed {
  width: 64px;
}

.right-sidebar-collapsed {
  width: 0;
  padding: 0;
}

.sidebar-logo {
  width: 32px;
  cursor: pointer;
  align-self: left;
}

.dashboard-header {
  width: 100%;
  border-bottom: 1px solid var(--p-content-border-color);
  padding: 5px;
}

/* Global styles for all menu icons - use primary color */
.p-menuitem-icon,
.p-menuitem-link .p-menuitem-icon,
.p-panelmenu-header-link .p-icon,
.p-tieredmenu .p-menuitem-icon {
  color: var(--p-primary-color) !important;
}
.layout-topbar {
    position: fixed;
    height: 5rem;
    z-index: 997;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 2rem;
    background-color: var(--surface-card);
    transition: left var(--transitionDuration);
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08);
}

.layout-topbar-logo {
    display: flex;
    align-items: center;
    color: var(--surface-900);
    font-size: 1.5rem;
    font-weight: 500;
    width: 300px;
    border-radius: 12px;
}

.layout-topbar-logo img {
    height: 2.5rem;
    margin-right: .5rem;
}

.layout-topbar-logo:focus {
    outline: 2px solid var(--focus-color);
}

.layout-topbar-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--text-color-secondary);
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    transition: background-color var(--transitionDuration);
}

.layout-topbar-button:hover {
    color: var(--text-color);
    background-color: var(--surface-hover);
}

.layout-topbar-button:focus {
    outline: 2px solid var(--focus-color);
}

.layout-topbar-button i {
    font-size: 1.5rem;
}

.layout-topbar-button span {
    font-size: 1rem;
    display: none;
}

.layout-menu-button {
    margin-left: 2rem;
}

.layout-topbar-menu-button {
    display: none;
}

.layout-topbar-menu-button i {
    font-size: 1.25rem;
}

.layout-topbar-menu {
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
}

.layout-topbar-menu .layout-topbar-button {
    margin-left: 1rem;
}

@media (max-width: 991px) {
    .layout-topbar {
        justify-content: space-between;
    }

    .layout-topbar-logo {
        width: auto;
        order: 2;
    }

    .layout-menu-button {
        margin-left: 0;
        order: 1;
    }

    .layout-topbar-menu-button {
        display: inline-flex;
        margin-left: 0;
        order: 3;
    }

    .layout-topbar-menu {
        margin-left: 0;
        position: absolute;
        flex-direction: column;
        background-color: var(--surface-overlay);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, .02), 0px 0px 2px rgba(0, 0, 0, .05), 0px 1px 4px rgba(0, 0, 0, .08);
        border-radius: 12px;
        padding: 1rem;
        right: 2rem;
        top: 5rem;
        min-width: 15rem;
        display: none;
        -webkit-animation: scalein 0.15s linear;
        animation: scalein 0.15s linear;
    }

    .layout-topbar-menu.layout-topbar-menu-mobile-active {
        display: block;
    }

    .layout-topbar-menu .layout-topbar-button {
        margin-left: 0;
        display: flex;
        width: 100%;
        height: auto;
        justify-content: flex-start;
        border-radius: 12px;
        padding: 1rem;
    }

    .layout-topbar-menu .layout-topbar-button i {
        font-size: 1rem;
        margin-right: .5rem;
    }

    .layout-topbar-menu .layout-topbar-button span {
        font-weight: medium;
        display: block;
    }
}.layout-sidebar {
    position: fixed;
    width: 300px;
    height: calc(100vh - 9rem);
    z-index: 999;
    overflow-y: auto;
    -webkit-user-select: none;
    user-select: none;
    top: 7rem;
    right: 2rem;
    transition: transform 0.2s, left 0.2s;
    background-color: var(--surface-overlay);
    border-radius: var(--border-radius);
    padding: 0.5rem 1.5rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08);
}

.layout-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* .layout-root-menuitem > .layout-menuitem-root-text */
.layout-root-menuitem>.layout-menuitem-root-text {
    font-size: 0.857rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--surface-900);
    margin: 0.75rem 0;
}

/* .layout-root-menuitem > a */
.layout-root-menuitem>a {
    display: none;
}

.layout-menu a {
    -webkit-user-select: none;
    user-select: none;

}

.layout-menu a.active-menuitem>.layout-submenu-toggler {
    transform: rotate(-180deg);
}

li.active-menuitem>a .layout-submenu-toggler {
    transform: rotate(-180deg);
}

.layout-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.layout-menu ul a {
    display: flex;
    align-items: center;
    position: relative;
    outline: none;
    color: var(--text-color);
    cursor: pointer;
    padding: var(--spacing-medium) var(--spacing-large);
    border-radius: var(--border-radius);
    transition: background-color 0.2s, box-shadow 0.2s;
}

.layout-menu ul a .layout-menuitem-icon {
    margin-right: 0.5rem;
    color: var(--primary-color) !important;
}

.layout-menu ul a .layout-submenu-toggler {
    font-size: 75%;
    margin-left: auto;
    transition: transform 0.2s;
}

.layout-menu ul a.active-route {
    font-weight: 700;
    color: var(--text-color);
}

.layout-menu ul a.active-route .layout-menuitem-icon {
    color: var(--primary-color) !important;
}

.layout-menu ul a:hover {
    background-color: var(--surface-hover);
}

.layout-menu ul ul {
    overflow: hidden;
    border-radius: var(--border-radius);
}

.layout-menu ul ul li a {
    margin-left: var(--spacing-medium);
}

.layout-menu ul ul ul li a {
    margin-left: calc(var(--spacing-medium) * 2);
}

.layout-menu ul ul ul ul li a {
    margin-left: calc(var(--spacing-medium) * 2.5);
}

.layout-menu ul ul ul ul ul li a {
    margin-left: calc(var(--spacing-medium) * 3);
}

.layout-menu ul ul ul ul ul ul li a {
    margin-left: calc(var(--spacing-medium) * 3.5);
}

.layout-menu ul ul ul ul ul ul ul li a {
    margin-left: calc(var(--spacing-medium) * 4);
}

.layout-submenu-enter-from,
.layout-submenu-leave-to {
    max-height: 0;
}

.layout-submenu-enter-to,
.layout-submenu-leave-from {
    max-height: 1000px;
}

.layout-submenu-leave-active {
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}

.layout-submenu-enter-active {
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}
.layout-wrapper .layout-config-button {
    display: block;
    position: fixed;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    background: var(--p-primary);
    color: var(--p-primary-color-text);
    text-align: center;
    top: 50%;
    right: 0;
    margin-top: -1.5rem;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: background-color var(--transition-duration);
    overflow: hidden;
    cursor: pointer;
    z-index: 999;
    box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
}

.layout-wrapper .layout-config-button i {
    font-size: 2rem;
    line-height: inherit;
    transform: rotate(0deg);
    transition: transform 1s;
}

.layout-wrapper .layout-config-button:hover {
    background: var(--p-primary-400);
}

.layout-wrapper .layout-config-sidebar.p-sidebar .p-sidebar-content {
    padding-left: 2rem;
    padding-right: 2rem;
}.layout-main-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
    width: 100%;
    padding: var(--spacing-large) var(--spacing-medium) var(--spacing-medium) var(--spacing-large);
    transition: margin-left 0.2s;
}

.layout-main {
    flex: 1 1 auto;
    height: 100vh;
    /* width: 100% !important; */
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 1960px) {
    .layout-main,
    .landing-wrapper {
        width: auto;
        padding: var(--spacing-large);
    }
}

@media (min-width: 992px) {
    .layout-wrapper.layout-overlay .layout-main-container {
        margin-left: var(--spacing-medium);
        padding-left: var(--spacing-medium);
    }
    .layout-wrapper.layout-overlay .layout-sidebar {
        transform: translateX(-100%);
        left: 0;
        top: 0;
        height: 100vh;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .layout-wrapper.layout-overlay.layout-overlay-active .layout-sidebar {
        transform: translateX(0);
    }
    .layout-wrapper.layout-static .layout-main-container {
        margin-left: 300px;
    }
    .layout-wrapper.layout-static.layout-static-inactive .layout-sidebar {
        transform: translateX(-100%);
        left: 0;
    }
    .layout-wrapper.layout-static.layout-static-inactive .layout-main-container {
        margin-left: 0;
        padding-left: 2rem;
    }
    .layout-wrapper .layout-mask {
        display: none;
    }
}

@media (max-width: 991px) {
    .blocked-scroll {
        overflow: hidden;
    }
    .layout-wrapper .layout-main-container {
        margin-left: 0;
        padding-left: var(--spacing-medium);
    }
    .layout-wrapper .layout-sidebar {
        transform: translateX(-100%);
        left: 0;
        top: 0;
        height: 100vh;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .layout-wrapper .layout-mask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 998;
        width: 100%;
        height: 100%;
        background-color: var(--maskbg);
    }
    .layout-wrapper.layout-mobile-active .layout-sidebar {
        transform: translateX(0);
    }
    .layout-wrapper.layout-mobile-active .layout-mask {
        display: block;
        animation: fadein var(--transition-duration);
    }
}/* Utils */
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.card {
    background: var(--surface-card);
    border: 1px solid var(--surface-border);
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: var(--box-shadow-medium);
    border-radius: var(--border-radius);
}

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

.p-toast.p-toast-top-right,
.p-toast.p-toast-top-left,
.p-toast.p-toast-top-center {
    top: 100px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

mark {
    background: #FFF8E1;
    padding: 0.25rem 0.4rem;
    border-radius: var(--border-radius);
    font-family: monospace;
}

blockquote {
    margin: 1rem 0;
    padding: 0 2rem;
    border-left: 4px solid #90A4AE;
}

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

p {
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

p:last-child {
    margin-bottom: 0;
}.field-container {
    /* margin-top: 1.25rem; */
    min-height: 50px;
    min-width: 300px;  
}

.form-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem;
}

.form-container-full {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-gap: 1rem;

}

.custom-floatlabel {
    font-size: 12px;
    margin-top: -0.75rem;
}

.form-field {
    /* margin: 0.2rem; */
    border-radius: 15px;
    height: auto;
}

.form-full-width {
    grid-column: 1 / -1;
    flex-direction: column;
}

.prop-icon {
    width: 30px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 1.25em;
}

.section-header {
    margin-top: 15px;    
    margin-left: 5px;
    font-weight: 700;
}

.group-header {
    font-size: 2em;
    font-weight: 700;
}



.p-inputwrapper {
    background-color: var(--p-content-background) !important;
}

.field-flat-input {
    background-color: var(--p-content-background) !important;
}

.p-float-label input:focus~label,
.p-float-label input.p-filled~label,
.p-float-label input:-webkit-autofill~label,
.p-float-label textarea:focus~label,
.p-float-label textarea.p-filled~label,
.p-float-label .p-inputwrapper-focus~label,
.p-float-label .p-inputwrapper-filled~label {    
    font-size: 12px;
}.chip-text-small {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
}.article-text {
    line-height: 1.5rem;
    font-size: 1.1rem;
}

.paragraph-icon {
    margin-top: -0.5rem;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    height: 20px;
    width: 20px;
    font-size: 1em;
}

.entity-overlay {
    width: 250px;
    height: 125px !important;
    margin: 4px;    
}

.separator-dot::after {
    content: "·";
    margin: 0;
    margin-left: 0.5rem;
}/* Global styles for MegaMenu panel when appended to body */
/* Target all MegaMenu panels - when appendTo="body" they are direct children of body */
body > .p-megamenu-panel,
.p-megamenu-panel,
.p-megamenu-panel[style*="position"],
.p-megamenu-panel.p-component {
  background: var(--p-surface-0) !important;
  border: 1px solid var(--p-content-border-color) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 1rem 1.25rem !important;
  min-width: 800px !important;
  width: min(92vw, 1200px) !important;
  z-index: 9999 !important;
  /* Force fixed positioning - override any PrimeVue defaults or inline styles */
  position: fixed !important;
  /* Reset any top/left constraints - PrimeVue will set these */
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  /* Ensure it appears above everything */
  pointer-events: auto !important;
  /* Ensure it's not clipped by any parent */
  contain: none !important;
}

/* Ensure panel content is visible */
body > .p-megamenu-panel *,
.p-megamenu-panel * {
  visibility: visible !important;
}

/* Dark mode support */
.cs-dark body > .p-megamenu-panel,
.cs-dark .p-megamenu-panel,
.cs-dark .p-megamenu-panel[style*="position"],
.cs-dark .p-megamenu-panel.p-component {
  background: var(--p-surface-0) !important;
  border-color: var(--p-content-border-color) !important;
  /* Ensure fixed positioning in dark mode too */
  position: fixed !important;
}

/* Prevent menu from closing when hovering items with sub-items */
/* Add a small gap tolerance to prevent menu closing */
body > .p-megamenu-panel .p-menuitem,
.p-megamenu-panel .p-menuitem {
  position: relative;
}

/* Ensure submenu stays visible when hovering parent or submenu */
body > .p-megamenu-panel .p-menuitem:hover .p-submenu,
.p-megamenu-panel .p-menuitem:hover .p-submenu,
body > .p-megamenu-panel .p-submenu:hover,
.p-megamenu-panel .p-submenu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep submenu panel visible during transitions */
body > .p-megamenu-panel .p-submenu,
.p-megamenu-panel .p-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 4px;
  z-index: 10000;
  min-width: 200px;
  pointer-events: auto !important;
}
.llm-output h1,
.llm-output h2,
.llm-output h3,
.llm-output h4,
.llm-output h5,
.llm-output h6,
.llm-output li
 {
    /* line-height: 1.2rem; */
    white-space: normal;
    margin-top: 0px;
    margin-bottom: 0;
    padding: 0;
    
    
}

.llm-output ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 20px !important;
    list-style-type: disc;
}

.llm-output ul li {
    margin-bottom: -4px;
}

.llm-output p {
    margin-top: 0px;
    margin-bottom: 0;
    
}

.llm-output ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 0 !important;
}



.llm-output table {
  margin-top: 1em;
  width: 100%;
  border-collapse: collapse;
}

.llm-output th {
  background-color: #d3d3d3; /* Light gray background for headers */
  text-align: left; /* Align all headers to the left */
  padding: 8px;
  border: 1px solid #e0e0e0; /* Even lighter gray borders */
}

.llm-output td {
  padding: 6px;
  text-align: start;
  align-content: flex-start;
  border: 1px solid #e0e0e0; /* Even lighter gray borders */
}

.llm-output {
  /* white-space: pre-wrap; */
}

.llm-output table {
  margin-top: 1em;
  width: 100%;
  border-collapse: collapse;
}

.llm-output th {
  background-color: var(--primary-50); /* Light gray background for headers */
  text-align: left; /* Align all headers to the left */
  padding: 8px;
  border: 1px solid #e0e0e0; /* Even lighter gray borders */
}

.llm-output td {
  padding: 6px;
  text-align: start;
  align-content: flex-start;
  border: 1px solid #e0e0e0; /* Even lighter gray borders */
}
@font-face{font-family:"Material Design Icons";src:url("./materialdesignicons-webfont-CSr8KVlo.eot?v=7.4.47");src:url("./materialdesignicons-webfont-CSr8KVlo.eot?#iefix&v=7.4.47") format("embedded-opentype"),url("./materialdesignicons-webfont-Dp5v-WZN.woff2?v=7.4.47") format("woff2"),url("./materialdesignicons-webfont-PXm3-2wK.woff?v=7.4.47") format("woff"),url("./materialdesignicons-webfont-B7mPwVP_.ttf?v=7.4.47") format("truetype");font-weight:normal;font-style:normal}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mdi-ab-testing::before{content:"\F01C9"}.mdi-abacus::before{content:"\F16E0"}.mdi-abjad-arabic::before{content:"\F1328"}.mdi-abjad-hebrew::before{content:"\F1329"}.mdi-abugida-devanagari::before{content:"\F132A"}.mdi-abugida-thai::before{content:"\F132B"}.mdi-access-point::before{content:"\F0003"}.mdi-access-point-check::before{content:"\F1538"}.mdi-access-point-minus::before{content:"\F1539"}.mdi-access-point-network::before{content:"\F0002"}.mdi-access-point-network-off::before{content:"\F0BE1"}.mdi-access-point-off::before{content:"\F1511"}.mdi-access-point-plus::before{content:"\F153A"}.mdi-access-point-remove::before{content:"\F153B"}.mdi-account::before{content:"\F0004"}.mdi-account-alert::before{content:"\F0005"}.mdi-account-alert-outline::before{content:"\F0B50"}.mdi-account-arrow-down::before{content:"\F1868"}.mdi-account-arrow-down-outline::before{content:"\F1869"}.mdi-account-arrow-left::before{content:"\F0B51"}.mdi-account-arrow-left-outline::before{content:"\F0B52"}.mdi-account-arrow-right::before{content:"\F0B53"}.mdi-account-arrow-right-outline::before{content:"\F0B54"}.mdi-account-arrow-up::before{content:"\F1867"}.mdi-account-arrow-up-outline::before{content:"\F186A"}.mdi-account-badge::before{content:"\F1B0A"}.mdi-account-badge-outline::before{content:"\F1B0B"}.mdi-account-box::before{content:"\F0006"}.mdi-account-box-edit-outline::before{content:"\F1CC8"}.mdi-account-box-minus-outline::before{content:"\F1CC9"}.mdi-account-box-multiple::before{content:"\F0934"}.mdi-account-box-multiple-outline::before{content:"\F100A"}.mdi-account-box-outline::before{content:"\F0007"}.mdi-account-box-plus-outline::before{content:"\F1CCA"}.mdi-account-cancel::before{content:"\F12DF"}.mdi-account-cancel-outline::before{content:"\F12E0"}.mdi-account-card::before{content:"\F1BA4"}.mdi-account-card-outline::before{content:"\F1BA5"}.mdi-account-cash::before{content:"\F1097"}.mdi-account-cash-outline::before{content:"\F1098"}.mdi-account-check::before{content:"\F0008"}.mdi-account-check-outline::before{content:"\F0BE2"}.mdi-account-child::before{content:"\F0A89"}.mdi-account-child-circle::before{content:"\F0A8A"}.mdi-account-child-outline::before{content:"\F10C8"}.mdi-account-circle::before{content:"\F0009"}.mdi-account-circle-outline::before{content:"\F0B55"}.mdi-account-clock::before{content:"\F0B56"}.mdi-account-clock-outline::before{content:"\F0B57"}.mdi-account-cog::before{content:"\F1370"}.mdi-account-cog-outline::before{content:"\F1371"}.mdi-account-convert::before{content:"\F000A"}.mdi-account-convert-outline::before{content:"\F1301"}.mdi-account-cowboy-hat::before{content:"\F0E9B"}.mdi-account-cowboy-hat-outline::before{content:"\F17F3"}.mdi-account-credit-card::before{content:"\F1BA6"}.mdi-account-credit-card-outline::before{content:"\F1BA7"}.mdi-account-details::before{content:"\F0631"}.mdi-account-details-outline::before{content:"\F1372"}.mdi-account-edit::before{content:"\F06BC"}.mdi-account-edit-outline::before{content:"\F0FFB"}.mdi-account-eye::before{content:"\F0420"}.mdi-account-eye-outline::before{content:"\F127B"}.mdi-account-file::before{content:"\F1CA7"}.mdi-account-file-outline::before{content:"\F1CA8"}.mdi-account-file-text::before{content:"\F1CA9"}.mdi-account-file-text-outline::before{content:"\F1CAA"}.mdi-account-filter::before{content:"\F0936"}.mdi-account-filter-outline::before{content:"\F0F9D"}.mdi-account-group::before{content:"\F0849"}.mdi-account-group-outline::before{content:"\F0B58"}.mdi-account-hard-hat::before{content:"\F05B5"}.mdi-account-hard-hat-outline::before{content:"\F1A1F"}.mdi-account-heart::before{content:"\F0899"}.mdi-account-heart-outline::before{content:"\F0BE3"}.mdi-account-injury::before{content:"\F1815"}.mdi-account-injury-outline::before{content:"\F1816"}.mdi-account-key::before{content:"\F000B"}.mdi-account-key-outline::before{content:"\F0BE4"}.mdi-account-lock::before{content:"\F115E"}.mdi-account-lock-open::before{content:"\F1960"}.mdi-account-lock-open-outline::before{content:"\F1961"}.mdi-account-lock-outline::before{content:"\F115F"}.mdi-account-minus::before{content:"\F000D"}.mdi-account-minus-outline::before{content:"\F0AEC"}.mdi-account-multiple::before{content:"\F000E"}.mdi-account-multiple-check::before{content:"\F08C5"}.mdi-account-multiple-check-outline::before{content:"\F11FE"}.mdi-account-multiple-minus::before{content:"\F05D3"}.mdi-account-multiple-minus-outline::before{content:"\F0BE5"}.mdi-account-multiple-outline::before{content:"\F000F"}.mdi-account-multiple-plus::before{content:"\F0010"}.mdi-account-multiple-plus-outline::before{content:"\F0800"}.mdi-account-multiple-remove::before{content:"\F120A"}.mdi-account-multiple-remove-outline::before{content:"\F120B"}.mdi-account-music::before{content:"\F0803"}.mdi-account-music-outline::before{content:"\F0CE9"}.mdi-account-network::before{content:"\F0011"}.mdi-account-network-off::before{content:"\F1AF1"}.mdi-account-network-off-outline::before{content:"\F1AF2"}.mdi-account-network-outline::before{content:"\F0BE6"}.mdi-account-off::before{content:"\F0012"}.mdi-account-off-outline::before{content:"\F0BE7"}.mdi-account-outline::before{content:"\F0013"}.mdi-account-plus::before{content:"\F0014"}.mdi-account-plus-outline::before{content:"\F0801"}.mdi-account-question::before{content:"\F0B59"}.mdi-account-question-outline::before{content:"\F0B5A"}.mdi-account-reactivate::before{content:"\F152B"}.mdi-account-reactivate-outline::before{content:"\F152C"}.mdi-account-remove::before{content:"\F0015"}.mdi-account-remove-outline::before{content:"\F0AED"}.mdi-account-school::before{content:"\F1A20"}.mdi-account-school-outline::before{content:"\F1A21"}.mdi-account-search::before{content:"\F0016"}.mdi-account-search-outline::before{content:"\F0935"}.mdi-account-settings::before{content:"\F0630"}.mdi-account-settings-outline::before{content:"\F10C9"}.mdi-account-star::before{content:"\F0017"}.mdi-account-star-outline::before{content:"\F0BE8"}.mdi-account-supervisor::before{content:"\F0A8B"}.mdi-account-supervisor-circle::before{content:"\F0A8C"}.mdi-account-supervisor-circle-outline::before{content:"\F14EC"}.mdi-account-supervisor-outline::before{content:"\F112D"}.mdi-account-switch::before{content:"\F0019"}.mdi-account-switch-outline::before{content:"\F04CB"}.mdi-account-sync::before{content:"\F191B"}.mdi-account-sync-outline::before{content:"\F191C"}.mdi-account-tag::before{content:"\F1C1B"}.mdi-account-tag-outline::before{content:"\F1C1C"}.mdi-account-tie::before{content:"\F0CE3"}.mdi-account-tie-hat::before{content:"\F1898"}.mdi-account-tie-hat-outline::before{content:"\F1899"}.mdi-account-tie-outline::before{content:"\F10CA"}.mdi-account-tie-voice::before{content:"\F1308"}.mdi-account-tie-voice-off::before{content:"\F130A"}.mdi-account-tie-voice-off-outline::before{content:"\F130B"}.mdi-account-tie-voice-outline::before{content:"\F1309"}.mdi-account-tie-woman::before{content:"\F1A8C"}.mdi-account-voice::before{content:"\F05CB"}.mdi-account-voice-off::before{content:"\F0ED4"}.mdi-account-wrench::before{content:"\F189A"}.mdi-account-wrench-outline::before{content:"\F189B"}.mdi-adjust::before{content:"\F001A"}.mdi-advertisements::before{content:"\F192A"}.mdi-advertisements-off::before{content:"\F192B"}.mdi-air-conditioner::before{content:"\F001B"}.mdi-air-filter::before{content:"\F0D43"}.mdi-air-horn::before{content:"\F0DAC"}.mdi-air-humidifier::before{content:"\F1099"}.mdi-air-humidifier-off::before{content:"\F1466"}.mdi-air-purifier::before{content:"\F0D44"}.mdi-air-purifier-off::before{content:"\F1B57"}.mdi-airbag::before{content:"\F0BE9"}.mdi-airballoon::before{content:"\F001C"}.mdi-airballoon-outline::before{content:"\F100B"}.mdi-airplane::before{content:"\F001D"}.mdi-airplane-alert::before{content:"\F187A"}.mdi-airplane-check::before{content:"\F187B"}.mdi-airplane-clock::before{content:"\F187C"}.mdi-airplane-cog::before{content:"\F187D"}.mdi-airplane-edit::before{content:"\F187E"}.mdi-airplane-landing::before{content:"\F05D4"}.mdi-airplane-marker::before{content:"\F187F"}.mdi-airplane-minus::before{content:"\F1880"}.mdi-airplane-off::before{content:"\F001E"}.mdi-airplane-plus::before{content:"\F1881"}.mdi-airplane-remove::before{content:"\F1882"}.mdi-airplane-search::before{content:"\F1883"}.mdi-airplane-settings::before{content:"\F1884"}.mdi-airplane-takeoff::before{content:"\F05D5"}.mdi-airport::before{content:"\F084B"}.mdi-alarm::before{content:"\F0020"}.mdi-alarm-bell::before{content:"\F078E"}.mdi-alarm-check::before{content:"\F0021"}.mdi-alarm-light::before{content:"\F078F"}.mdi-alarm-light-off::before{content:"\F171E"}.mdi-alarm-light-off-outline::before{content:"\F171F"}.mdi-alarm-light-outline::before{content:"\F0BEA"}.mdi-alarm-multiple::before{content:"\F0022"}.mdi-alarm-note::before{content:"\F0E71"}.mdi-alarm-note-off::before{content:"\F0E72"}.mdi-alarm-off::before{content:"\F0023"}.mdi-alarm-panel::before{content:"\F15C4"}.mdi-alarm-panel-outline::before{content:"\F15C5"}.mdi-alarm-plus::before{content:"\F0024"}.mdi-alarm-snooze::before{content:"\F068E"}.mdi-album::before{content:"\F0025"}.mdi-alert::before{content:"\F0026"}.mdi-alert-box::before{content:"\F0027"}.mdi-alert-box-outline::before{content:"\F0CE4"}.mdi-alert-circle::before{content:"\F0028"}.mdi-alert-circle-check::before{content:"\F11ED"}.mdi-alert-circle-check-outline::before{content:"\F11EE"}.mdi-alert-circle-outline::before{content:"\F05D6"}.mdi-alert-decagram::before{content:"\F06BD"}.mdi-alert-decagram-outline::before{content:"\F0CE5"}.mdi-alert-minus::before{content:"\F14BB"}.mdi-alert-minus-outline::before{content:"\F14BE"}.mdi-alert-octagon::before{content:"\F0029"}.mdi-alert-octagon-outline::before{content:"\F0CE6"}.mdi-alert-octagram::before{content:"\F0767"}.mdi-alert-octagram-outline::before{content:"\F0CE7"}.mdi-alert-outline::before{content:"\F002A"}.mdi-alert-plus::before{content:"\F14BA"}.mdi-alert-plus-outline::before{content:"\F14BD"}.mdi-alert-remove::before{content:"\F14BC"}.mdi-alert-remove-outline::before{content:"\F14BF"}.mdi-alert-rhombus::before{content:"\F11CE"}.mdi-alert-rhombus-outline::before{content:"\F11CF"}.mdi-alien::before{content:"\F089A"}.mdi-alien-outline::before{content:"\F10CB"}.mdi-align-horizontal-center::before{content:"\F11C3"}.mdi-align-horizontal-distribute::before{content:"\F1962"}.mdi-align-horizontal-left::before{content:"\F11C2"}.mdi-align-horizontal-right::before{content:"\F11C4"}.mdi-align-vertical-bottom::before{content:"\F11C5"}.mdi-align-vertical-center::before{content:"\F11C6"}.mdi-align-vertical-distribute::before{content:"\F1963"}.mdi-align-vertical-top::before{content:"\F11C7"}.mdi-all-inclusive::before{content:"\F06BE"}.mdi-all-inclusive-box::before{content:"\F188D"}.mdi-all-inclusive-box-outline::before{content:"\F188E"}.mdi-allergy::before{content:"\F1258"}.mdi-alpha::before{content:"\F002B"}.mdi-alpha-a::before{content:"\F0AEE"}.mdi-alpha-a-box::before{content:"\F0B08"}.mdi-alpha-a-box-outline::before{content:"\F0BEB"}.mdi-alpha-a-circle::before{content:"\F0BEC"}.mdi-alpha-a-circle-outline::before{content:"\F0BED"}.mdi-alpha-b::before{content:"\F0AEF"}.mdi-alpha-b-box::before{content:"\F0B09"}.mdi-alpha-b-box-outline::before{content:"\F0BEE"}.mdi-alpha-b-circle::before{content:"\F0BEF"}.mdi-alpha-b-circle-outline::before{content:"\F0BF0"}.mdi-alpha-c::before{content:"\F0AF0"}.mdi-alpha-c-box::before{content:"\F0B0A"}.mdi-alpha-c-box-outline::before{content:"\F0BF1"}.mdi-alpha-c-circle::before{content:"\F0BF2"}.mdi-alpha-c-circle-outline::before{content:"\F0BF3"}.mdi-alpha-d::before{content:"\F0AF1"}.mdi-alpha-d-box::before{content:"\F0B0B"}.mdi-alpha-d-box-outline::before{content:"\F0BF4"}.mdi-alpha-d-circle::before{content:"\F0BF5"}.mdi-alpha-d-circle-outline::before{content:"\F0BF6"}.mdi-alpha-e::before{content:"\F0AF2"}.mdi-alpha-e-box::before{content:"\F0B0C"}.mdi-alpha-e-box-outline::before{content:"\F0BF7"}.mdi-alpha-e-circle::before{content:"\F0BF8"}.mdi-alpha-e-circle-outline::before{content:"\F0BF9"}.mdi-alpha-f::before{content:"\F0AF3"}.mdi-alpha-f-box::before{content:"\F0B0D"}.mdi-alpha-f-box-outline::before{content:"\F0BFA"}.mdi-alpha-f-circle::before{content:"\F0BFB"}.mdi-alpha-f-circle-outline::before{content:"\F0BFC"}.mdi-alpha-g::before{content:"\F0AF4"}.mdi-alpha-g-box::before{content:"\F0B0E"}.mdi-alpha-g-box-outline::before{content:"\F0BFD"}.mdi-alpha-g-circle::before{content:"\F0BFE"}.mdi-alpha-g-circle-outline::before{content:"\F0BFF"}.mdi-alpha-h::before{content:"\F0AF5"}.mdi-alpha-h-box::before{content:"\F0B0F"}.mdi-alpha-h-box-outline::before{content:"\F0C00"}.mdi-alpha-h-circle::before{content:"\F0C01"}.mdi-alpha-h-circle-outline::before{content:"\F0C02"}.mdi-alpha-i::before{content:"\F0AF6"}.mdi-alpha-i-box::before{content:"\F0B10"}.mdi-alpha-i-box-outline::before{content:"\F0C03"}.mdi-alpha-i-circle::before{content:"\F0C04"}.mdi-alpha-i-circle-outline::before{content:"\F0C05"}.mdi-alpha-j::before{content:"\F0AF7"}.mdi-alpha-j-box::before{content:"\F0B11"}.mdi-alpha-j-box-outline::before{content:"\F0C06"}.mdi-alpha-j-circle::before{content:"\F0C07"}.mdi-alpha-j-circle-outline::before{content:"\F0C08"}.mdi-alpha-k::before{content:"\F0AF8"}.mdi-alpha-k-box::before{content:"\F0B12"}.mdi-alpha-k-box-outline::before{content:"\F0C09"}.mdi-alpha-k-circle::before{content:"\F0C0A"}.mdi-alpha-k-circle-outline::before{content:"\F0C0B"}.mdi-alpha-l::before{content:"\F0AF9"}.mdi-alpha-l-box::before{content:"\F0B13"}.mdi-alpha-l-box-outline::before{content:"\F0C0C"}.mdi-alpha-l-circle::before{content:"\F0C0D"}.mdi-alpha-l-circle-outline::before{content:"\F0C0E"}.mdi-alpha-m::before{content:"\F0AFA"}.mdi-alpha-m-box::before{content:"\F0B14"}.mdi-alpha-m-box-outline::before{content:"\F0C0F"}.mdi-alpha-m-circle::before{content:"\F0C10"}.mdi-alpha-m-circle-outline::before{content:"\F0C11"}.mdi-alpha-n::before{content:"\F0AFB"}.mdi-alpha-n-box::before{content:"\F0B15"}.mdi-alpha-n-box-outline::before{content:"\F0C12"}.mdi-alpha-n-circle::before{content:"\F0C13"}.mdi-alpha-n-circle-outline::before{content:"\F0C14"}.mdi-alpha-o::before{content:"\F0AFC"}.mdi-alpha-o-box::before{content:"\F0B16"}.mdi-alpha-o-box-outline::before{content:"\F0C15"}.mdi-alpha-o-circle::before{content:"\F0C16"}.mdi-alpha-o-circle-outline::before{content:"\F0C17"}.mdi-alpha-p::before{content:"\F0AFD"}.mdi-alpha-p-box::before{content:"\F0B17"}.mdi-alpha-p-box-outline::before{content:"\F0C18"}.mdi-alpha-p-circle::before{content:"\F0C19"}.mdi-alpha-p-circle-outline::before{content:"\F0C1A"}.mdi-alpha-q::before{content:"\F0AFE"}.mdi-alpha-q-box::before{content:"\F0B18"}.mdi-alpha-q-box-outline::before{content:"\F0C1B"}.mdi-alpha-q-circle::before{content:"\F0C1C"}.mdi-alpha-q-circle-outline::before{content:"\F0C1D"}.mdi-alpha-r::before{content:"\F0AFF"}.mdi-alpha-r-box::before{content:"\F0B19"}.mdi-alpha-r-box-outline::before{content:"\F0C1E"}.mdi-alpha-r-circle::before{content:"\F0C1F"}.mdi-alpha-r-circle-outline::before{content:"\F0C20"}.mdi-alpha-s::before{content:"\F0B00"}.mdi-alpha-s-box::before{content:"\F0B1A"}.mdi-alpha-s-box-outline::before{content:"\F0C21"}.mdi-alpha-s-circle::before{content:"\F0C22"}.mdi-alpha-s-circle-outline::before{content:"\F0C23"}.mdi-alpha-t::before{content:"\F0B01"}.mdi-alpha-t-box::before{content:"\F0B1B"}.mdi-alpha-t-box-outline::before{content:"\F0C24"}.mdi-alpha-t-circle::before{content:"\F0C25"}.mdi-alpha-t-circle-outline::before{content:"\F0C26"}.mdi-alpha-u::before{content:"\F0B02"}.mdi-alpha-u-box::before{content:"\F0B1C"}.mdi-alpha-u-box-outline::before{content:"\F0C27"}.mdi-alpha-u-circle::before{content:"\F0C28"}.mdi-alpha-u-circle-outline::before{content:"\F0C29"}.mdi-alpha-v::before{content:"\F0B03"}.mdi-alpha-v-box::before{content:"\F0B1D"}.mdi-alpha-v-box-outline::before{content:"\F0C2A"}.mdi-alpha-v-circle::before{content:"\F0C2B"}.mdi-alpha-v-circle-outline::before{content:"\F0C2C"}.mdi-alpha-w::before{content:"\F0B04"}.mdi-alpha-w-box::before{content:"\F0B1E"}.mdi-alpha-w-box-outline::before{content:"\F0C2D"}.mdi-alpha-w-circle::before{content:"\F0C2E"}.mdi-alpha-w-circle-outline::before{content:"\F0C2F"}.mdi-alpha-x::before{content:"\F0B05"}.mdi-alpha-x-box::before{content:"\F0B1F"}.mdi-alpha-x-box-outline::before{content:"\F0C30"}.mdi-alpha-x-circle::before{content:"\F0C31"}.mdi-alpha-x-circle-outline::before{content:"\F0C32"}.mdi-alpha-y::before{content:"\F0B06"}.mdi-alpha-y-box::before{content:"\F0B20"}.mdi-alpha-y-box-outline::before{content:"\F0C33"}.mdi-alpha-y-circle::before{content:"\F0C34"}.mdi-alpha-y-circle-outline::before{content:"\F0C35"}.mdi-alpha-z::before{content:"\F0B07"}.mdi-alpha-z-box::before{content:"\F0B21"}.mdi-alpha-z-box-outline::before{content:"\F0C36"}.mdi-alpha-z-circle::before{content:"\F0C37"}.mdi-alpha-z-circle-outline::before{content:"\F0C38"}.mdi-alphabet-aurebesh::before{content:"\F132C"}.mdi-alphabet-cyrillic::before{content:"\F132D"}.mdi-alphabet-greek::before{content:"\F132E"}.mdi-alphabet-latin::before{content:"\F132F"}.mdi-alphabet-piqad::before{content:"\F1330"}.mdi-alphabet-tengwar::before{content:"\F1337"}.mdi-alphabetical::before{content:"\F002C"}.mdi-alphabetical-off::before{content:"\F100C"}.mdi-alphabetical-variant::before{content:"\F100D"}.mdi-alphabetical-variant-off::before{content:"\F100E"}.mdi-altimeter::before{content:"\F05D7"}.mdi-ambulance::before{content:"\F002F"}.mdi-ammunition::before{content:"\F0CE8"}.mdi-ampersand::before{content:"\F0A8D"}.mdi-amplifier::before{content:"\F0030"}.mdi-amplifier-off::before{content:"\F11B5"}.mdi-anchor::before{content:"\F0031"}.mdi-android::before{content:"\F0032"}.mdi-android-studio::before{content:"\F0034"}.mdi-angle-acute::before{content:"\F0937"}.mdi-angle-obtuse::before{content:"\F0938"}.mdi-angle-right::before{content:"\F0939"}.mdi-angular::before{content:"\F06B2"}.mdi-angularjs::before{content:"\F06BF"}.mdi-animation::before{content:"\F05D8"}.mdi-animation-outline::before{content:"\F0A8F"}.mdi-animation-play::before{content:"\F093A"}.mdi-animation-play-outline::before{content:"\F0A90"}.mdi-ansible::before{content:"\F109A"}.mdi-antenna::before{content:"\F1119"}.mdi-anvil::before{content:"\F089B"}.mdi-apache-kafka::before{content:"\F100F"}.mdi-api::before{content:"\F109B"}.mdi-api-off::before{content:"\F1257"}.mdi-apple::before{content:"\F0035"}.mdi-apple-finder::before{content:"\F0036"}.mdi-apple-icloud::before{content:"\F0038"}.mdi-apple-ios::before{content:"\F0037"}.mdi-apple-keyboard-caps::before{content:"\F0632"}.mdi-apple-keyboard-command::before{content:"\F0633"}.mdi-apple-keyboard-control::before{content:"\F0634"}.mdi-apple-keyboard-option::before{content:"\F0635"}.mdi-apple-keyboard-shift::before{content:"\F0636"}.mdi-apple-safari::before{content:"\F0039"}.mdi-application::before{content:"\F08C6"}.mdi-application-array::before{content:"\F10F5"}.mdi-application-array-outline::before{content:"\F10F6"}.mdi-application-braces::before{content:"\F10F7"}.mdi-application-braces-outline::before{content:"\F10F8"}.mdi-application-brackets::before{content:"\F0C8B"}.mdi-application-brackets-outline::before{content:"\F0C8C"}.mdi-application-cog::before{content:"\F0675"}.mdi-application-cog-outline::before{content:"\F1577"}.mdi-application-edit::before{content:"\F00AE"}.mdi-application-edit-outline::before{content:"\F0619"}.mdi-application-export::before{content:"\F0DAD"}.mdi-application-import::before{content:"\F0DAE"}.mdi-application-outline::before{content:"\F0614"}.mdi-application-parentheses::before{content:"\F10F9"}.mdi-application-parentheses-outline::before{content:"\F10FA"}.mdi-application-settings::before{content:"\F0B60"}.mdi-application-settings-outline::before{content:"\F1555"}.mdi-application-variable::before{content:"\F10FB"}.mdi-application-variable-outline::before{content:"\F10FC"}.mdi-approximately-equal::before{content:"\F0F9E"}.mdi-approximately-equal-box::before{content:"\F0F9F"}.mdi-apps::before{content:"\F003B"}.mdi-apps-box::before{content:"\F0D46"}.mdi-arch::before{content:"\F08C7"}.mdi-archive::before{content:"\F003C"}.mdi-archive-alert::before{content:"\F14FD"}.mdi-archive-alert-outline::before{content:"\F14FE"}.mdi-archive-arrow-down::before{content:"\F1259"}.mdi-archive-arrow-down-outline::before{content:"\F125A"}.mdi-archive-arrow-up::before{content:"\F125B"}.mdi-archive-arrow-up-outline::before{content:"\F125C"}.mdi-archive-cancel::before{content:"\F174B"}.mdi-archive-cancel-outline::before{content:"\F174C"}.mdi-archive-check::before{content:"\F174D"}.mdi-archive-check-outline::before{content:"\F174E"}.mdi-archive-clock::before{content:"\F174F"}.mdi-archive-clock-outline::before{content:"\F1750"}.mdi-archive-cog::before{content:"\F1751"}.mdi-archive-cog-outline::before{content:"\F1752"}.mdi-archive-edit::before{content:"\F1753"}.mdi-archive-edit-outline::before{content:"\F1754"}.mdi-archive-eye::before{content:"\F1755"}.mdi-archive-eye-outline::before{content:"\F1756"}.mdi-archive-lock::before{content:"\F1757"}.mdi-archive-lock-open::before{content:"\F1758"}.mdi-archive-lock-open-outline::before{content:"\F1759"}.mdi-archive-lock-outline::before{content:"\F175A"}.mdi-archive-marker::before{content:"\F175B"}.mdi-archive-marker-outline::before{content:"\F175C"}.mdi-archive-minus::before{content:"\F175D"}.mdi-archive-minus-outline::before{content:"\F175E"}.mdi-archive-music::before{content:"\F175F"}.mdi-archive-music-outline::before{content:"\F1760"}.mdi-archive-off::before{content:"\F1761"}.mdi-archive-off-outline::before{content:"\F1762"}.mdi-archive-outline::before{content:"\F120E"}.mdi-archive-plus::before{content:"\F1763"}.mdi-archive-plus-outline::before{content:"\F1764"}.mdi-archive-refresh::before{content:"\F1765"}.mdi-archive-refresh-outline::before{content:"\F1766"}.mdi-archive-remove::before{content:"\F1767"}.mdi-archive-remove-outline::before{content:"\F1768"}.mdi-archive-search::before{content:"\F1769"}.mdi-archive-search-outline::before{content:"\F176A"}.mdi-archive-settings::before{content:"\F176B"}.mdi-archive-settings-outline::before{content:"\F176C"}.mdi-archive-star::before{content:"\F176D"}.mdi-archive-star-outline::before{content:"\F176E"}.mdi-archive-sync::before{content:"\F176F"}.mdi-archive-sync-outline::before{content:"\F1770"}.mdi-arm-flex::before{content:"\F0FD7"}.mdi-arm-flex-outline::before{content:"\F0FD6"}.mdi-arrange-bring-forward::before{content:"\F003D"}.mdi-arrange-bring-to-front::before{content:"\F003E"}.mdi-arrange-send-backward::before{content:"\F003F"}.mdi-arrange-send-to-back::before{content:"\F0040"}.mdi-arrow-all::before{content:"\F0041"}.mdi-arrow-bottom-left::before{content:"\F0042"}.mdi-arrow-bottom-left-bold-box::before{content:"\F1964"}.mdi-arrow-bottom-left-bold-box-outline::before{content:"\F1965"}.mdi-arrow-bottom-left-bold-outline::before{content:"\F09B7"}.mdi-arrow-bottom-left-thick::before{content:"\F09B8"}.mdi-arrow-bottom-left-thin::before{content:"\F19B6"}.mdi-arrow-bottom-left-thin-circle-outline::before{content:"\F1596"}.mdi-arrow-bottom-right::before{content:"\F0043"}.mdi-arrow-bottom-right-bold-box::before{content:"\F1966"}.mdi-arrow-bottom-right-bold-box-outline::before{content:"\F1967"}.mdi-arrow-bottom-right-bold-outline::before{content:"\F09B9"}.mdi-arrow-bottom-right-thick::before{content:"\F09BA"}.mdi-arrow-bottom-right-thin::before{content:"\F19B7"}.mdi-arrow-bottom-right-thin-circle-outline::before{content:"\F1595"}.mdi-arrow-collapse::before{content:"\F0615"}.mdi-arrow-collapse-all::before{content:"\F0044"}.mdi-arrow-collapse-down::before{content:"\F0792"}.mdi-arrow-collapse-horizontal::before{content:"\F084C"}.mdi-arrow-collapse-left::before{content:"\F0793"}.mdi-arrow-collapse-right::before{content:"\F0794"}.mdi-arrow-collapse-up::before{content:"\F0795"}.mdi-arrow-collapse-vertical::before{content:"\F084D"}.mdi-arrow-decision::before{content:"\F09BB"}.mdi-arrow-decision-auto::before{content:"\F09BC"}.mdi-arrow-decision-auto-outline::before{content:"\F09BD"}.mdi-arrow-decision-outline::before{content:"\F09BE"}.mdi-arrow-down::before{content:"\F0045"}.mdi-arrow-down-bold::before{content:"\F072E"}.mdi-arrow-down-bold-box::before{content:"\F072F"}.mdi-arrow-down-bold-box-outline::before{content:"\F0730"}.mdi-arrow-down-bold-circle::before{content:"\F0047"}.mdi-arrow-down-bold-circle-outline::before{content:"\F0048"}.mdi-arrow-down-bold-hexagon-outline::before{content:"\F0049"}.mdi-arrow-down-bold-outline::before{content:"\F09BF"}.mdi-arrow-down-box::before{content:"\F06C0"}.mdi-arrow-down-circle::before{content:"\F0CDB"}.mdi-arrow-down-circle-outline::before{content:"\F0CDC"}.mdi-arrow-down-drop-circle::before{content:"\F004A"}.mdi-arrow-down-drop-circle-outline::before{content:"\F004B"}.mdi-arrow-down-left::before{content:"\F17A1"}.mdi-arrow-down-left-bold::before{content:"\F17A2"}.mdi-arrow-down-right::before{content:"\F17A3"}.mdi-arrow-down-right-bold::before{content:"\F17A4"}.mdi-arrow-down-thick::before{content:"\F0046"}.mdi-arrow-down-thin::before{content:"\F19B3"}.mdi-arrow-down-thin-circle-outline::before{content:"\F1599"}.mdi-arrow-expand::before{content:"\F0616"}.mdi-arrow-expand-all::before{content:"\F004C"}.mdi-arrow-expand-down::before{content:"\F0796"}.mdi-arrow-expand-horizontal::before{content:"\F084E"}.mdi-arrow-expand-left::before{content:"\F0797"}.mdi-arrow-expand-right::before{content:"\F0798"}.mdi-arrow-expand-up::before{content:"\F0799"}.mdi-arrow-expand-vertical::before{content:"\F084F"}.mdi-arrow-horizontal-lock::before{content:"\F115B"}.mdi-arrow-left::before{content:"\F004D"}.mdi-arrow-left-bold::before{content:"\F0731"}.mdi-arrow-left-bold-box::before{content:"\F0732"}.mdi-arrow-left-bold-box-outline::before{content:"\F0733"}.mdi-arrow-left-bold-circle::before{content:"\F004F"}.mdi-arrow-left-bold-circle-outline::before{content:"\F0050"}.mdi-arrow-left-bold-hexagon-outline::before{content:"\F0051"}.mdi-arrow-left-bold-outline::before{content:"\F09C0"}.mdi-arrow-left-bottom::before{content:"\F17A5"}.mdi-arrow-left-bottom-bold::before{content:"\F17A6"}.mdi-arrow-left-box::before{content:"\F06C1"}.mdi-arrow-left-circle::before{content:"\F0CDD"}.mdi-arrow-left-circle-outline::before{content:"\F0CDE"}.mdi-arrow-left-drop-circle::before{content:"\F0052"}.mdi-arrow-left-drop-circle-outline::before{content:"\F0053"}.mdi-arrow-left-right::before{content:"\F0E73"}.mdi-arrow-left-right-bold::before{content:"\F0E74"}.mdi-arrow-left-right-bold-outline::before{content:"\F09C1"}.mdi-arrow-left-thick::before{content:"\F004E"}.mdi-arrow-left-thin::before{content:"\F19B1"}.mdi-arrow-left-thin-circle-outline::before{content:"\F159A"}.mdi-arrow-left-top::before{content:"\F17A7"}.mdi-arrow-left-top-bold::before{content:"\F17A8"}.mdi-arrow-oscillating::before{content:"\F1C91"}.mdi-arrow-oscillating-off::before{content:"\F1C92"}.mdi-arrow-projectile::before{content:"\F1840"}.mdi-arrow-projectile-multiple::before{content:"\F183F"}.mdi-arrow-right::before{content:"\F0054"}.mdi-arrow-right-bold::before{content:"\F0734"}.mdi-arrow-right-bold-box::before{content:"\F0735"}.mdi-arrow-right-bold-box-outline::before{content:"\F0736"}.mdi-arrow-right-bold-circle::before{content:"\F0056"}.mdi-arrow-right-bold-circle-outline::before{content:"\F0057"}.mdi-arrow-right-bold-hexagon-outline::before{content:"\F0058"}.mdi-arrow-right-bold-outline::before{content:"\F09C2"}.mdi-arrow-right-bottom::before{content:"\F17A9"}.mdi-arrow-right-bottom-bold::before{content:"\F17AA"}.mdi-arrow-right-box::before{content:"\F06C2"}.mdi-arrow-right-circle::before{content:"\F0CDF"}.mdi-arrow-right-circle-outline::before{content:"\F0CE0"}.mdi-arrow-right-drop-circle::before{content:"\F0059"}.mdi-arrow-right-drop-circle-outline::before{content:"\F005A"}.mdi-arrow-right-thick::before{content:"\F0055"}.mdi-arrow-right-thin::before{content:"\F19B0"}.mdi-arrow-right-thin-circle-outline::before{content:"\F1598"}.mdi-arrow-right-top::before{content:"\F17AB"}.mdi-arrow-right-top-bold::before{content:"\F17AC"}.mdi-arrow-split-horizontal::before{content:"\F093B"}.mdi-arrow-split-vertical::before{content:"\F093C"}.mdi-arrow-top-left::before{content:"\F005B"}.mdi-arrow-top-left-bold-box::before{content:"\F1968"}.mdi-arrow-top-left-bold-box-outline::before{content:"\F1969"}.mdi-arrow-top-left-bold-outline::before{content:"\F09C3"}.mdi-arrow-top-left-bottom-right::before{content:"\F0E75"}.mdi-arrow-top-left-bottom-right-bold::before{content:"\F0E76"}.mdi-arrow-top-left-thick::before{content:"\F09C4"}.mdi-arrow-top-left-thin::before{content:"\F19B5"}.mdi-arrow-top-left-thin-circle-outline::before{content:"\F1593"}.mdi-arrow-top-right::before{content:"\F005C"}.mdi-arrow-top-right-bold-box::before{content:"\F196A"}.mdi-arrow-top-right-bold-box-outline::before{content:"\F196B"}.mdi-arrow-top-right-bold-outline::before{content:"\F09C5"}.mdi-arrow-top-right-bottom-left::before{content:"\F0E77"}.mdi-arrow-top-right-bottom-left-bold::before{content:"\F0E78"}.mdi-arrow-top-right-thick::before{content:"\F09C6"}.mdi-arrow-top-right-thin::before{content:"\F19B4"}.mdi-arrow-top-right-thin-circle-outline::before{content:"\F1594"}.mdi-arrow-u-down-left::before{content:"\F17AD"}.mdi-arrow-u-down-left-bold::before{content:"\F17AE"}.mdi-arrow-u-down-right::before{content:"\F17AF"}.mdi-arrow-u-down-right-bold::before{content:"\F17B0"}.mdi-arrow-u-left-bottom::before{content:"\F17B1"}.mdi-arrow-u-left-bottom-bold::before{content:"\F17B2"}.mdi-arrow-u-left-top::before{content:"\F17B3"}.mdi-arrow-u-left-top-bold::before{content:"\F17B4"}.mdi-arrow-u-right-bottom::before{content:"\F17B5"}.mdi-arrow-u-right-bottom-bold::before{content:"\F17B6"}.mdi-arrow-u-right-top::before{content:"\F17B7"}.mdi-arrow-u-right-top-bold::before{content:"\F17B8"}.mdi-arrow-u-up-left::before{content:"\F17B9"}.mdi-arrow-u-up-left-bold::before{content:"\F17BA"}.mdi-arrow-u-up-right::before{content:"\F17BB"}.mdi-arrow-u-up-right-bold::before{content:"\F17BC"}.mdi-arrow-up::before{content:"\F005D"}.mdi-arrow-up-bold::before{content:"\F0737"}.mdi-arrow-up-bold-box::before{content:"\F0738"}.mdi-arrow-up-bold-box-outline::before{content:"\F0739"}.mdi-arrow-up-bold-circle::before{content:"\F005F"}.mdi-arrow-up-bold-circle-outline::before{content:"\F0060"}.mdi-arrow-up-bold-hexagon-outline::before{content:"\F0061"}.mdi-arrow-up-bold-outline::before{content:"\F09C7"}.mdi-arrow-up-box::before{content:"\F06C3"}.mdi-arrow-up-circle::before{content:"\F0CE1"}.mdi-arrow-up-circle-outline::before{content:"\F0CE2"}.mdi-arrow-up-down::before{content:"\F0E79"}.mdi-arrow-up-down-bold::before{content:"\F0E7A"}.mdi-arrow-up-down-bold-outline::before{content:"\F09C8"}.mdi-arrow-up-drop-circle::before{content:"\F0062"}.mdi-arrow-up-drop-circle-outline::before{content:"\F0063"}.mdi-arrow-up-left::before{content:"\F17BD"}.mdi-arrow-up-left-bold::before{content:"\F17BE"}.mdi-arrow-up-right::before{content:"\F17BF"}.mdi-arrow-up-right-bold::before{content:"\F17C0"}.mdi-arrow-up-thick::before{content:"\F005E"}.mdi-arrow-up-thin::before{content:"\F19B2"}.mdi-arrow-up-thin-circle-outline::before{content:"\F1597"}.mdi-arrow-vertical-lock::before{content:"\F115C"}.mdi-artboard::before{content:"\F1B9A"}.mdi-artstation::before{content:"\F0B5B"}.mdi-aspect-ratio::before{content:"\F0A24"}.mdi-assistant::before{content:"\F0064"}.mdi-asterisk::before{content:"\F06C4"}.mdi-asterisk-circle-outline::before{content:"\F1A27"}.mdi-at::before{content:"\F0065"}.mdi-atlassian::before{content:"\F0804"}.mdi-atm::before{content:"\F0D47"}.mdi-atom::before{content:"\F0768"}.mdi-atom-variant::before{content:"\F0E7B"}.mdi-attachment::before{content:"\F0066"}.mdi-attachment-check::before{content:"\F1AC1"}.mdi-attachment-lock::before{content:"\F19C4"}.mdi-attachment-minus::before{content:"\F1AC2"}.mdi-attachment-off::before{content:"\F1AC3"}.mdi-attachment-plus::before{content:"\F1AC4"}.mdi-attachment-remove::before{content:"\F1AC5"}.mdi-atv::before{content:"\F1B70"}.mdi-audio-input-rca::before{content:"\F186B"}.mdi-audio-input-stereo-minijack::before{content:"\F186C"}.mdi-audio-input-xlr::before{content:"\F186D"}.mdi-audio-video::before{content:"\F093D"}.mdi-audio-video-off::before{content:"\F11B6"}.mdi-augmented-reality::before{content:"\F0850"}.mdi-aurora::before{content:"\F1BB9"}.mdi-auto-download::before{content:"\F137E"}.mdi-auto-fix::before{content:"\F0068"}.mdi-auto-mode::before{content:"\F1C20"}.mdi-auto-upload::before{content:"\F0069"}.mdi-autorenew::before{content:"\F006A"}.mdi-autorenew-off::before{content:"\F19E7"}.mdi-av-timer::before{content:"\F006B"}.mdi-awning::before{content:"\F1B87"}.mdi-awning-outline::before{content:"\F1B88"}.mdi-aws::before{content:"\F0E0F"}.mdi-axe::before{content:"\F08C8"}.mdi-axe-battle::before{content:"\F1842"}.mdi-axis::before{content:"\F0D48"}.mdi-axis-arrow::before{content:"\F0D49"}.mdi-axis-arrow-info::before{content:"\F140E"}.mdi-axis-arrow-lock::before{content:"\F0D4A"}.mdi-axis-lock::before{content:"\F0D4B"}.mdi-axis-x-arrow::before{content:"\F0D4C"}.mdi-axis-x-arrow-lock::before{content:"\F0D4D"}.mdi-axis-x-rotate-clockwise::before{content:"\F0D4E"}.mdi-axis-x-rotate-counterclockwise::before{content:"\F0D4F"}.mdi-axis-x-y-arrow-lock::before{content:"\F0D50"}.mdi-axis-y-arrow::before{content:"\F0D51"}.mdi-axis-y-arrow-lock::before{content:"\F0D52"}.mdi-axis-y-rotate-clockwise::before{content:"\F0D53"}.mdi-axis-y-rotate-counterclockwise::before{content:"\F0D54"}.mdi-axis-z-arrow::before{content:"\F0D55"}.mdi-axis-z-arrow-lock::before{content:"\F0D56"}.mdi-axis-z-rotate-clockwise::before{content:"\F0D57"}.mdi-axis-z-rotate-counterclockwise::before{content:"\F0D58"}.mdi-babel::before{content:"\F0A25"}.mdi-baby::before{content:"\F006C"}.mdi-baby-bottle::before{content:"\F0F39"}.mdi-baby-bottle-outline::before{content:"\F0F3A"}.mdi-baby-buggy::before{content:"\F13E0"}.mdi-baby-buggy-off::before{content:"\F1AF3"}.mdi-baby-carriage::before{content:"\F068F"}.mdi-baby-carriage-off::before{content:"\F0FA0"}.mdi-baby-face::before{content:"\F0E7C"}.mdi-baby-face-outline::before{content:"\F0E7D"}.mdi-backburger::before{content:"\F006D"}.mdi-backspace::before{content:"\F006E"}.mdi-backspace-outline::before{content:"\F0B5C"}.mdi-backspace-reverse::before{content:"\F0E7E"}.mdi-backspace-reverse-outline::before{content:"\F0E7F"}.mdi-backup-restore::before{content:"\F006F"}.mdi-bacteria::before{content:"\F0ED5"}.mdi-bacteria-outline::before{content:"\F0ED6"}.mdi-badge-account::before{content:"\F0DA7"}.mdi-badge-account-alert::before{content:"\F0DA8"}.mdi-badge-account-alert-outline::before{content:"\F0DA9"}.mdi-badge-account-horizontal::before{content:"\F0E0D"}.mdi-badge-account-horizontal-outline::before{content:"\F0E0E"}.mdi-badge-account-outline::before{content:"\F0DAA"}.mdi-badminton::before{content:"\F0851"}.mdi-bag-carry-on::before{content:"\F0F3B"}.mdi-bag-carry-on-check::before{content:"\F0D65"}.mdi-bag-carry-on-off::before{content:"\F0F3C"}.mdi-bag-checked::before{content:"\F0F3D"}.mdi-bag-personal::before{content:"\F0E10"}.mdi-bag-personal-off::before{content:"\F0E11"}.mdi-bag-personal-off-outline::before{content:"\F0E12"}.mdi-bag-personal-outline::before{content:"\F0E13"}.mdi-bag-personal-plus::before{content:"\F1CA4"}.mdi-bag-personal-plus-outline::before{content:"\F1CA5"}.mdi-bag-personal-tag::before{content:"\F1B0C"}.mdi-bag-personal-tag-outline::before{content:"\F1B0D"}.mdi-bag-suitcase::before{content:"\F158B"}.mdi-bag-suitcase-off::before{content:"\F158D"}.mdi-bag-suitcase-off-outline::before{content:"\F158E"}.mdi-bag-suitcase-outline::before{content:"\F158C"}.mdi-baguette::before{content:"\F0F3E"}.mdi-balcony::before{content:"\F1817"}.mdi-balloon::before{content:"\F0A26"}.mdi-ballot::before{content:"\F09C9"}.mdi-ballot-outline::before{content:"\F09CA"}.mdi-ballot-recount::before{content:"\F0C39"}.mdi-ballot-recount-outline::before{content:"\F0C3A"}.mdi-bandage::before{content:"\F0DAF"}.mdi-bank::before{content:"\F0070"}.mdi-bank-check::before{content:"\F1655"}.mdi-bank-circle::before{content:"\F1C03"}.mdi-bank-circle-outline::before{content:"\F1C04"}.mdi-bank-minus::before{content:"\F0DB0"}.mdi-bank-off::before{content:"\F1656"}.mdi-bank-off-outline::before{content:"\F1657"}.mdi-bank-outline::before{content:"\F0E80"}.mdi-bank-plus::before{content:"\F0DB1"}.mdi-bank-remove::before{content:"\F0DB2"}.mdi-bank-transfer::before{content:"\F0A27"}.mdi-bank-transfer-in::before{content:"\F0A28"}.mdi-bank-transfer-out::before{content:"\F0A29"}.mdi-barcode::before{content:"\F0071"}.mdi-barcode-off::before{content:"\F1236"}.mdi-barcode-scan::before{content:"\F0072"}.mdi-barley::before{content:"\F0073"}.mdi-barley-off::before{content:"\F0B5D"}.mdi-barn::before{content:"\F0B5E"}.mdi-barrel::before{content:"\F0074"}.mdi-barrel-outline::before{content:"\F1A28"}.mdi-baseball::before{content:"\F0852"}.mdi-baseball-bat::before{content:"\F0853"}.mdi-baseball-diamond::before{content:"\F15EC"}.mdi-baseball-diamond-outline::before{content:"\F15ED"}.mdi-baseball-outline::before{content:"\F1C5A"}.mdi-bash::before{content:"\F1183"}.mdi-basket::before{content:"\F0076"}.mdi-basket-check::before{content:"\F18E5"}.mdi-basket-check-outline::before{content:"\F18E6"}.mdi-basket-fill::before{content:"\F0077"}.mdi-basket-minus::before{content:"\F1523"}.mdi-basket-minus-outline::before{content:"\F1524"}.mdi-basket-off::before{content:"\F1525"}.mdi-basket-off-outline::before{content:"\F1526"}.mdi-basket-outline::before{content:"\F1181"}.mdi-basket-plus::before{content:"\F1527"}.mdi-basket-plus-outline::before{content:"\F1528"}.mdi-basket-remove::before{content:"\F1529"}.mdi-basket-remove-outline::before{content:"\F152A"}.mdi-basket-unfill::before{content:"\F0078"}.mdi-basketball::before{content:"\F0806"}.mdi-basketball-hoop::before{content:"\F0C3B"}.mdi-basketball-hoop-outline::before{content:"\F0C3C"}.mdi-bat::before{content:"\F0B5F"}.mdi-bathtub::before{content:"\F1818"}.mdi-bathtub-outline::before{content:"\F1819"}.mdi-battery::before{content:"\F0079"}.mdi-battery-10::before{content:"\F007A"}.mdi-battery-10-bluetooth::before{content:"\F093E"}.mdi-battery-20::before{content:"\F007B"}.mdi-battery-20-bluetooth::before{content:"\F093F"}.mdi-battery-30::before{content:"\F007C"}.mdi-battery-30-bluetooth::before{content:"\F0940"}.mdi-battery-40::before{content:"\F007D"}.mdi-battery-40-bluetooth::before{content:"\F0941"}.mdi-battery-50::before{content:"\F007E"}.mdi-battery-50-bluetooth::before{content:"\F0942"}.mdi-battery-60::before{content:"\F007F"}.mdi-battery-60-bluetooth::before{content:"\F0943"}.mdi-battery-70::before{content:"\F0080"}.mdi-battery-70-bluetooth::before{content:"\F0944"}.mdi-battery-80::before{content:"\F0081"}.mdi-battery-80-bluetooth::before{content:"\F0945"}.mdi-battery-90::before{content:"\F0082"}.mdi-battery-90-bluetooth::before{content:"\F0946"}.mdi-battery-alert::before{content:"\F0083"}.mdi-battery-alert-bluetooth::before{content:"\F0947"}.mdi-battery-alert-variant::before{content:"\F10CC"}.mdi-battery-alert-variant-outline::before{content:"\F10CD"}.mdi-battery-arrow-down::before{content:"\F17DE"}.mdi-battery-arrow-down-outline::before{content:"\F17DF"}.mdi-battery-arrow-up::before{content:"\F17E0"}.mdi-battery-arrow-up-outline::before{content:"\F17E1"}.mdi-battery-bluetooth::before{content:"\F0948"}.mdi-battery-bluetooth-variant::before{content:"\F0949"}.mdi-battery-charging::before{content:"\F0084"}.mdi-battery-charging-10::before{content:"\F089C"}.mdi-battery-charging-100::before{content:"\F0085"}.mdi-battery-charging-20::before{content:"\F0086"}.mdi-battery-charging-30::before{content:"\F0087"}.mdi-battery-charging-40::before{content:"\F0088"}.mdi-battery-charging-50::before{content:"\F089D"}.mdi-battery-charging-60::before{content:"\F0089"}.mdi-battery-charging-70::before{content:"\F089E"}.mdi-battery-charging-80::before{content:"\F008A"}.mdi-battery-charging-90::before{content:"\F008B"}.mdi-battery-charging-high::before{content:"\F12A6"}.mdi-battery-charging-low::before{content:"\F12A4"}.mdi-battery-charging-medium::before{content:"\F12A5"}.mdi-battery-charging-outline::before{content:"\F089F"}.mdi-battery-charging-wireless::before{content:"\F0807"}.mdi-battery-charging-wireless-10::before{content:"\F0808"}.mdi-battery-charging-wireless-20::before{content:"\F0809"}.mdi-battery-charging-wireless-30::before{content:"\F080A"}.mdi-battery-charging-wireless-40::before{content:"\F080B"}.mdi-battery-charging-wireless-50::before{content:"\F080C"}.mdi-battery-charging-wireless-60::before{content:"\F080D"}.mdi-battery-charging-wireless-70::before{content:"\F080E"}.mdi-battery-charging-wireless-80::before{content:"\F080F"}.mdi-battery-charging-wireless-90::before{content:"\F0810"}.mdi-battery-charging-wireless-alert::before{content:"\F0811"}.mdi-battery-charging-wireless-outline::before{content:"\F0812"}.mdi-battery-check::before{content:"\F17E2"}.mdi-battery-check-outline::before{content:"\F17E3"}.mdi-battery-clock::before{content:"\F19E5"}.mdi-battery-clock-outline::before{content:"\F19E6"}.mdi-battery-heart::before{content:"\F120F"}.mdi-battery-heart-outline::before{content:"\F1210"}.mdi-battery-heart-variant::before{content:"\F1211"}.mdi-battery-high::before{content:"\F12A3"}.mdi-battery-lock::before{content:"\F179C"}.mdi-battery-lock-open::before{content:"\F179D"}.mdi-battery-low::before{content:"\F12A1"}.mdi-battery-medium::before{content:"\F12A2"}.mdi-battery-minus::before{content:"\F17E4"}.mdi-battery-minus-outline::before{content:"\F17E5"}.mdi-battery-minus-variant::before{content:"\F008C"}.mdi-battery-negative::before{content:"\F008D"}.mdi-battery-off::before{content:"\F125D"}.mdi-battery-off-outline::before{content:"\F125E"}.mdi-battery-outline::before{content:"\F008E"}.mdi-battery-plus::before{content:"\F17E6"}.mdi-battery-plus-outline::before{content:"\F17E7"}.mdi-battery-plus-variant::before{content:"\F008F"}.mdi-battery-positive::before{content:"\F0090"}.mdi-battery-remove::before{content:"\F17E8"}.mdi-battery-remove-outline::before{content:"\F17E9"}.mdi-battery-sync::before{content:"\F1834"}.mdi-battery-sync-outline::before{content:"\F1835"}.mdi-battery-unknown::before{content:"\F0091"}.mdi-battery-unknown-bluetooth::before{content:"\F094A"}.mdi-beach::before{content:"\F0092"}.mdi-beaker::before{content:"\F0CEA"}.mdi-beaker-alert::before{content:"\F1229"}.mdi-beaker-alert-outline::before{content:"\F122A"}.mdi-beaker-check::before{content:"\F122B"}.mdi-beaker-check-outline::before{content:"\F122C"}.mdi-beaker-minus::before{content:"\F122D"}.mdi-beaker-minus-outline::before{content:"\F122E"}.mdi-beaker-outline::before{content:"\F0690"}.mdi-beaker-plus::before{content:"\F122F"}.mdi-beaker-plus-outline::before{content:"\F1230"}.mdi-beaker-question::before{content:"\F1231"}.mdi-beaker-question-outline::before{content:"\F1232"}.mdi-beaker-remove::before{content:"\F1233"}.mdi-beaker-remove-outline::before{content:"\F1234"}.mdi-bed::before{content:"\F02E3"}.mdi-bed-clock::before{content:"\F1B94"}.mdi-bed-double::before{content:"\F0FD4"}.mdi-bed-double-outline::before{content:"\F0FD3"}.mdi-bed-empty::before{content:"\F08A0"}.mdi-bed-king::before{content:"\F0FD2"}.mdi-bed-king-outline::before{content:"\F0FD1"}.mdi-bed-outline::before{content:"\F0099"}.mdi-bed-queen::before{content:"\F0FD0"}.mdi-bed-queen-outline::before{content:"\F0FDB"}.mdi-bed-single::before{content:"\F106D"}.mdi-bed-single-outline::before{content:"\F106E"}.mdi-bee::before{content:"\F0FA1"}.mdi-bee-flower::before{content:"\F0FA2"}.mdi-beehive-off-outline::before{content:"\F13ED"}.mdi-beehive-outline::before{content:"\F10CE"}.mdi-beekeeper::before{content:"\F14E2"}.mdi-beer::before{content:"\F0098"}.mdi-beer-outline::before{content:"\F130C"}.mdi-bell::before{content:"\F009A"}.mdi-bell-alert::before{content:"\F0D59"}.mdi-bell-alert-outline::before{content:"\F0E81"}.mdi-bell-badge::before{content:"\F116B"}.mdi-bell-badge-outline::before{content:"\F0178"}.mdi-bell-cancel::before{content:"\F13E7"}.mdi-bell-cancel-outline::before{content:"\F13E8"}.mdi-bell-check::before{content:"\F11E5"}.mdi-bell-check-outline::before{content:"\F11E6"}.mdi-bell-circle::before{content:"\F0D5A"}.mdi-bell-circle-outline::before{content:"\F0D5B"}.mdi-bell-cog::before{content:"\F1A29"}.mdi-bell-cog-outline::before{content:"\F1A2A"}.mdi-bell-minus::before{content:"\F13E9"}.mdi-bell-minus-outline::before{content:"\F13EA"}.mdi-bell-off::before{content:"\F009B"}.mdi-bell-off-outline::before{content:"\F0A91"}.mdi-bell-outline::before{content:"\F009C"}.mdi-bell-plus::before{content:"\F009D"}.mdi-bell-plus-outline::before{content:"\F0A92"}.mdi-bell-remove::before{content:"\F13EB"}.mdi-bell-remove-outline::before{content:"\F13EC"}.mdi-bell-ring::before{content:"\F009E"}.mdi-bell-ring-outline::before{content:"\F009F"}.mdi-bell-sleep::before{content:"\F00A0"}.mdi-bell-sleep-outline::before{content:"\F0A93"}.mdi-bench::before{content:"\F1C21"}.mdi-bench-back::before{content:"\F1C22"}.mdi-beta::before{content:"\F00A1"}.mdi-betamax::before{content:"\F09CB"}.mdi-biathlon::before{content:"\F0E14"}.mdi-bicycle::before{content:"\F109C"}.mdi-bicycle-basket::before{content:"\F1235"}.mdi-bicycle-cargo::before{content:"\F189C"}.mdi-bicycle-electric::before{content:"\F15B4"}.mdi-bicycle-penny-farthing::before{content:"\F15E9"}.mdi-bike::before{content:"\F00A3"}.mdi-bike-fast::before{content:"\F111F"}.mdi-bike-pedal::before{content:"\F1C23"}.mdi-bike-pedal-clipless::before{content:"\F1C24"}.mdi-bike-pedal-mountain::before{content:"\F1C25"}.mdi-billboard::before{content:"\F1010"}.mdi-billiards::before{content:"\F0B61"}.mdi-billiards-rack::before{content:"\F0B62"}.mdi-binoculars::before{content:"\F00A5"}.mdi-bio::before{content:"\F00A6"}.mdi-biohazard::before{content:"\F00A7"}.mdi-bird::before{content:"\F15C6"}.mdi-bitbucket::before{content:"\F00A8"}.mdi-bitcoin::before{content:"\F0813"}.mdi-black-mesa::before{content:"\F00A9"}.mdi-blender::before{content:"\F0CEB"}.mdi-blender-outline::before{content:"\F181A"}.mdi-blender-software::before{content:"\F00AB"}.mdi-blinds::before{content:"\F00AC"}.mdi-blinds-horizontal::before{content:"\F1A2B"}.mdi-blinds-horizontal-closed::before{content:"\F1A2C"}.mdi-blinds-open::before{content:"\F1011"}.mdi-blinds-vertical::before{content:"\F1A2D"}.mdi-blinds-vertical-closed::before{content:"\F1A2E"}.mdi-block-helper::before{content:"\F00AD"}.mdi-blood-bag::before{content:"\F0CEC"}.mdi-bluetooth::before{content:"\F00AF"}.mdi-bluetooth-audio::before{content:"\F00B0"}.mdi-bluetooth-connect::before{content:"\F00B1"}.mdi-bluetooth-off::before{content:"\F00B2"}.mdi-bluetooth-settings::before{content:"\F00B3"}.mdi-bluetooth-transfer::before{content:"\F00B4"}.mdi-blur::before{content:"\F00B5"}.mdi-blur-linear::before{content:"\F00B6"}.mdi-blur-off::before{content:"\F00B7"}.mdi-blur-radial::before{content:"\F00B8"}.mdi-bolt::before{content:"\F0DB3"}.mdi-bomb::before{content:"\F0691"}.mdi-bomb-off::before{content:"\F06C5"}.mdi-bone::before{content:"\F00B9"}.mdi-bone-off::before{content:"\F19E0"}.mdi-book::before{content:"\F00BA"}.mdi-book-account::before{content:"\F13AD"}.mdi-book-account-outline::before{content:"\F13AE"}.mdi-book-alert::before{content:"\F167C"}.mdi-book-alert-outline::before{content:"\F167D"}.mdi-book-alphabet::before{content:"\F061D"}.mdi-book-arrow-down::before{content:"\F167E"}.mdi-book-arrow-down-outline::before{content:"\F167F"}.mdi-book-arrow-left::before{content:"\F1680"}.mdi-book-arrow-left-outline::before{content:"\F1681"}.mdi-book-arrow-right::before{content:"\F1682"}.mdi-book-arrow-right-outline::before{content:"\F1683"}.mdi-book-arrow-up::before{content:"\F1684"}.mdi-book-arrow-up-outline::before{content:"\F1685"}.mdi-book-cancel::before{content:"\F1686"}.mdi-book-cancel-outline::before{content:"\F1687"}.mdi-book-check::before{content:"\F14F3"}.mdi-book-check-outline::before{content:"\F14F4"}.mdi-book-clock::before{content:"\F1688"}.mdi-book-clock-outline::before{content:"\F1689"}.mdi-book-cog::before{content:"\F168A"}.mdi-book-cog-outline::before{content:"\F168B"}.mdi-book-cross::before{content:"\F00A2"}.mdi-book-edit::before{content:"\F168C"}.mdi-book-edit-outline::before{content:"\F168D"}.mdi-book-education::before{content:"\F16C9"}.mdi-book-education-outline::before{content:"\F16CA"}.mdi-book-heart::before{content:"\F1A1D"}.mdi-book-heart-outline::before{content:"\F1A1E"}.mdi-book-information-variant::before{content:"\F106F"}.mdi-book-lock::before{content:"\F079A"}.mdi-book-lock-open::before{content:"\F079B"}.mdi-book-lock-open-outline::before{content:"\F168E"}.mdi-book-lock-outline::before{content:"\F168F"}.mdi-book-marker::before{content:"\F1690"}.mdi-book-marker-outline::before{content:"\F1691"}.mdi-book-minus::before{content:"\F05D9"}.mdi-book-minus-multiple::before{content:"\F0A94"}.mdi-book-minus-multiple-outline::before{content:"\F090B"}.mdi-book-minus-outline::before{content:"\F1692"}.mdi-book-multiple::before{content:"\F00BB"}.mdi-book-multiple-outline::before{content:"\F0436"}.mdi-book-music::before{content:"\F0067"}.mdi-book-music-outline::before{content:"\F1693"}.mdi-book-off::before{content:"\F1694"}.mdi-book-off-outline::before{content:"\F1695"}.mdi-book-open::before{content:"\F00BD"}.mdi-book-open-blank-variant::before{content:"\F00BE"}.mdi-book-open-blank-variant-outline::before{content:"\F1CCB"}.mdi-book-open-outline::before{content:"\F0B63"}.mdi-book-open-page-variant::before{content:"\F05DA"}.mdi-book-open-page-variant-outline::before{content:"\F15D6"}.mdi-book-open-variant::before{content:"\F14F7"}.mdi-book-open-variant-outline::before{content:"\F1CCC"}.mdi-book-outline::before{content:"\F0B64"}.mdi-book-play::before{content:"\F0E82"}.mdi-book-play-outline::before{content:"\F0E83"}.mdi-book-plus::before{content:"\F05DB"}.mdi-book-plus-multiple::before{content:"\F0A95"}.mdi-book-plus-multiple-outline::before{content:"\F0ADE"}.mdi-book-plus-outline::before{content:"\F1696"}.mdi-book-refresh::before{content:"\F1697"}.mdi-book-refresh-outline::before{content:"\F1698"}.mdi-book-remove::before{content:"\F0A97"}.mdi-book-remove-multiple::before{content:"\F0A96"}.mdi-book-remove-multiple-outline::before{content:"\F04CA"}.mdi-book-remove-outline::before{content:"\F1699"}.mdi-book-search::before{content:"\F0E84"}.mdi-book-search-outline::before{content:"\F0E85"}.mdi-book-settings::before{content:"\F169A"}.mdi-book-settings-outline::before{content:"\F169B"}.mdi-book-sync::before{content:"\F169C"}.mdi-book-sync-outline::before{content:"\F16C8"}.mdi-book-variant::before{content:"\F00BF"}.mdi-bookmark::before{content:"\F00C0"}.mdi-bookmark-box::before{content:"\F1B75"}.mdi-bookmark-box-multiple::before{content:"\F196C"}.mdi-bookmark-box-multiple-outline::before{content:"\F196D"}.mdi-bookmark-box-outline::before{content:"\F1B76"}.mdi-bookmark-check::before{content:"\F00C1"}.mdi-bookmark-check-outline::before{content:"\F137B"}.mdi-bookmark-minus::before{content:"\F09CC"}.mdi-bookmark-minus-outline::before{content:"\F09CD"}.mdi-bookmark-multiple::before{content:"\F0E15"}.mdi-bookmark-multiple-outline::before{content:"\F0E16"}.mdi-bookmark-music::before{content:"\F00C2"}.mdi-bookmark-music-outline::before{content:"\F1379"}.mdi-bookmark-off::before{content:"\F09CE"}.mdi-bookmark-off-outline::before{content:"\F09CF"}.mdi-bookmark-outline::before{content:"\F00C3"}.mdi-bookmark-plus::before{content:"\F00C5"}.mdi-bookmark-plus-outline::before{content:"\F00C4"}.mdi-bookmark-remove::before{content:"\F00C6"}.mdi-bookmark-remove-outline::before{content:"\F137A"}.mdi-bookshelf::before{content:"\F125F"}.mdi-boom-gate::before{content:"\F0E86"}.mdi-boom-gate-alert::before{content:"\F0E87"}.mdi-boom-gate-alert-outline::before{content:"\F0E88"}.mdi-boom-gate-arrow-down::before{content:"\F0E89"}.mdi-boom-gate-arrow-down-outline::before{content:"\F0E8A"}.mdi-boom-gate-arrow-up::before{content:"\F0E8C"}.mdi-boom-gate-arrow-up-outline::before{content:"\F0E8D"}.mdi-boom-gate-outline::before{content:"\F0E8B"}.mdi-boom-gate-up::before{content:"\F17F9"}.mdi-boom-gate-up-outline::before{content:"\F17FA"}.mdi-boombox::before{content:"\F05DC"}.mdi-boomerang::before{content:"\F10CF"}.mdi-bootstrap::before{content:"\F06C6"}.mdi-border-all::before{content:"\F00C7"}.mdi-border-all-variant::before{content:"\F08A1"}.mdi-border-bottom::before{content:"\F00C8"}.mdi-border-bottom-variant::before{content:"\F08A2"}.mdi-border-color::before{content:"\F00C9"}.mdi-border-horizontal::before{content:"\F00CA"}.mdi-border-inside::before{content:"\F00CB"}.mdi-border-left::before{content:"\F00CC"}.mdi-border-left-variant::before{content:"\F08A3"}.mdi-border-none::before{content:"\F00CD"}.mdi-border-none-variant::before{content:"\F08A4"}.mdi-border-outside::before{content:"\F00CE"}.mdi-border-radius::before{content:"\F1AF4"}.mdi-border-right::before{content:"\F00CF"}.mdi-border-right-variant::before{content:"\F08A5"}.mdi-border-style::before{content:"\F00D0"}.mdi-border-top::before{content:"\F00D1"}.mdi-border-top-variant::before{content:"\F08A6"}.mdi-border-vertical::before{content:"\F00D2"}.mdi-bottle-soda::before{content:"\F1070"}.mdi-bottle-soda-classic::before{content:"\F1071"}.mdi-bottle-soda-classic-outline::before{content:"\F1363"}.mdi-bottle-soda-outline::before{content:"\F1072"}.mdi-bottle-tonic::before{content:"\F112E"}.mdi-bottle-tonic-outline::before{content:"\F112F"}.mdi-bottle-tonic-plus::before{content:"\F1130"}.mdi-bottle-tonic-plus-outline::before{content:"\F1131"}.mdi-bottle-tonic-skull::before{content:"\F1132"}.mdi-bottle-tonic-skull-outline::before{content:"\F1133"}.mdi-bottle-wine::before{content:"\F0854"}.mdi-bottle-wine-outline::before{content:"\F1310"}.mdi-bow-arrow::before{content:"\F1841"}.mdi-bow-tie::before{content:"\F0678"}.mdi-bowl::before{content:"\F028E"}.mdi-bowl-mix::before{content:"\F0617"}.mdi-bowl-mix-outline::before{content:"\F02E4"}.mdi-bowl-outline::before{content:"\F02A9"}.mdi-bowling::before{content:"\F00D3"}.mdi-box::before{content:"\F00D4"}.mdi-box-cutter::before{content:"\F00D5"}.mdi-box-cutter-off::before{content:"\F0B4A"}.mdi-box-shadow::before{content:"\F0637"}.mdi-boxing-glove::before{content:"\F0B65"}.mdi-braille::before{content:"\F09D0"}.mdi-brain::before{content:"\F09D1"}.mdi-bread-slice::before{content:"\F0CEE"}.mdi-bread-slice-outline::before{content:"\F0CEF"}.mdi-bridge::before{content:"\F0618"}.mdi-briefcase::before{content:"\F00D6"}.mdi-briefcase-account::before{content:"\F0CF0"}.mdi-briefcase-account-outline::before{content:"\F0CF1"}.mdi-briefcase-arrow-left-right::before{content:"\F1A8D"}.mdi-briefcase-arrow-left-right-outline::before{content:"\F1A8E"}.mdi-briefcase-arrow-up-down::before{content:"\F1A8F"}.mdi-briefcase-arrow-up-down-outline::before{content:"\F1A90"}.mdi-briefcase-check::before{content:"\F00D7"}.mdi-briefcase-check-outline::before{content:"\F131E"}.mdi-briefcase-clock::before{content:"\F10D0"}.mdi-briefcase-clock-outline::before{content:"\F10D1"}.mdi-briefcase-download::before{content:"\F00D8"}.mdi-briefcase-download-outline::before{content:"\F0C3D"}.mdi-briefcase-edit::before{content:"\F0A98"}.mdi-briefcase-edit-outline::before{content:"\F0C3E"}.mdi-briefcase-eye::before{content:"\F17D9"}.mdi-briefcase-eye-outline::before{content:"\F17DA"}.mdi-briefcase-minus::before{content:"\F0A2A"}.mdi-briefcase-minus-outline::before{content:"\F0C3F"}.mdi-briefcase-off::before{content:"\F1658"}.mdi-briefcase-off-outline::before{content:"\F1659"}.mdi-briefcase-outline::before{content:"\F0814"}.mdi-briefcase-plus::before{content:"\F0A2B"}.mdi-briefcase-plus-outline::before{content:"\F0C40"}.mdi-briefcase-remove::before{content:"\F0A2C"}.mdi-briefcase-remove-outline::before{content:"\F0C41"}.mdi-briefcase-search::before{content:"\F0A2D"}.mdi-briefcase-search-outline::before{content:"\F0C42"}.mdi-briefcase-upload::before{content:"\F00D9"}.mdi-briefcase-upload-outline::before{content:"\F0C43"}.mdi-briefcase-variant::before{content:"\F1494"}.mdi-briefcase-variant-off::before{content:"\F165A"}.mdi-briefcase-variant-off-outline::before{content:"\F165B"}.mdi-briefcase-variant-outline::before{content:"\F1495"}.mdi-brightness-1::before{content:"\F00DA"}.mdi-brightness-2::before{content:"\F00DB"}.mdi-brightness-3::before{content:"\F00DC"}.mdi-brightness-4::before{content:"\F00DD"}.mdi-brightness-5::before{content:"\F00DE"}.mdi-brightness-6::before{content:"\F00DF"}.mdi-brightness-7::before{content:"\F00E0"}.mdi-brightness-auto::before{content:"\F00E1"}.mdi-brightness-percent::before{content:"\F0CF2"}.mdi-broadcast::before{content:"\F1720"}.mdi-broadcast-off::before{content:"\F1721"}.mdi-broom::before{content:"\F00E2"}.mdi-brush::before{content:"\F00E3"}.mdi-brush-off::before{content:"\F1771"}.mdi-brush-outline::before{content:"\F1A0D"}.mdi-brush-variant::before{content:"\F1813"}.mdi-bucket::before{content:"\F1415"}.mdi-bucket-outline::before{content:"\F1416"}.mdi-buffet::before{content:"\F0578"}.mdi-bug::before{content:"\F00E4"}.mdi-bug-check::before{content:"\F0A2E"}.mdi-bug-check-outline::before{content:"\F0A2F"}.mdi-bug-outline::before{content:"\F0A30"}.mdi-bug-pause::before{content:"\F1AF5"}.mdi-bug-pause-outline::before{content:"\F1AF6"}.mdi-bug-play::before{content:"\F1AF7"}.mdi-bug-play-outline::before{content:"\F1AF8"}.mdi-bug-stop::before{content:"\F1AF9"}.mdi-bug-stop-outline::before{content:"\F1AFA"}.mdi-bugle::before{content:"\F0DB4"}.mdi-bulkhead-light::before{content:"\F1A2F"}.mdi-bulldozer::before{content:"\F0B22"}.mdi-bullet::before{content:"\F0CF3"}.mdi-bulletin-board::before{content:"\F00E5"}.mdi-bullhorn::before{content:"\F00E6"}.mdi-bullhorn-outline::before{content:"\F0B23"}.mdi-bullhorn-variant::before{content:"\F196E"}.mdi-bullhorn-variant-outline::before{content:"\F196F"}.mdi-bullseye::before{content:"\F05DD"}.mdi-bullseye-arrow::before{content:"\F08C9"}.mdi-bulma::before{content:"\F12E7"}.mdi-bunk-bed::before{content:"\F1302"}.mdi-bunk-bed-outline::before{content:"\F0097"}.mdi-bus::before{content:"\F00E7"}.mdi-bus-alert::before{content:"\F0A99"}.mdi-bus-articulated-end::before{content:"\F079C"}.mdi-bus-articulated-front::before{content:"\F079D"}.mdi-bus-clock::before{content:"\F08CA"}.mdi-bus-double-decker::before{content:"\F079E"}.mdi-bus-electric::before{content:"\F191D"}.mdi-bus-marker::before{content:"\F1212"}.mdi-bus-multiple::before{content:"\F0F3F"}.mdi-bus-school::before{content:"\F079F"}.mdi-bus-side::before{content:"\F07A0"}.mdi-bus-sign::before{content:"\F1CC1"}.mdi-bus-stop::before{content:"\F1012"}.mdi-bus-stop-covered::before{content:"\F1013"}.mdi-bus-stop-uncovered::before{content:"\F1014"}.mdi-bus-wrench::before{content:"\F1CC2"}.mdi-butterfly::before{content:"\F1589"}.mdi-butterfly-outline::before{content:"\F158A"}.mdi-button-cursor::before{content:"\F1B4F"}.mdi-button-pointer::before{content:"\F1B50"}.mdi-cabin-a-frame::before{content:"\F188C"}.mdi-cable-data::before{content:"\F1394"}.mdi-cached::before{content:"\F00E8"}.mdi-cactus::before{content:"\F0DB5"}.mdi-cake::before{content:"\F00E9"}.mdi-cake-layered::before{content:"\F00EA"}.mdi-cake-variant::before{content:"\F00EB"}.mdi-cake-variant-outline::before{content:"\F17F0"}.mdi-calculator::before{content:"\F00EC"}.mdi-calculator-variant::before{content:"\F0A9A"}.mdi-calculator-variant-outline::before{content:"\F15A6"}.mdi-calendar::before{content:"\F00ED"}.mdi-calendar-account::before{content:"\F0ED7"}.mdi-calendar-account-outline::before{content:"\F0ED8"}.mdi-calendar-alert::before{content:"\F0A31"}.mdi-calendar-alert-outline::before{content:"\F1B62"}.mdi-calendar-arrow-left::before{content:"\F1134"}.mdi-calendar-arrow-right::before{content:"\F1135"}.mdi-calendar-badge::before{content:"\F1B9D"}.mdi-calendar-badge-outline::before{content:"\F1B9E"}.mdi-calendar-blank::before{content:"\F00EE"}.mdi-calendar-blank-multiple::before{content:"\F1073"}.mdi-calendar-blank-outline::before{content:"\F0B66"}.mdi-calendar-check::before{content:"\F00EF"}.mdi-calendar-check-outline::before{content:"\F0C44"}.mdi-calendar-clock::before{content:"\F00F0"}.mdi-calendar-clock-outline::before{content:"\F16E1"}.mdi-calendar-collapse-horizontal::before{content:"\F189D"}.mdi-calendar-collapse-horizontal-outline::before{content:"\F1B63"}.mdi-calendar-cursor::before{content:"\F157B"}.mdi-calendar-cursor-outline::before{content:"\F1B64"}.mdi-calendar-edit::before{content:"\F08A7"}.mdi-calendar-edit-outline::before{content:"\F1B65"}.mdi-calendar-end::before{content:"\F166C"}.mdi-calendar-end-outline::before{content:"\F1B66"}.mdi-calendar-expand-horizontal::before{content:"\F189E"}.mdi-calendar-expand-horizontal-outline::before{content:"\F1B67"}.mdi-calendar-export::before{content:"\F0B24"}.mdi-calendar-export-outline::before{content:"\F1B68"}.mdi-calendar-filter::before{content:"\F1A32"}.mdi-calendar-filter-outline::before{content:"\F1A33"}.mdi-calendar-heart::before{content:"\F09D2"}.mdi-calendar-heart-outline::before{content:"\F1B69"}.mdi-calendar-import::before{content:"\F0B25"}.mdi-calendar-import-outline::before{content:"\F1B6A"}.mdi-calendar-lock::before{content:"\F1641"}.mdi-calendar-lock-open::before{content:"\F1B5B"}.mdi-calendar-lock-open-outline::before{content:"\F1B5C"}.mdi-calendar-lock-outline::before{content:"\F1642"}.mdi-calendar-minus::before{content:"\F0D5C"}.mdi-calendar-minus-outline::before{content:"\F1B6B"}.mdi-calendar-month::before{content:"\F0E17"}.mdi-calendar-month-outline::before{content:"\F0E18"}.mdi-calendar-multiple::before{content:"\F00F1"}.mdi-calendar-multiple-check::before{content:"\F00F2"}.mdi-calendar-multiselect::before{content:"\F0A32"}.mdi-calendar-multiselect-outline::before{content:"\F1B55"}.mdi-calendar-outline::before{content:"\F0B67"}.mdi-calendar-plus::before{content:"\F00F3"}.mdi-calendar-plus-outline::before{content:"\F1B6C"}.mdi-calendar-question::before{content:"\F0692"}.mdi-calendar-question-outline::before{content:"\F1B6D"}.mdi-calendar-range::before{content:"\F0679"}.mdi-calendar-range-outline::before{content:"\F0B68"}.mdi-calendar-refresh::before{content:"\F01E1"}.mdi-calendar-refresh-outline::before{content:"\F0203"}.mdi-calendar-remove::before{content:"\F00F4"}.mdi-calendar-remove-outline::before{content:"\F0C45"}.mdi-calendar-search::before{content:"\F094C"}.mdi-calendar-search-outline::before{content:"\F1B6E"}.mdi-calendar-star::before{content:"\F09D3"}.mdi-calendar-star-four-points::before{content:"\F1C1F"}.mdi-calendar-star-outline::before{content:"\F1B53"}.mdi-calendar-start::before{content:"\F166D"}.mdi-calendar-start-outline::before{content:"\F1B6F"}.mdi-calendar-sync::before{content:"\F0E8E"}.mdi-calendar-sync-outline::before{content:"\F0E8F"}.mdi-calendar-text::before{content:"\F00F5"}.mdi-calendar-text-outline::before{content:"\F0C46"}.mdi-calendar-today::before{content:"\F00F6"}.mdi-calendar-today-outline::before{content:"\F1A30"}.mdi-calendar-week::before{content:"\F0A33"}.mdi-calendar-week-begin::before{content:"\F0A34"}.mdi-calendar-week-begin-outline::before{content:"\F1A31"}.mdi-calendar-week-outline::before{content:"\F1A34"}.mdi-calendar-weekend::before{content:"\F0ED9"}.mdi-calendar-weekend-outline::before{content:"\F0EDA"}.mdi-call-made::before{content:"\F00F7"}.mdi-call-merge::before{content:"\F00F8"}.mdi-call-missed::before{content:"\F00F9"}.mdi-call-received::before{content:"\F00FA"}.mdi-call-split::before{content:"\F00FB"}.mdi-camcorder::before{content:"\F00FC"}.mdi-camcorder-off::before{content:"\F00FF"}.mdi-camera::before{content:"\F0100"}.mdi-camera-account::before{content:"\F08CB"}.mdi-camera-burst::before{content:"\F0693"}.mdi-camera-control::before{content:"\F0B69"}.mdi-camera-document::before{content:"\F1871"}.mdi-camera-document-off::before{content:"\F1872"}.mdi-camera-enhance::before{content:"\F0101"}.mdi-camera-enhance-outline::before{content:"\F0B6A"}.mdi-camera-flip::before{content:"\F15D9"}.mdi-camera-flip-outline::before{content:"\F15DA"}.mdi-camera-front::before{content:"\F0102"}.mdi-camera-front-variant::before{content:"\F0103"}.mdi-camera-gopro::before{content:"\F07A1"}.mdi-camera-image::before{content:"\F08CC"}.mdi-camera-iris::before{content:"\F0104"}.mdi-camera-lock::before{content:"\F1A14"}.mdi-camera-lock-open::before{content:"\F1C0D"}.mdi-camera-lock-open-outline::before{content:"\F1C0E"}.mdi-camera-lock-outline::before{content:"\F1A15"}.mdi-camera-marker::before{content:"\F19A7"}.mdi-camera-marker-outline::before{content:"\F19A8"}.mdi-camera-metering-center::before{content:"\F07A2"}.mdi-camera-metering-matrix::before{content:"\F07A3"}.mdi-camera-metering-partial::before{content:"\F07A4"}.mdi-camera-metering-spot::before{content:"\F07A5"}.mdi-camera-off::before{content:"\F05DF"}.mdi-camera-off-outline::before{content:"\F19BF"}.mdi-camera-outline::before{content:"\F0D5D"}.mdi-camera-party-mode::before{content:"\F0105"}.mdi-camera-plus::before{content:"\F0EDB"}.mdi-camera-plus-outline::before{content:"\F0EDC"}.mdi-camera-rear::before{content:"\F0106"}.mdi-camera-rear-variant::before{content:"\F0107"}.mdi-camera-retake::before{content:"\F0E19"}.mdi-camera-retake-outline::before{content:"\F0E1A"}.mdi-camera-switch::before{content:"\F0108"}.mdi-camera-switch-outline::before{content:"\F084A"}.mdi-camera-timer::before{content:"\F0109"}.mdi-camera-wireless::before{content:"\F0DB6"}.mdi-camera-wireless-outline::before{content:"\F0DB7"}.mdi-campfire::before{content:"\F0EDD"}.mdi-cancel::before{content:"\F073A"}.mdi-candelabra::before{content:"\F17D2"}.mdi-candelabra-fire::before{content:"\F17D3"}.mdi-candle::before{content:"\F05E2"}.mdi-candy::before{content:"\F1970"}.mdi-candy-off::before{content:"\F1971"}.mdi-candy-off-outline::before{content:"\F1972"}.mdi-candy-outline::before{content:"\F1973"}.mdi-candycane::before{content:"\F010A"}.mdi-cannabis::before{content:"\F07A6"}.mdi-cannabis-off::before{content:"\F166E"}.mdi-caps-lock::before{content:"\F0A9B"}.mdi-car::before{content:"\F010B"}.mdi-car-2-plus::before{content:"\F1015"}.mdi-car-3-plus::before{content:"\F1016"}.mdi-car-arrow-left::before{content:"\F13B2"}.mdi-car-arrow-right::before{content:"\F13B3"}.mdi-car-back::before{content:"\F0E1B"}.mdi-car-battery::before{content:"\F010C"}.mdi-car-brake-abs::before{content:"\F0C47"}.mdi-car-brake-alert::before{content:"\F0C48"}.mdi-car-brake-fluid-level::before{content:"\F1909"}.mdi-car-brake-hold::before{content:"\F0D5E"}.mdi-car-brake-low-pressure::before{content:"\F190A"}.mdi-car-brake-parking::before{content:"\F0D5F"}.mdi-car-brake-retarder::before{content:"\F1017"}.mdi-car-brake-temperature::before{content:"\F190B"}.mdi-car-brake-worn-linings::before{content:"\F190C"}.mdi-car-child-seat::before{content:"\F0FA3"}.mdi-car-clock::before{content:"\F1974"}.mdi-car-clutch::before{content:"\F1018"}.mdi-car-cog::before{content:"\F13CC"}.mdi-car-connected::before{content:"\F010D"}.mdi-car-convertible::before{content:"\F07A7"}.mdi-car-coolant-level::before{content:"\F1019"}.mdi-car-cruise-control::before{content:"\F0D60"}.mdi-car-defrost-front::before{content:"\F0D61"}.mdi-car-defrost-rear::before{content:"\F0D62"}.mdi-car-door::before{content:"\F0B6B"}.mdi-car-door-lock::before{content:"\F109D"}.mdi-car-door-lock-open::before{content:"\F1C81"}.mdi-car-electric::before{content:"\F0B6C"}.mdi-car-electric-outline::before{content:"\F15B5"}.mdi-car-emergency::before{content:"\F160F"}.mdi-car-esp::before{content:"\F0C49"}.mdi-car-estate::before{content:"\F07A8"}.mdi-car-hatchback::before{content:"\F07A9"}.mdi-car-info::before{content:"\F11BE"}.mdi-car-key::before{content:"\F0B6D"}.mdi-car-lifted-pickup::before{content:"\F152D"}.mdi-car-light-alert::before{content:"\F190D"}.mdi-car-light-dimmed::before{content:"\F0C4A"}.mdi-car-light-fog::before{content:"\F0C4B"}.mdi-car-light-high::before{content:"\F0C4C"}.mdi-car-limousine::before{content:"\F08CD"}.mdi-car-multiple::before{content:"\F0B6E"}.mdi-car-off::before{content:"\F0E1C"}.mdi-car-outline::before{content:"\F14ED"}.mdi-car-parking-lights::before{content:"\F0D63"}.mdi-car-pickup::before{content:"\F07AA"}.mdi-car-search::before{content:"\F1B8D"}.mdi-car-search-outline::before{content:"\F1B8E"}.mdi-car-seat::before{content:"\F0FA4"}.mdi-car-seat-cooler::before{content:"\F0FA5"}.mdi-car-seat-heater::before{content:"\F0FA6"}.mdi-car-select::before{content:"\F1879"}.mdi-car-settings::before{content:"\F13CD"}.mdi-car-shift-pattern::before{content:"\F0F40"}.mdi-car-side::before{content:"\F07AB"}.mdi-car-speed-limiter::before{content:"\F190E"}.mdi-car-sports::before{content:"\F07AC"}.mdi-car-tire-alert::before{content:"\F0C4D"}.mdi-car-traction-control::before{content:"\F0D64"}.mdi-car-turbocharger::before{content:"\F101A"}.mdi-car-wash::before{content:"\F010E"}.mdi-car-windshield::before{content:"\F101B"}.mdi-car-windshield-outline::before{content:"\F101C"}.mdi-car-wireless::before{content:"\F1878"}.mdi-car-wrench::before{content:"\F1814"}.mdi-carabiner::before{content:"\F14C0"}.mdi-caravan::before{content:"\F07AD"}.mdi-card::before{content:"\F0B6F"}.mdi-card-account-details::before{content:"\F05D2"}.mdi-card-account-details-outline::before{content:"\F0DAB"}.mdi-card-account-details-star::before{content:"\F02A3"}.mdi-card-account-details-star-outline::before{content:"\F06DB"}.mdi-card-account-mail::before{content:"\F018E"}.mdi-card-account-mail-outline::before{content:"\F0E98"}.mdi-card-account-phone::before{content:"\F0E99"}.mdi-card-account-phone-outline::before{content:"\F0E9A"}.mdi-card-bulleted::before{content:"\F0B70"}.mdi-card-bulleted-off::before{content:"\F0B71"}.mdi-card-bulleted-off-outline::before{content:"\F0B72"}.mdi-card-bulleted-outline::before{content:"\F0B73"}.mdi-card-bulleted-settings::before{content:"\F0B74"}.mdi-card-bulleted-settings-outline::before{content:"\F0B75"}.mdi-card-minus::before{content:"\F1600"}.mdi-card-minus-outline::before{content:"\F1601"}.mdi-card-multiple::before{content:"\F17F1"}.mdi-card-multiple-outline::before{content:"\F17F2"}.mdi-card-off::before{content:"\F1602"}.mdi-card-off-outline::before{content:"\F1603"}.mdi-card-outline::before{content:"\F0B76"}.mdi-card-plus::before{content:"\F11FF"}.mdi-card-plus-outline::before{content:"\F1200"}.mdi-card-remove::before{content:"\F1604"}.mdi-card-remove-outline::before{content:"\F1605"}.mdi-card-search::before{content:"\F1074"}.mdi-card-search-outline::before{content:"\F1075"}.mdi-card-text::before{content:"\F0B77"}.mdi-card-text-outline::before{content:"\F0B78"}.mdi-cards::before{content:"\F0638"}.mdi-cards-club::before{content:"\F08CE"}.mdi-cards-club-outline::before{content:"\F189F"}.mdi-cards-diamond::before{content:"\F08CF"}.mdi-cards-diamond-outline::before{content:"\F101D"}.mdi-cards-heart::before{content:"\F08D0"}.mdi-cards-heart-outline::before{content:"\F18A0"}.mdi-cards-outline::before{content:"\F0639"}.mdi-cards-playing::before{content:"\F18A1"}.mdi-cards-playing-club::before{content:"\F18A2"}.mdi-cards-playing-club-multiple::before{content:"\F18A3"}.mdi-cards-playing-club-multiple-outline::before{content:"\F18A4"}.mdi-cards-playing-club-outline::before{content:"\F18A5"}.mdi-cards-playing-diamond::before{content:"\F18A6"}.mdi-cards-playing-diamond-multiple::before{content:"\F18A7"}.mdi-cards-playing-diamond-multiple-outline::before{content:"\F18A8"}.mdi-cards-playing-diamond-outline::before{content:"\F18A9"}.mdi-cards-playing-heart::before{content:"\F18AA"}.mdi-cards-playing-heart-multiple::before{content:"\F18AB"}.mdi-cards-playing-heart-multiple-outline::before{content:"\F18AC"}.mdi-cards-playing-heart-outline::before{content:"\F18AD"}.mdi-cards-playing-outline::before{content:"\F063A"}.mdi-cards-playing-spade::before{content:"\F18AE"}.mdi-cards-playing-spade-multiple::before{content:"\F18AF"}.mdi-cards-playing-spade-multiple-outline::before{content:"\F18B0"}.mdi-cards-playing-spade-outline::before{content:"\F18B1"}.mdi-cards-spade::before{content:"\F08D1"}.mdi-cards-spade-outline::before{content:"\F18B2"}.mdi-cards-variant::before{content:"\F06C7"}.mdi-carrot::before{content:"\F010F"}.mdi-cart::before{content:"\F0110"}.mdi-cart-arrow-down::before{content:"\F0D66"}.mdi-cart-arrow-right::before{content:"\F0C4E"}.mdi-cart-arrow-up::before{content:"\F0D67"}.mdi-cart-check::before{content:"\F15EA"}.mdi-cart-heart::before{content:"\F18E0"}.mdi-cart-minus::before{content:"\F0D68"}.mdi-cart-off::before{content:"\F066B"}.mdi-cart-outline::before{content:"\F0111"}.mdi-cart-percent::before{content:"\F1BAE"}.mdi-cart-plus::before{content:"\F0112"}.mdi-cart-remove::before{content:"\F0D69"}.mdi-cart-variant::before{content:"\F15EB"}.mdi-case-sensitive-alt::before{content:"\F0113"}.mdi-cash::before{content:"\F0114"}.mdi-cash-100::before{content:"\F0115"}.mdi-cash-check::before{content:"\F14EE"}.mdi-cash-clock::before{content:"\F1A91"}.mdi-cash-edit::before{content:"\F1CAB"}.mdi-cash-fast::before{content:"\F185C"}.mdi-cash-lock::before{content:"\F14EA"}.mdi-cash-lock-open::before{content:"\F14EB"}.mdi-cash-marker::before{content:"\F0DB8"}.mdi-cash-minus::before{content:"\F1260"}.mdi-cash-multiple::before{content:"\F0116"}.mdi-cash-off::before{content:"\F1C79"}.mdi-cash-plus::before{content:"\F1261"}.mdi-cash-refund::before{content:"\F0A9C"}.mdi-cash-register::before{content:"\F0CF4"}.mdi-cash-remove::before{content:"\F1262"}.mdi-cash-sync::before{content:"\F1A92"}.mdi-cassette::before{content:"\F09D4"}.mdi-cast::before{content:"\F0118"}.mdi-cast-audio::before{content:"\F101E"}.mdi-cast-audio-variant::before{content:"\F1749"}.mdi-cast-connected::before{content:"\F0119"}.mdi-cast-education::before{content:"\F0E1D"}.mdi-cast-off::before{content:"\F078A"}.mdi-cast-variant::before{content:"\F001F"}.mdi-castle::before{content:"\F011A"}.mdi-cat::before{content:"\F011B"}.mdi-cctv::before{content:"\F07AE"}.mdi-cctv-off::before{content:"\F185F"}.mdi-ceiling-fan::before{content:"\F1797"}.mdi-ceiling-fan-light::before{content:"\F1798"}.mdi-ceiling-light::before{content:"\F0769"}.mdi-ceiling-light-multiple::before{content:"\F18DD"}.mdi-ceiling-light-multiple-outline::before{content:"\F18DE"}.mdi-ceiling-light-outline::before{content:"\F17C7"}.mdi-cellphone::before{content:"\F011C"}.mdi-cellphone-arrow-down::before{content:"\F09D5"}.mdi-cellphone-arrow-down-variant::before{content:"\F19C5"}.mdi-cellphone-basic::before{content:"\F011E"}.mdi-cellphone-charging::before{content:"\F1397"}.mdi-cellphone-check::before{content:"\F17FD"}.mdi-cellphone-cog::before{content:"\F0951"}.mdi-cellphone-dock::before{content:"\F011F"}.mdi-cellphone-information::before{content:"\F0F41"}.mdi-cellphone-key::before{content:"\F094E"}.mdi-cellphone-link::before{content:"\F0121"}.mdi-cellphone-link-off::before{content:"\F0122"}.mdi-cellphone-lock::before{content:"\F094F"}.mdi-cellphone-marker::before{content:"\F183A"}.mdi-cellphone-message::before{content:"\F08D3"}.mdi-cellphone-message-off::before{content:"\F10D2"}.mdi-cellphone-nfc::before{content:"\F0E90"}.mdi-cellphone-nfc-off::before{content:"\F12D8"}.mdi-cellphone-off::before{content:"\F0950"}.mdi-cellphone-play::before{content:"\F101F"}.mdi-cellphone-remove::before{content:"\F094D"}.mdi-cellphone-screenshot::before{content:"\F0A35"}.mdi-cellphone-settings::before{content:"\F0123"}.mdi-cellphone-sound::before{content:"\F0952"}.mdi-cellphone-text::before{content:"\F08D2"}.mdi-cellphone-wireless::before{content:"\F0815"}.mdi-centos::before{content:"\F111A"}.mdi-certificate::before{content:"\F0124"}.mdi-certificate-outline::before{content:"\F1188"}.mdi-chair-rolling::before{content:"\F0F48"}.mdi-chair-school::before{content:"\F0125"}.mdi-chandelier::before{content:"\F1793"}.mdi-charity::before{content:"\F0C4F"}.mdi-charity-search::before{content:"\F1C82"}.mdi-chart-arc::before{content:"\F0126"}.mdi-chart-areaspline::before{content:"\F0127"}.mdi-chart-areaspline-variant::before{content:"\F0E91"}.mdi-chart-bar::before{content:"\F0128"}.mdi-chart-bar-stacked::before{content:"\F076A"}.mdi-chart-bell-curve::before{content:"\F0C50"}.mdi-chart-bell-curve-cumulative::before{content:"\F0FA7"}.mdi-chart-box::before{content:"\F154D"}.mdi-chart-box-multiple::before{content:"\F1CCD"}.mdi-chart-box-multiple-outline::before{content:"\F1CCE"}.mdi-chart-box-outline::before{content:"\F154E"}.mdi-chart-box-plus-outline::before{content:"\F154F"}.mdi-chart-bubble::before{content:"\F05E3"}.mdi-chart-donut::before{content:"\F07AF"}.mdi-chart-donut-variant::before{content:"\F07B0"}.mdi-chart-gantt::before{content:"\F066C"}.mdi-chart-histogram::before{content:"\F0129"}.mdi-chart-line::before{content:"\F012A"}.mdi-chart-line-stacked::before{content:"\F076B"}.mdi-chart-line-variant::before{content:"\F07B1"}.mdi-chart-multiline::before{content:"\F08D4"}.mdi-chart-multiple::before{content:"\F1213"}.mdi-chart-pie::before{content:"\F012B"}.mdi-chart-pie-outline::before{content:"\F1BDF"}.mdi-chart-ppf::before{content:"\F1380"}.mdi-chart-sankey::before{content:"\F11DF"}.mdi-chart-sankey-variant::before{content:"\F11E0"}.mdi-chart-scatter-plot::before{content:"\F0E92"}.mdi-chart-scatter-plot-hexbin::before{content:"\F066D"}.mdi-chart-timeline::before{content:"\F066E"}.mdi-chart-timeline-variant::before{content:"\F0E93"}.mdi-chart-timeline-variant-shimmer::before{content:"\F15B6"}.mdi-chart-tree::before{content:"\F0E94"}.mdi-chart-waterfall::before{content:"\F1918"}.mdi-chat::before{content:"\F0B79"}.mdi-chat-alert::before{content:"\F0B7A"}.mdi-chat-alert-outline::before{content:"\F12C9"}.mdi-chat-minus::before{content:"\F1410"}.mdi-chat-minus-outline::before{content:"\F1413"}.mdi-chat-outline::before{content:"\F0EDE"}.mdi-chat-plus::before{content:"\F140F"}.mdi-chat-plus-outline::before{content:"\F1412"}.mdi-chat-processing::before{content:"\F0B7B"}.mdi-chat-processing-outline::before{content:"\F12CA"}.mdi-chat-question::before{content:"\F1738"}.mdi-chat-question-outline::before{content:"\F1739"}.mdi-chat-remove::before{content:"\F1411"}.mdi-chat-remove-outline::before{content:"\F1414"}.mdi-chat-sleep::before{content:"\F12D1"}.mdi-chat-sleep-outline::before{content:"\F12D2"}.mdi-check::before{content:"\F012C"}.mdi-check-all::before{content:"\F012D"}.mdi-check-bold::before{content:"\F0E1E"}.mdi-check-circle::before{content:"\F05E0"}.mdi-check-circle-outline::before{content:"\F05E1"}.mdi-check-decagram::before{content:"\F0791"}.mdi-check-decagram-outline::before{content:"\F1740"}.mdi-check-network::before{content:"\F0C53"}.mdi-check-network-outline::before{content:"\F0C54"}.mdi-check-outline::before{content:"\F0855"}.mdi-check-underline::before{content:"\F0E1F"}.mdi-check-underline-circle::before{content:"\F0E20"}.mdi-check-underline-circle-outline::before{content:"\F0E21"}.mdi-checkbook::before{content:"\F0A9D"}.mdi-checkbook-arrow-left::before{content:"\F1C1D"}.mdi-checkbook-arrow-right::before{content:"\F1C1E"}.mdi-checkbox-blank::before{content:"\F012E"}.mdi-checkbox-blank-badge::before{content:"\F1176"}.mdi-checkbox-blank-badge-outline::before{content:"\F0117"}.mdi-checkbox-blank-circle::before{content:"\F012F"}.mdi-checkbox-blank-circle-outline::before{content:"\F0130"}.mdi-checkbox-blank-off::before{content:"\F12EC"}.mdi-checkbox-blank-off-outline::before{content:"\F12ED"}.mdi-checkbox-blank-outline::before{content:"\F0131"}.mdi-checkbox-intermediate::before{content:"\F0856"}.mdi-checkbox-intermediate-variant::before{content:"\F1B54"}.mdi-checkbox-marked::before{content:"\F0132"}.mdi-checkbox-marked-circle::before{content:"\F0133"}.mdi-checkbox-marked-circle-auto-outline::before{content:"\F1C26"}.mdi-checkbox-marked-circle-minus-outline::before{content:"\F1C27"}.mdi-checkbox-marked-circle-outline::before{content:"\F0134"}.mdi-checkbox-marked-circle-plus-outline::before{content:"\F1927"}.mdi-checkbox-marked-outline::before{content:"\F0135"}.mdi-checkbox-multiple-blank::before{content:"\F0136"}.mdi-checkbox-multiple-blank-circle::before{content:"\F063B"}.mdi-checkbox-multiple-blank-circle-outline::before{content:"\F063C"}.mdi-checkbox-multiple-blank-outline::before{content:"\F0137"}.mdi-checkbox-multiple-marked::before{content:"\F0138"}.mdi-checkbox-multiple-marked-circle::before{content:"\F063D"}.mdi-checkbox-multiple-marked-circle-outline::before{content:"\F063E"}.mdi-checkbox-multiple-marked-outline::before{content:"\F0139"}.mdi-checkbox-multiple-outline::before{content:"\F0C51"}.mdi-checkbox-outline::before{content:"\F0C52"}.mdi-checkerboard::before{content:"\F013A"}.mdi-checkerboard-minus::before{content:"\F1202"}.mdi-checkerboard-plus::before{content:"\F1201"}.mdi-checkerboard-remove::before{content:"\F1203"}.mdi-cheese::before{content:"\F12B9"}.mdi-cheese-off::before{content:"\F13EE"}.mdi-chef-hat::before{content:"\F0B7C"}.mdi-chemical-weapon::before{content:"\F013B"}.mdi-chess-bishop::before{content:"\F085C"}.mdi-chess-king::before{content:"\F0857"}.mdi-chess-knight::before{content:"\F0858"}.mdi-chess-pawn::before{content:"\F0859"}.mdi-chess-queen::before{content:"\F085A"}.mdi-chess-rook::before{content:"\F085B"}.mdi-chevron-double-down::before{content:"\F013C"}.mdi-chevron-double-left::before{content:"\F013D"}.mdi-chevron-double-right::before{content:"\F013E"}.mdi-chevron-double-up::before{content:"\F013F"}.mdi-chevron-down::before{content:"\F0140"}.mdi-chevron-down-box::before{content:"\F09D6"}.mdi-chevron-down-box-outline::before{content:"\F09D7"}.mdi-chevron-down-circle::before{content:"\F0B26"}.mdi-chevron-down-circle-outline::before{content:"\F0B27"}.mdi-chevron-left::before{content:"\F0141"}.mdi-chevron-left-box::before{content:"\F09D8"}.mdi-chevron-left-box-outline::before{content:"\F09D9"}.mdi-chevron-left-circle::before{content:"\F0B28"}.mdi-chevron-left-circle-outline::before{content:"\F0B29"}.mdi-chevron-right::before{content:"\F0142"}.mdi-chevron-right-box::before{content:"\F09DA"}.mdi-chevron-right-box-outline::before{content:"\F09DB"}.mdi-chevron-right-circle::before{content:"\F0B2A"}.mdi-chevron-right-circle-outline::before{content:"\F0B2B"}.mdi-chevron-triple-down::before{content:"\F0DB9"}.mdi-chevron-triple-left::before{content:"\F0DBA"}.mdi-chevron-triple-right::before{content:"\F0DBB"}.mdi-chevron-triple-up::before{content:"\F0DBC"}.mdi-chevron-up::before{content:"\F0143"}.mdi-chevron-up-box::before{content:"\F09DC"}.mdi-chevron-up-box-outline::before{content:"\F09DD"}.mdi-chevron-up-circle::before{content:"\F0B2C"}.mdi-chevron-up-circle-outline::before{content:"\F0B2D"}.mdi-chili-alert::before{content:"\F17EA"}.mdi-chili-alert-outline::before{content:"\F17EB"}.mdi-chili-hot::before{content:"\F07B2"}.mdi-chili-hot-outline::before{content:"\F17EC"}.mdi-chili-medium::before{content:"\F07B3"}.mdi-chili-medium-outline::before{content:"\F17ED"}.mdi-chili-mild::before{content:"\F07B4"}.mdi-chili-mild-outline::before{content:"\F17EE"}.mdi-chili-off::before{content:"\F1467"}.mdi-chili-off-outline::before{content:"\F17EF"}.mdi-chip::before{content:"\F061A"}.mdi-church::before{content:"\F0144"}.mdi-church-outline::before{content:"\F1B02"}.mdi-cigar::before{content:"\F1189"}.mdi-cigar-off::before{content:"\F141B"}.mdi-circle::before{content:"\F0765"}.mdi-circle-box::before{content:"\F15DC"}.mdi-circle-box-outline::before{content:"\F15DD"}.mdi-circle-double::before{content:"\F0E95"}.mdi-circle-edit-outline::before{content:"\F08D5"}.mdi-circle-expand::before{content:"\F0E96"}.mdi-circle-half::before{content:"\F1395"}.mdi-circle-half-full::before{content:"\F1396"}.mdi-circle-medium::before{content:"\F09DE"}.mdi-circle-multiple::before{content:"\F0B38"}.mdi-circle-multiple-outline::before{content:"\F0695"}.mdi-circle-off-outline::before{content:"\F10D3"}.mdi-circle-opacity::before{content:"\F1853"}.mdi-circle-outline::before{content:"\F0766"}.mdi-circle-slice-1::before{content:"\F0A9E"}.mdi-circle-slice-2::before{content:"\F0A9F"}.mdi-circle-slice-3::before{content:"\F0AA0"}.mdi-circle-slice-4::before{content:"\F0AA1"}.mdi-circle-slice-5::before{content:"\F0AA2"}.mdi-circle-slice-6::before{content:"\F0AA3"}.mdi-circle-slice-7::before{content:"\F0AA4"}.mdi-circle-slice-8::before{content:"\F0AA5"}.mdi-circle-small::before{content:"\F09DF"}.mdi-circular-saw::before{content:"\F0E22"}.mdi-city::before{content:"\F0146"}.mdi-city-switch::before{content:"\F1C28"}.mdi-city-variant::before{content:"\F0A36"}.mdi-city-variant-outline::before{content:"\F0A37"}.mdi-clipboard::before{content:"\F0147"}.mdi-clipboard-account::before{content:"\F0148"}.mdi-clipboard-account-outline::before{content:"\F0C55"}.mdi-clipboard-alert::before{content:"\F0149"}.mdi-clipboard-alert-outline::before{content:"\F0CF7"}.mdi-clipboard-arrow-down::before{content:"\F014A"}.mdi-clipboard-arrow-down-outline::before{content:"\F0C56"}.mdi-clipboard-arrow-left::before{content:"\F014B"}.mdi-clipboard-arrow-left-outline::before{content:"\F0CF8"}.mdi-clipboard-arrow-right::before{content:"\F0CF9"}.mdi-clipboard-arrow-right-outline::before{content:"\F0CFA"}.mdi-clipboard-arrow-up::before{content:"\F0C57"}.mdi-clipboard-arrow-up-outline::before{content:"\F0C58"}.mdi-clipboard-check::before{content:"\F014E"}.mdi-clipboard-check-multiple::before{content:"\F1263"}.mdi-clipboard-check-multiple-outline::before{content:"\F1264"}.mdi-clipboard-check-outline::before{content:"\F08A8"}.mdi-clipboard-clock::before{content:"\F16E2"}.mdi-clipboard-clock-outline::before{content:"\F16E3"}.mdi-clipboard-edit::before{content:"\F14E5"}.mdi-clipboard-edit-outline::before{content:"\F14E6"}.mdi-clipboard-file::before{content:"\F1265"}.mdi-clipboard-file-outline::before{content:"\F1266"}.mdi-clipboard-flow::before{content:"\F06C8"}.mdi-clipboard-flow-outline::before{content:"\F1117"}.mdi-clipboard-list::before{content:"\F10D4"}.mdi-clipboard-list-outline::before{content:"\F10D5"}.mdi-clipboard-minus::before{content:"\F1618"}.mdi-clipboard-minus-outline::before{content:"\F1619"}.mdi-clipboard-multiple::before{content:"\F1267"}.mdi-clipboard-multiple-outline::before{content:"\F1268"}.mdi-clipboard-off::before{content:"\F161A"}.mdi-clipboard-off-outline::before{content:"\F161B"}.mdi-clipboard-outline::before{content:"\F014C"}.mdi-clipboard-play::before{content:"\F0C59"}.mdi-clipboard-play-multiple::before{content:"\F1269"}.mdi-clipboard-play-multiple-outline::before{content:"\F126A"}.mdi-clipboard-play-outline::before{content:"\F0C5A"}.mdi-clipboard-plus::before{content:"\F0751"}.mdi-clipboard-plus-outline::before{content:"\F131F"}.mdi-clipboard-pulse::before{content:"\F085D"}.mdi-clipboard-pulse-outline::before{content:"\F085E"}.mdi-clipboard-remove::before{content:"\F161C"}.mdi-clipboard-remove-outline::before{content:"\F161D"}.mdi-clipboard-search::before{content:"\F161E"}.mdi-clipboard-search-outline::before{content:"\F161F"}.mdi-clipboard-text::before{content:"\F014D"}.mdi-clipboard-text-clock::before{content:"\F18F9"}.mdi-clipboard-text-clock-outline::before{content:"\F18FA"}.mdi-clipboard-text-multiple::before{content:"\F126B"}.mdi-clipboard-text-multiple-outline::before{content:"\F126C"}.mdi-clipboard-text-off::before{content:"\F1620"}.mdi-clipboard-text-off-outline::before{content:"\F1621"}.mdi-clipboard-text-outline::before{content:"\F0A38"}.mdi-clipboard-text-play::before{content:"\F0C5B"}.mdi-clipboard-text-play-outline::before{content:"\F0C5C"}.mdi-clipboard-text-search::before{content:"\F1622"}.mdi-clipboard-text-search-outline::before{content:"\F1623"}.mdi-clippy::before{content:"\F014F"}.mdi-clock::before{content:"\F0954"}.mdi-clock-alert::before{content:"\F0955"}.mdi-clock-alert-outline::before{content:"\F05CE"}.mdi-clock-check::before{content:"\F0FA8"}.mdi-clock-check-outline::before{content:"\F0FA9"}.mdi-clock-digital::before{content:"\F0E97"}.mdi-clock-edit::before{content:"\F19BA"}.mdi-clock-edit-outline::before{content:"\F19BB"}.mdi-clock-end::before{content:"\F0151"}.mdi-clock-fast::before{content:"\F0152"}.mdi-clock-in::before{content:"\F0153"}.mdi-clock-minus::before{content:"\F1863"}.mdi-clock-minus-outline::before{content:"\F1864"}.mdi-clock-out::before{content:"\F0154"}.mdi-clock-outline::before{content:"\F0150"}.mdi-clock-plus::before{content:"\F1861"}.mdi-clock-plus-outline::before{content:"\F1862"}.mdi-clock-remove::before{content:"\F1865"}.mdi-clock-remove-outline::before{content:"\F1866"}.mdi-clock-star-four-points::before{content:"\F1C29"}.mdi-clock-star-four-points-outline::before{content:"\F1C2A"}.mdi-clock-start::before{content:"\F0155"}.mdi-clock-time-eight::before{content:"\F1446"}.mdi-clock-time-eight-outline::before{content:"\F1452"}.mdi-clock-time-eleven::before{content:"\F1449"}.mdi-clock-time-eleven-outline::before{content:"\F1455"}.mdi-clock-time-five::before{content:"\F1443"}.mdi-clock-time-five-outline::before{content:"\F144F"}.mdi-clock-time-four::before{content:"\F1442"}.mdi-clock-time-four-outline::before{content:"\F144E"}.mdi-clock-time-nine::before{content:"\F1447"}.mdi-clock-time-nine-outline::before{content:"\F1453"}.mdi-clock-time-one::before{content:"\F143F"}.mdi-clock-time-one-outline::before{content:"\F144B"}.mdi-clock-time-seven::before{content:"\F1445"}.mdi-clock-time-seven-outline::before{content:"\F1451"}.mdi-clock-time-six::before{content:"\F1444"}.mdi-clock-time-six-outline::before{content:"\F1450"}.mdi-clock-time-ten::before{content:"\F1448"}.mdi-clock-time-ten-outline::before{content:"\F1454"}.mdi-clock-time-three::before{content:"\F1441"}.mdi-clock-time-three-outline::before{content:"\F144D"}.mdi-clock-time-twelve::before{content:"\F144A"}.mdi-clock-time-twelve-outline::before{content:"\F1456"}.mdi-clock-time-two::before{content:"\F1440"}.mdi-clock-time-two-outline::before{content:"\F144C"}.mdi-close::before{content:"\F0156"}.mdi-close-box::before{content:"\F0157"}.mdi-close-box-multiple::before{content:"\F0C5D"}.mdi-close-box-multiple-outline::before{content:"\F0C5E"}.mdi-close-box-outline::before{content:"\F0158"}.mdi-close-circle::before{content:"\F0159"}.mdi-close-circle-multiple::before{content:"\F062A"}.mdi-close-circle-multiple-outline::before{content:"\F0883"}.mdi-close-circle-outline::before{content:"\F015A"}.mdi-close-network::before{content:"\F015B"}.mdi-close-network-outline::before{content:"\F0C5F"}.mdi-close-octagon::before{content:"\F015C"}.mdi-close-octagon-outline::before{content:"\F015D"}.mdi-close-outline::before{content:"\F06C9"}.mdi-close-thick::before{content:"\F1398"}.mdi-closed-caption::before{content:"\F015E"}.mdi-closed-caption-outline::before{content:"\F0DBD"}.mdi-cloud::before{content:"\F015F"}.mdi-cloud-alert::before{content:"\F09E0"}.mdi-cloud-alert-outline::before{content:"\F1BE0"}.mdi-cloud-arrow-down::before{content:"\F1BE1"}.mdi-cloud-arrow-down-outline::before{content:"\F1BE2"}.mdi-cloud-arrow-left::before{content:"\F1BE3"}.mdi-cloud-arrow-left-outline::before{content:"\F1BE4"}.mdi-cloud-arrow-right::before{content:"\F1BE5"}.mdi-cloud-arrow-right-outline::before{content:"\F1BE6"}.mdi-cloud-arrow-up::before{content:"\F1BE7"}.mdi-cloud-arrow-up-outline::before{content:"\F1BE8"}.mdi-cloud-braces::before{content:"\F07B5"}.mdi-cloud-cancel::before{content:"\F1BE9"}.mdi-cloud-cancel-outline::before{content:"\F1BEA"}.mdi-cloud-check::before{content:"\F1BEB"}.mdi-cloud-check-outline::before{content:"\F1BEC"}.mdi-cloud-check-variant::before{content:"\F0160"}.mdi-cloud-check-variant-outline::before{content:"\F12CC"}.mdi-cloud-circle::before{content:"\F0161"}.mdi-cloud-circle-outline::before{content:"\F1BED"}.mdi-cloud-clock::before{content:"\F1BEE"}.mdi-cloud-clock-outline::before{content:"\F1BEF"}.mdi-cloud-cog::before{content:"\F1BF0"}.mdi-cloud-cog-outline::before{content:"\F1BF1"}.mdi-cloud-download::before{content:"\F0162"}.mdi-cloud-download-outline::before{content:"\F0B7D"}.mdi-cloud-key::before{content:"\F1CA1"}.mdi-cloud-key-outline::before{content:"\F1CA2"}.mdi-cloud-lock::before{content:"\F11F1"}.mdi-cloud-lock-open::before{content:"\F1BF2"}.mdi-cloud-lock-open-outline::before{content:"\F1BF3"}.mdi-cloud-lock-outline::before{content:"\F11F2"}.mdi-cloud-minus::before{content:"\F1BF4"}.mdi-cloud-minus-outline::before{content:"\F1BF5"}.mdi-cloud-off::before{content:"\F1BF6"}.mdi-cloud-off-outline::before{content:"\F0164"}.mdi-cloud-outline::before{content:"\F0163"}.mdi-cloud-percent::before{content:"\F1A35"}.mdi-cloud-percent-outline::before{content:"\F1A36"}.mdi-cloud-plus::before{content:"\F1BF7"}.mdi-cloud-plus-outline::before{content:"\F1BF8"}.mdi-cloud-print::before{content:"\F0165"}.mdi-cloud-print-outline::before{content:"\F0166"}.mdi-cloud-question::before{content:"\F0A39"}.mdi-cloud-question-outline::before{content:"\F1BF9"}.mdi-cloud-refresh::before{content:"\F1BFA"}.mdi-cloud-refresh-outline::before{content:"\F1BFB"}.mdi-cloud-refresh-variant::before{content:"\F052A"}.mdi-cloud-refresh-variant-outline::before{content:"\F1BFC"}.mdi-cloud-remove::before{content:"\F1BFD"}.mdi-cloud-remove-outline::before{content:"\F1BFE"}.mdi-cloud-search::before{content:"\F0956"}.mdi-cloud-search-outline::before{content:"\F0957"}.mdi-cloud-sync::before{content:"\F063F"}.mdi-cloud-sync-outline::before{content:"\F12D6"}.mdi-cloud-tags::before{content:"\F07B6"}.mdi-cloud-upload::before{content:"\F0167"}.mdi-cloud-upload-outline::before{content:"\F0B7E"}.mdi-clouds::before{content:"\F1B95"}.mdi-clover::before{content:"\F0816"}.mdi-clover-outline::before{content:"\F1C62"}.mdi-coach-lamp::before{content:"\F1020"}.mdi-coach-lamp-variant::before{content:"\F1A37"}.mdi-coat-rack::before{content:"\F109E"}.mdi-code-array::before{content:"\F0168"}.mdi-code-block-braces::before{content:"\F1C83"}.mdi-code-block-brackets::before{content:"\F1C84"}.mdi-code-block-parentheses::before{content:"\F1C85"}.mdi-code-block-tags::before{content:"\F1C86"}.mdi-code-braces::before{content:"\F0169"}.mdi-code-braces-box::before{content:"\F10D6"}.mdi-code-brackets::before{content:"\F016A"}.mdi-code-equal::before{content:"\F016B"}.mdi-code-greater-than::before{content:"\F016C"}.mdi-code-greater-than-or-equal::before{content:"\F016D"}.mdi-code-json::before{content:"\F0626"}.mdi-code-less-than::before{content:"\F016E"}.mdi-code-less-than-or-equal::before{content:"\F016F"}.mdi-code-not-equal::before{content:"\F0170"}.mdi-code-not-equal-variant::before{content:"\F0171"}.mdi-code-parentheses::before{content:"\F0172"}.mdi-code-parentheses-box::before{content:"\F10D7"}.mdi-code-string::before{content:"\F0173"}.mdi-code-tags::before{content:"\F0174"}.mdi-code-tags-check::before{content:"\F0694"}.mdi-codepen::before{content:"\F0175"}.mdi-coffee::before{content:"\F0176"}.mdi-coffee-maker::before{content:"\F109F"}.mdi-coffee-maker-check::before{content:"\F1931"}.mdi-coffee-maker-check-outline::before{content:"\F1932"}.mdi-coffee-maker-outline::before{content:"\F181B"}.mdi-coffee-off::before{content:"\F0FAA"}.mdi-coffee-off-outline::before{content:"\F0FAB"}.mdi-coffee-outline::before{content:"\F06CA"}.mdi-coffee-to-go::before{content:"\F0177"}.mdi-coffee-to-go-outline::before{content:"\F130E"}.mdi-coffin::before{content:"\F0B7F"}.mdi-cog::before{content:"\F0493"}.mdi-cog-box::before{content:"\F0494"}.mdi-cog-clockwise::before{content:"\F11DD"}.mdi-cog-counterclockwise::before{content:"\F11DE"}.mdi-cog-off::before{content:"\F13CE"}.mdi-cog-off-outline::before{content:"\F13CF"}.mdi-cog-outline::before{content:"\F08BB"}.mdi-cog-pause::before{content:"\F1933"}.mdi-cog-pause-outline::before{content:"\F1934"}.mdi-cog-play::before{content:"\F1935"}.mdi-cog-play-outline::before{content:"\F1936"}.mdi-cog-refresh::before{content:"\F145E"}.mdi-cog-refresh-outline::before{content:"\F145F"}.mdi-cog-stop::before{content:"\F1937"}.mdi-cog-stop-outline::before{content:"\F1938"}.mdi-cog-sync::before{content:"\F1460"}.mdi-cog-sync-outline::before{content:"\F1461"}.mdi-cog-transfer::before{content:"\F105B"}.mdi-cog-transfer-outline::before{content:"\F105C"}.mdi-cogs::before{content:"\F08D6"}.mdi-collage::before{content:"\F0640"}.mdi-collapse-all::before{content:"\F0AA6"}.mdi-collapse-all-outline::before{content:"\F0AA7"}.mdi-color-helper::before{content:"\F0179"}.mdi-comma::before{content:"\F0E23"}.mdi-comma-box::before{content:"\F0E2B"}.mdi-comma-box-outline::before{content:"\F0E24"}.mdi-comma-circle::before{content:"\F0E25"}.mdi-comma-circle-outline::before{content:"\F0E26"}.mdi-comment::before{content:"\F017A"}.mdi-comment-account::before{content:"\F017B"}.mdi-comment-account-outline::before{content:"\F017C"}.mdi-comment-alert::before{content:"\F017D"}.mdi-comment-alert-outline::before{content:"\F017E"}.mdi-comment-arrow-left::before{content:"\F09E1"}.mdi-comment-arrow-left-outline::before{content:"\F09E2"}.mdi-comment-arrow-right::before{content:"\F09E3"}.mdi-comment-arrow-right-outline::before{content:"\F09E4"}.mdi-comment-bookmark::before{content:"\F15AE"}.mdi-comment-bookmark-outline::before{content:"\F15AF"}.mdi-comment-check::before{content:"\F017F"}.mdi-comment-check-outline::before{content:"\F0180"}.mdi-comment-edit::before{content:"\F11BF"}.mdi-comment-edit-outline::before{content:"\F12C4"}.mdi-comment-eye::before{content:"\F0A3A"}.mdi-comment-eye-outline::before{content:"\F0A3B"}.mdi-comment-flash::before{content:"\F15B0"}.mdi-comment-flash-outline::before{content:"\F15B1"}.mdi-comment-minus::before{content:"\F15DF"}.mdi-comment-minus-outline::before{content:"\F15E0"}.mdi-comment-multiple::before{content:"\F085F"}.mdi-comment-multiple-outline::before{content:"\F0181"}.mdi-comment-off::before{content:"\F15E1"}.mdi-comment-off-outline::before{content:"\F15E2"}.mdi-comment-outline::before{content:"\F0182"}.mdi-comment-plus::before{content:"\F09E5"}.mdi-comment-plus-outline::before{content:"\F0183"}.mdi-comment-processing::before{content:"\F0184"}.mdi-comment-processing-outline::before{content:"\F0185"}.mdi-comment-question::before{content:"\F0817"}.mdi-comment-question-outline::before{content:"\F0186"}.mdi-comment-quote::before{content:"\F1021"}.mdi-comment-quote-outline::before{content:"\F1022"}.mdi-comment-remove::before{content:"\F05DE"}.mdi-comment-remove-outline::before{content:"\F0187"}.mdi-comment-search::before{content:"\F0A3C"}.mdi-comment-search-outline::before{content:"\F0A3D"}.mdi-comment-text::before{content:"\F0188"}.mdi-comment-text-multiple::before{content:"\F0860"}.mdi-comment-text-multiple-outline::before{content:"\F0861"}.mdi-comment-text-outline::before{content:"\F0189"}.mdi-compare::before{content:"\F018A"}.mdi-compare-horizontal::before{content:"\F1492"}.mdi-compare-remove::before{content:"\F18B3"}.mdi-compare-vertical::before{content:"\F1493"}.mdi-compass::before{content:"\F018B"}.mdi-compass-off::before{content:"\F0B80"}.mdi-compass-off-outline::before{content:"\F0B81"}.mdi-compass-outline::before{content:"\F018C"}.mdi-compass-rose::before{content:"\F1382"}.mdi-compost::before{content:"\F1A38"}.mdi-cone::before{content:"\F194C"}.mdi-cone-off::before{content:"\F194D"}.mdi-connection::before{content:"\F1616"}.mdi-console::before{content:"\F018D"}.mdi-console-line::before{content:"\F07B7"}.mdi-console-network::before{content:"\F08A9"}.mdi-console-network-outline::before{content:"\F0C60"}.mdi-consolidate::before{content:"\F10D8"}.mdi-contactless-payment::before{content:"\F0D6A"}.mdi-contactless-payment-circle::before{content:"\F0321"}.mdi-contactless-payment-circle-outline::before{content:"\F0408"}.mdi-contacts::before{content:"\F06CB"}.mdi-contacts-outline::before{content:"\F05B8"}.mdi-contain::before{content:"\F0A3E"}.mdi-contain-end::before{content:"\F0A3F"}.mdi-contain-start::before{content:"\F0A40"}.mdi-content-copy::before{content:"\F018F"}.mdi-content-cut::before{content:"\F0190"}.mdi-content-duplicate::before{content:"\F0191"}.mdi-content-paste::before{content:"\F0192"}.mdi-content-save::before{content:"\F0193"}.mdi-content-save-alert::before{content:"\F0F42"}.mdi-content-save-alert-outline::before{content:"\F0F43"}.mdi-content-save-all::before{content:"\F0194"}.mdi-content-save-all-outline::before{content:"\F0F44"}.mdi-content-save-check::before{content:"\F18EA"}.mdi-content-save-check-outline::before{content:"\F18EB"}.mdi-content-save-cog::before{content:"\F145B"}.mdi-content-save-cog-outline::before{content:"\F145C"}.mdi-content-save-edit::before{content:"\F0CFB"}.mdi-content-save-edit-outline::before{content:"\F0CFC"}.mdi-content-save-minus::before{content:"\F1B43"}.mdi-content-save-minus-outline::before{content:"\F1B44"}.mdi-content-save-move::before{content:"\F0E27"}.mdi-content-save-move-outline::before{content:"\F0E28"}.mdi-content-save-off::before{content:"\F1643"}.mdi-content-save-off-outline::before{content:"\F1644"}.mdi-content-save-outline::before{content:"\F0818"}.mdi-content-save-plus::before{content:"\F1B41"}.mdi-content-save-plus-outline::before{content:"\F1B42"}.mdi-content-save-settings::before{content:"\F061B"}.mdi-content-save-settings-outline::before{content:"\F0B2E"}.mdi-contrast::before{content:"\F0195"}.mdi-contrast-box::before{content:"\F0196"}.mdi-contrast-circle::before{content:"\F0197"}.mdi-controller::before{content:"\F02B4"}.mdi-controller-classic::before{content:"\F0B82"}.mdi-controller-classic-outline::before{content:"\F0B83"}.mdi-controller-off::before{content:"\F02B5"}.mdi-cookie::before{content:"\F0198"}.mdi-cookie-alert::before{content:"\F16D0"}.mdi-cookie-alert-outline::before{content:"\F16D1"}.mdi-cookie-check::before{content:"\F16D2"}.mdi-cookie-check-outline::before{content:"\F16D3"}.mdi-cookie-clock::before{content:"\F16E4"}.mdi-cookie-clock-outline::before{content:"\F16E5"}.mdi-cookie-cog::before{content:"\F16D4"}.mdi-cookie-cog-outline::before{content:"\F16D5"}.mdi-cookie-edit::before{content:"\F16E6"}.mdi-cookie-edit-outline::before{content:"\F16E7"}.mdi-cookie-lock::before{content:"\F16E8"}.mdi-cookie-lock-outline::before{content:"\F16E9"}.mdi-cookie-minus::before{content:"\F16DA"}.mdi-cookie-minus-outline::before{content:"\F16DB"}.mdi-cookie-off::before{content:"\F16EA"}.mdi-cookie-off-outline::before{content:"\F16EB"}.mdi-cookie-outline::before{content:"\F16DE"}.mdi-cookie-plus::before{content:"\F16D6"}.mdi-cookie-plus-outline::before{content:"\F16D7"}.mdi-cookie-refresh::before{content:"\F16EC"}.mdi-cookie-refresh-outline::before{content:"\F16ED"}.mdi-cookie-remove::before{content:"\F16D8"}.mdi-cookie-remove-outline::before{content:"\F16D9"}.mdi-cookie-settings::before{content:"\F16DC"}.mdi-cookie-settings-outline::before{content:"\F16DD"}.mdi-coolant-temperature::before{content:"\F03C8"}.mdi-copyleft::before{content:"\F1939"}.mdi-copyright::before{content:"\F05E6"}.mdi-cordova::before{content:"\F0958"}.mdi-corn::before{content:"\F07B8"}.mdi-corn-off::before{content:"\F13EF"}.mdi-cosine-wave::before{content:"\F1479"}.mdi-counter::before{content:"\F0199"}.mdi-countertop::before{content:"\F181C"}.mdi-countertop-outline::before{content:"\F181D"}.mdi-cow::before{content:"\F019A"}.mdi-cow-off::before{content:"\F18FC"}.mdi-cpu-32-bit::before{content:"\F0EDF"}.mdi-cpu-64-bit::before{content:"\F0EE0"}.mdi-cradle::before{content:"\F198B"}.mdi-cradle-outline::before{content:"\F1991"}.mdi-crane::before{content:"\F0862"}.mdi-creation::before{content:"\F0674"}.mdi-creation-outline::before{content:"\F1C2B"}.mdi-creative-commons::before{content:"\F0D6B"}.mdi-credit-card::before{content:"\F0FEF"}.mdi-credit-card-check::before{content:"\F13D0"}.mdi-credit-card-check-outline::before{content:"\F13D1"}.mdi-credit-card-chip::before{content:"\F190F"}.mdi-credit-card-chip-outline::before{content:"\F1910"}.mdi-credit-card-clock::before{content:"\F0EE1"}.mdi-credit-card-clock-outline::before{content:"\F0EE2"}.mdi-credit-card-edit::before{content:"\F17D7"}.mdi-credit-card-edit-outline::before{content:"\F17D8"}.mdi-credit-card-fast::before{content:"\F1911"}.mdi-credit-card-fast-outline::before{content:"\F1912"}.mdi-credit-card-lock::before{content:"\F18E7"}.mdi-credit-card-lock-outline::before{content:"\F18E8"}.mdi-credit-card-marker::before{content:"\F06A8"}.mdi-credit-card-marker-outline::before{content:"\F0DBE"}.mdi-credit-card-minus::before{content:"\F0FAC"}.mdi-credit-card-minus-outline::before{content:"\F0FAD"}.mdi-credit-card-multiple::before{content:"\F0FF0"}.mdi-credit-card-multiple-outline::before{content:"\F019C"}.mdi-credit-card-off::before{content:"\F0FF1"}.mdi-credit-card-off-outline::before{content:"\F05E4"}.mdi-credit-card-outline::before{content:"\F019B"}.mdi-credit-card-plus::before{content:"\F0FF2"}.mdi-credit-card-plus-outline::before{content:"\F0676"}.mdi-credit-card-refresh::before{content:"\F1645"}.mdi-credit-card-refresh-outline::before{content:"\F1646"}.mdi-credit-card-refund::before{content:"\F0FF3"}.mdi-credit-card-refund-outline::before{content:"\F0AA8"}.mdi-credit-card-remove::before{content:"\F0FAE"}.mdi-credit-card-remove-outline::before{content:"\F0FAF"}.mdi-credit-card-scan::before{content:"\F0FF4"}.mdi-credit-card-scan-outline::before{content:"\F019D"}.mdi-credit-card-search::before{content:"\F1647"}.mdi-credit-card-search-outline::before{content:"\F1648"}.mdi-credit-card-settings::before{content:"\F0FF5"}.mdi-credit-card-settings-outline::before{content:"\F08D7"}.mdi-credit-card-sync::before{content:"\F1649"}.mdi-credit-card-sync-outline::before{content:"\F164A"}.mdi-credit-card-wireless::before{content:"\F0802"}.mdi-credit-card-wireless-off::before{content:"\F057A"}.mdi-credit-card-wireless-off-outline::before{content:"\F057B"}.mdi-credit-card-wireless-outline::before{content:"\F0D6C"}.mdi-cricket::before{content:"\F0D6D"}.mdi-crop::before{content:"\F019E"}.mdi-crop-free::before{content:"\F019F"}.mdi-crop-landscape::before{content:"\F01A0"}.mdi-crop-portrait::before{content:"\F01A1"}.mdi-crop-rotate::before{content:"\F0696"}.mdi-crop-square::before{content:"\F01A2"}.mdi-cross::before{content:"\F0953"}.mdi-cross-bolnisi::before{content:"\F0CED"}.mdi-cross-celtic::before{content:"\F0CF5"}.mdi-cross-outline::before{content:"\F0CF6"}.mdi-crosshairs::before{content:"\F01A3"}.mdi-crosshairs-gps::before{content:"\F01A4"}.mdi-crosshairs-off::before{content:"\F0F45"}.mdi-crosshairs-question::before{content:"\F1136"}.mdi-crowd::before{content:"\F1975"}.mdi-crown::before{content:"\F01A5"}.mdi-crown-circle::before{content:"\F17DC"}.mdi-crown-circle-outline::before{content:"\F17DD"}.mdi-crown-outline::before{content:"\F11D0"}.mdi-cryengine::before{content:"\F0959"}.mdi-crystal-ball::before{content:"\F0B2F"}.mdi-cube::before{content:"\F01A6"}.mdi-cube-off::before{content:"\F141C"}.mdi-cube-off-outline::before{content:"\F141D"}.mdi-cube-outline::before{content:"\F01A7"}.mdi-cube-scan::before{content:"\F0B84"}.mdi-cube-send::before{content:"\F01A8"}.mdi-cube-unfolded::before{content:"\F01A9"}.mdi-cup::before{content:"\F01AA"}.mdi-cup-off::before{content:"\F05E5"}.mdi-cup-off-outline::before{content:"\F137D"}.mdi-cup-outline::before{content:"\F130F"}.mdi-cup-water::before{content:"\F01AB"}.mdi-cupboard::before{content:"\F0F46"}.mdi-cupboard-outline::before{content:"\F0F47"}.mdi-cupcake::before{content:"\F095A"}.mdi-curling::before{content:"\F0863"}.mdi-currency-bdt::before{content:"\F0864"}.mdi-currency-brl::before{content:"\F0B85"}.mdi-currency-btc::before{content:"\F01AC"}.mdi-currency-cny::before{content:"\F07BA"}.mdi-currency-eth::before{content:"\F07BB"}.mdi-currency-eur::before{content:"\F01AD"}.mdi-currency-eur-off::before{content:"\F1315"}.mdi-currency-fra::before{content:"\F1A39"}.mdi-currency-gbp::before{content:"\F01AE"}.mdi-currency-ils::before{content:"\F0C61"}.mdi-currency-inr::before{content:"\F01AF"}.mdi-currency-jpy::before{content:"\F07BC"}.mdi-currency-krw::before{content:"\F07BD"}.mdi-currency-kzt::before{content:"\F0865"}.mdi-currency-mnt::before{content:"\F1512"}.mdi-currency-ngn::before{content:"\F01B0"}.mdi-currency-php::before{content:"\F09E6"}.mdi-currency-rial::before{content:"\F0E9C"}.mdi-currency-rub::before{content:"\F01B1"}.mdi-currency-rupee::before{content:"\F1976"}.mdi-currency-sign::before{content:"\F07BE"}.mdi-currency-thb::before{content:"\F1C05"}.mdi-currency-try::before{content:"\F01B2"}.mdi-currency-twd::before{content:"\F07BF"}.mdi-currency-uah::before{content:"\F1B9B"}.mdi-currency-usd::before{content:"\F01C1"}.mdi-currency-usd-off::before{content:"\F067A"}.mdi-current-ac::before{content:"\F1480"}.mdi-current-dc::before{content:"\F095C"}.mdi-cursor-default::before{content:"\F01C0"}.mdi-cursor-default-click::before{content:"\F0CFD"}.mdi-cursor-default-click-outline::before{content:"\F0CFE"}.mdi-cursor-default-gesture::before{content:"\F1127"}.mdi-cursor-default-gesture-outline::before{content:"\F1128"}.mdi-cursor-default-outline::before{content:"\F01BF"}.mdi-cursor-move::before{content:"\F01BE"}.mdi-cursor-pointer::before{content:"\F01BD"}.mdi-cursor-text::before{content:"\F05E7"}.mdi-curtains::before{content:"\F1846"}.mdi-curtains-closed::before{content:"\F1847"}.mdi-cylinder::before{content:"\F194E"}.mdi-cylinder-off::before{content:"\F194F"}.mdi-dance-ballroom::before{content:"\F15FB"}.mdi-dance-pole::before{content:"\F1578"}.mdi-data-matrix::before{content:"\F153C"}.mdi-data-matrix-edit::before{content:"\F153D"}.mdi-data-matrix-minus::before{content:"\F153E"}.mdi-data-matrix-plus::before{content:"\F153F"}.mdi-data-matrix-remove::before{content:"\F1540"}.mdi-data-matrix-scan::before{content:"\F1541"}.mdi-database::before{content:"\F01BC"}.mdi-database-alert::before{content:"\F163A"}.mdi-database-alert-outline::before{content:"\F1624"}.mdi-database-arrow-down::before{content:"\F163B"}.mdi-database-arrow-down-outline::before{content:"\F1625"}.mdi-database-arrow-left::before{content:"\F163C"}.mdi-database-arrow-left-outline::before{content:"\F1626"}.mdi-database-arrow-right::before{content:"\F163D"}.mdi-database-arrow-right-outline::before{content:"\F1627"}.mdi-database-arrow-up::before{content:"\F163E"}.mdi-database-arrow-up-outline::before{content:"\F1628"}.mdi-database-check::before{content:"\F0AA9"}.mdi-database-check-outline::before{content:"\F1629"}.mdi-database-clock::before{content:"\F163F"}.mdi-database-clock-outline::before{content:"\F162A"}.mdi-database-cog::before{content:"\F164B"}.mdi-database-cog-outline::before{content:"\F164C"}.mdi-database-edit::before{content:"\F0B86"}.mdi-database-edit-outline::before{content:"\F162B"}.mdi-database-export::before{content:"\F095E"}.mdi-database-export-outline::before{content:"\F162C"}.mdi-database-eye::before{content:"\F191F"}.mdi-database-eye-off::before{content:"\F1920"}.mdi-database-eye-off-outline::before{content:"\F1921"}.mdi-database-eye-outline::before{content:"\F1922"}.mdi-database-import::before{content:"\F095D"}.mdi-database-import-outline::before{content:"\F162D"}.mdi-database-lock::before{content:"\F0AAA"}.mdi-database-lock-outline::before{content:"\F162E"}.mdi-database-marker::before{content:"\F12F6"}.mdi-database-marker-outline::before{content:"\F162F"}.mdi-database-minus::before{content:"\F01BB"}.mdi-database-minus-outline::before{content:"\F1630"}.mdi-database-off::before{content:"\F1640"}.mdi-database-off-outline::before{content:"\F1631"}.mdi-database-outline::before{content:"\F1632"}.mdi-database-plus::before{content:"\F01BA"}.mdi-database-plus-outline::before{content:"\F1633"}.mdi-database-refresh::before{content:"\F05C2"}.mdi-database-refresh-outline::before{content:"\F1634"}.mdi-database-remove::before{content:"\F0D00"}.mdi-database-remove-outline::before{content:"\F1635"}.mdi-database-search::before{content:"\F0866"}.mdi-database-search-outline::before{content:"\F1636"}.mdi-database-settings::before{content:"\F0D01"}.mdi-database-settings-outline::before{content:"\F1637"}.mdi-database-sync::before{content:"\F0CFF"}.mdi-database-sync-outline::before{content:"\F1638"}.mdi-death-star::before{content:"\F08D8"}.mdi-death-star-variant::before{content:"\F08D9"}.mdi-deathly-hallows::before{content:"\F0B87"}.mdi-debian::before{content:"\F08DA"}.mdi-debug-step-into::before{content:"\F01B9"}.mdi-debug-step-out::before{content:"\F01B8"}.mdi-debug-step-over::before{content:"\F01B7"}.mdi-decagram::before{content:"\F076C"}.mdi-decagram-outline::before{content:"\F076D"}.mdi-decimal::before{content:"\F10A1"}.mdi-decimal-comma::before{content:"\F10A2"}.mdi-decimal-comma-decrease::before{content:"\F10A3"}.mdi-decimal-comma-increase::before{content:"\F10A4"}.mdi-decimal-decrease::before{content:"\F01B6"}.mdi-decimal-increase::before{content:"\F01B5"}.mdi-delete::before{content:"\F01B4"}.mdi-delete-alert::before{content:"\F10A5"}.mdi-delete-alert-outline::before{content:"\F10A6"}.mdi-delete-circle::before{content:"\F0683"}.mdi-delete-circle-outline::before{content:"\F0B88"}.mdi-delete-clock::before{content:"\F1556"}.mdi-delete-clock-outline::before{content:"\F1557"}.mdi-delete-empty::before{content:"\F06CC"}.mdi-delete-empty-outline::before{content:"\F0E9D"}.mdi-delete-forever::before{content:"\F05E8"}.mdi-delete-forever-outline::before{content:"\F0B89"}.mdi-delete-off::before{content:"\F10A7"}.mdi-delete-off-outline::before{content:"\F10A8"}.mdi-delete-outline::before{content:"\F09E7"}.mdi-delete-restore::before{content:"\F0819"}.mdi-delete-sweep::before{content:"\F05E9"}.mdi-delete-sweep-outline::before{content:"\F0C62"}.mdi-delete-variant::before{content:"\F01B3"}.mdi-delta::before{content:"\F01C2"}.mdi-desk::before{content:"\F1239"}.mdi-desk-lamp::before{content:"\F095F"}.mdi-desk-lamp-off::before{content:"\F1B1F"}.mdi-desk-lamp-on::before{content:"\F1B20"}.mdi-deskphone::before{content:"\F01C3"}.mdi-desktop-classic::before{content:"\F07C0"}.mdi-desktop-tower::before{content:"\F01C5"}.mdi-desktop-tower-monitor::before{content:"\F0AAB"}.mdi-details::before{content:"\F01C6"}.mdi-dev-to::before{content:"\F0D6E"}.mdi-developer-board::before{content:"\F0697"}.mdi-deviantart::before{content:"\F01C7"}.mdi-devices::before{content:"\F0FB0"}.mdi-dharmachakra::before{content:"\F094B"}.mdi-diabetes::before{content:"\F1126"}.mdi-dialpad::before{content:"\F061C"}.mdi-diameter::before{content:"\F0C63"}.mdi-diameter-outline::before{content:"\F0C64"}.mdi-diameter-variant::before{content:"\F0C65"}.mdi-diamond::before{content:"\F0B8A"}.mdi-diamond-outline::before{content:"\F0B8B"}.mdi-diamond-stone::before{content:"\F01C8"}.mdi-diaper-outline::before{content:"\F1CCF"}.mdi-dice-1::before{content:"\F01CA"}.mdi-dice-1-outline::before{content:"\F114A"}.mdi-dice-2::before{content:"\F01CB"}.mdi-dice-2-outline::before{content:"\F114B"}.mdi-dice-3::before{content:"\F01CC"}.mdi-dice-3-outline::before{content:"\F114C"}.mdi-dice-4::before{content:"\F01CD"}.mdi-dice-4-outline::before{content:"\F114D"}.mdi-dice-5::before{content:"\F01CE"}.mdi-dice-5-outline::before{content:"\F114E"}.mdi-dice-6::before{content:"\F01CF"}.mdi-dice-6-outline::before{content:"\F114F"}.mdi-dice-d10::before{content:"\F1153"}.mdi-dice-d10-outline::before{content:"\F076F"}.mdi-dice-d12::before{content:"\F1154"}.mdi-dice-d12-outline::before{content:"\F0867"}.mdi-dice-d20::before{content:"\F1155"}.mdi-dice-d20-outline::before{content:"\F05EA"}.mdi-dice-d4::before{content:"\F1150"}.mdi-dice-d4-outline::before{content:"\F05EB"}.mdi-dice-d6::before{content:"\F1151"}.mdi-dice-d6-outline::before{content:"\F05ED"}.mdi-dice-d8::before{content:"\F1152"}.mdi-dice-d8-outline::before{content:"\F05EC"}.mdi-dice-multiple::before{content:"\F076E"}.mdi-dice-multiple-outline::before{content:"\F1156"}.mdi-digital-ocean::before{content:"\F1237"}.mdi-dip-switch::before{content:"\F07C1"}.mdi-directions::before{content:"\F01D0"}.mdi-directions-fork::before{content:"\F0641"}.mdi-disc::before{content:"\F05EE"}.mdi-disc-alert::before{content:"\F01D1"}.mdi-disc-player::before{content:"\F0960"}.mdi-dishwasher::before{content:"\F0AAC"}.mdi-dishwasher-alert::before{content:"\F11B8"}.mdi-dishwasher-off::before{content:"\F11B9"}.mdi-disqus::before{content:"\F01D2"}.mdi-distribute-horizontal-center::before{content:"\F11C9"}.mdi-distribute-horizontal-left::before{content:"\F11C8"}.mdi-distribute-horizontal-right::before{content:"\F11CA"}.mdi-distribute-vertical-bottom::before{content:"\F11CB"}.mdi-distribute-vertical-center::before{content:"\F11CC"}.mdi-distribute-vertical-top::before{content:"\F11CD"}.mdi-diversify::before{content:"\F1877"}.mdi-diving::before{content:"\F1977"}.mdi-diving-flippers::before{content:"\F0DBF"}.mdi-diving-helmet::before{content:"\F0DC0"}.mdi-diving-scuba::before{content:"\F1B77"}.mdi-diving-scuba-flag::before{content:"\F0DC2"}.mdi-diving-scuba-mask::before{content:"\F0DC1"}.mdi-diving-scuba-tank::before{content:"\F0DC3"}.mdi-diving-scuba-tank-multiple::before{content:"\F0DC4"}.mdi-diving-snorkel::before{content:"\F0DC5"}.mdi-division::before{content:"\F01D4"}.mdi-division-box::before{content:"\F01D5"}.mdi-dlna::before{content:"\F0A41"}.mdi-dna::before{content:"\F0684"}.mdi-dns::before{content:"\F01D6"}.mdi-dns-outline::before{content:"\F0B8C"}.mdi-dock-bottom::before{content:"\F10A9"}.mdi-dock-left::before{content:"\F10AA"}.mdi-dock-right::before{content:"\F10AB"}.mdi-dock-top::before{content:"\F1513"}.mdi-dock-window::before{content:"\F10AC"}.mdi-docker::before{content:"\F0868"}.mdi-doctor::before{content:"\F0A42"}.mdi-dog::before{content:"\F0A43"}.mdi-dog-service::before{content:"\F0AAD"}.mdi-dog-side::before{content:"\F0A44"}.mdi-dog-side-off::before{content:"\F16EE"}.mdi-dolby::before{content:"\F06B3"}.mdi-dolly::before{content:"\F0E9E"}.mdi-dolphin::before{content:"\F18B4"}.mdi-domain::before{content:"\F01D7"}.mdi-domain-off::before{content:"\F0D6F"}.mdi-domain-plus::before{content:"\F10AD"}.mdi-domain-remove::before{content:"\F10AE"}.mdi-domain-switch::before{content:"\F1C2C"}.mdi-dome-light::before{content:"\F141E"}.mdi-domino-mask::before{content:"\F1023"}.mdi-donkey::before{content:"\F07C2"}.mdi-door::before{content:"\F081A"}.mdi-door-closed::before{content:"\F081B"}.mdi-door-closed-cancel::before{content:"\F1C93"}.mdi-door-closed-lock::before{content:"\F10AF"}.mdi-door-open::before{content:"\F081C"}.mdi-door-sliding::before{content:"\F181E"}.mdi-door-sliding-lock::before{content:"\F181F"}.mdi-door-sliding-open::before{content:"\F1820"}.mdi-doorbell::before{content:"\F12E6"}.mdi-doorbell-video::before{content:"\F0869"}.mdi-dot-net::before{content:"\F0AAE"}.mdi-dots-circle::before{content:"\F1978"}.mdi-dots-grid::before{content:"\F15FC"}.mdi-dots-hexagon::before{content:"\F15FF"}.mdi-dots-horizontal::before{content:"\F01D8"}.mdi-dots-horizontal-circle::before{content:"\F07C3"}.mdi-dots-horizontal-circle-outline::before{content:"\F0B8D"}.mdi-dots-square::before{content:"\F15FD"}.mdi-dots-triangle::before{content:"\F15FE"}.mdi-dots-vertical::before{content:"\F01D9"}.mdi-dots-vertical-circle::before{content:"\F07C4"}.mdi-dots-vertical-circle-outline::before{content:"\F0B8E"}.mdi-download::before{content:"\F01DA"}.mdi-download-box::before{content:"\F1462"}.mdi-download-box-outline::before{content:"\F1463"}.mdi-download-circle::before{content:"\F1464"}.mdi-download-circle-outline::before{content:"\F1465"}.mdi-download-lock::before{content:"\F1320"}.mdi-download-lock-outline::before{content:"\F1321"}.mdi-download-multiple::before{content:"\F09E9"}.mdi-download-multiple-outline::before{content:"\F1CD0"}.mdi-download-network::before{content:"\F06F4"}.mdi-download-network-outline::before{content:"\F0C66"}.mdi-download-off::before{content:"\F10B0"}.mdi-download-off-outline::before{content:"\F10B1"}.mdi-download-outline::before{content:"\F0B8F"}.mdi-drag::before{content:"\F01DB"}.mdi-drag-horizontal::before{content:"\F01DC"}.mdi-drag-horizontal-variant::before{content:"\F12F0"}.mdi-drag-variant::before{content:"\F0B90"}.mdi-drag-vertical::before{content:"\F01DD"}.mdi-drag-vertical-variant::before{content:"\F12F1"}.mdi-drama-masks::before{content:"\F0D02"}.mdi-draw::before{content:"\F0F49"}.mdi-draw-pen::before{content:"\F19B9"}.mdi-drawing::before{content:"\F01DE"}.mdi-drawing-box::before{content:"\F01DF"}.mdi-dresser::before{content:"\F0F4A"}.mdi-dresser-outline::before{content:"\F0F4B"}.mdi-drone::before{content:"\F01E2"}.mdi-dropbox::before{content:"\F01E3"}.mdi-drupal::before{content:"\F01E4"}.mdi-duck::before{content:"\F01E5"}.mdi-dumbbell::before{content:"\F01E6"}.mdi-dump-truck::before{content:"\F0C67"}.mdi-ear-hearing::before{content:"\F07C5"}.mdi-ear-hearing-loop::before{content:"\F1AEE"}.mdi-ear-hearing-off::before{content:"\F0A45"}.mdi-earbuds::before{content:"\F184F"}.mdi-earbuds-off::before{content:"\F1850"}.mdi-earbuds-off-outline::before{content:"\F1851"}.mdi-earbuds-outline::before{content:"\F1852"}.mdi-earth::before{content:"\F01E7"}.mdi-earth-arrow-down::before{content:"\F1C87"}.mdi-earth-arrow-left::before{content:"\F1C88"}.mdi-earth-arrow-right::before{content:"\F1311"}.mdi-earth-arrow-up::before{content:"\F1C89"}.mdi-earth-box::before{content:"\F06CD"}.mdi-earth-box-minus::before{content:"\F1407"}.mdi-earth-box-off::before{content:"\F06CE"}.mdi-earth-box-plus::before{content:"\F1406"}.mdi-earth-box-remove::before{content:"\F1408"}.mdi-earth-minus::before{content:"\F1404"}.mdi-earth-off::before{content:"\F01E8"}.mdi-earth-plus::before{content:"\F1403"}.mdi-earth-remove::before{content:"\F1405"}.mdi-egg::before{content:"\F0AAF"}.mdi-egg-easter::before{content:"\F0AB0"}.mdi-egg-fried::before{content:"\F184A"}.mdi-egg-off::before{content:"\F13F0"}.mdi-egg-off-outline::before{content:"\F13F1"}.mdi-egg-outline::before{content:"\F13F2"}.mdi-eiffel-tower::before{content:"\F156B"}.mdi-eight-track::before{content:"\F09EA"}.mdi-eject::before{content:"\F01EA"}.mdi-eject-circle::before{content:"\F1B23"}.mdi-eject-circle-outline::before{content:"\F1B24"}.mdi-eject-outline::before{content:"\F0B91"}.mdi-electric-switch::before{content:"\F0E9F"}.mdi-electric-switch-closed::before{content:"\F10D9"}.mdi-electron-framework::before{content:"\F1024"}.mdi-elephant::before{content:"\F07C6"}.mdi-elevation-decline::before{content:"\F01EB"}.mdi-elevation-rise::before{content:"\F01EC"}.mdi-elevator::before{content:"\F01ED"}.mdi-elevator-down::before{content:"\F12C2"}.mdi-elevator-passenger::before{content:"\F1381"}.mdi-elevator-passenger-off::before{content:"\F1979"}.mdi-elevator-passenger-off-outline::before{content:"\F197A"}.mdi-elevator-passenger-outline::before{content:"\F197B"}.mdi-elevator-up::before{content:"\F12C1"}.mdi-ellipse::before{content:"\F0EA0"}.mdi-ellipse-outline::before{content:"\F0EA1"}.mdi-email::before{content:"\F01EE"}.mdi-email-alert::before{content:"\F06CF"}.mdi-email-alert-outline::before{content:"\F0D42"}.mdi-email-arrow-left::before{content:"\F10DA"}.mdi-email-arrow-left-outline::before{content:"\F10DB"}.mdi-email-arrow-right::before{content:"\F10DC"}.mdi-email-arrow-right-outline::before{content:"\F10DD"}.mdi-email-box::before{content:"\F0D03"}.mdi-email-check::before{content:"\F0AB1"}.mdi-email-check-outline::before{content:"\F0AB2"}.mdi-email-edit::before{content:"\F0EE3"}.mdi-email-edit-outline::before{content:"\F0EE4"}.mdi-email-fast::before{content:"\F186F"}.mdi-email-fast-outline::before{content:"\F1870"}.mdi-email-heart-outline::before{content:"\F1C5B"}.mdi-email-lock::before{content:"\F01F1"}.mdi-email-lock-outline::before{content:"\F1B61"}.mdi-email-mark-as-unread::before{content:"\F0B92"}.mdi-email-minus::before{content:"\F0EE5"}.mdi-email-minus-outline::before{content:"\F0EE6"}.mdi-email-multiple::before{content:"\F0EE7"}.mdi-email-multiple-outline::before{content:"\F0EE8"}.mdi-email-newsletter::before{content:"\F0FB1"}.mdi-email-off::before{content:"\F13E3"}.mdi-email-off-outline::before{content:"\F13E4"}.mdi-email-open::before{content:"\F01EF"}.mdi-email-open-heart-outline::before{content:"\F1C5C"}.mdi-email-open-multiple::before{content:"\F0EE9"}.mdi-email-open-multiple-outline::before{content:"\F0EEA"}.mdi-email-open-outline::before{content:"\F05EF"}.mdi-email-outline::before{content:"\F01F0"}.mdi-email-plus::before{content:"\F09EB"}.mdi-email-plus-outline::before{content:"\F09EC"}.mdi-email-remove::before{content:"\F1661"}.mdi-email-remove-outline::before{content:"\F1662"}.mdi-email-seal::before{content:"\F195B"}.mdi-email-seal-outline::before{content:"\F195C"}.mdi-email-search::before{content:"\F0961"}.mdi-email-search-outline::before{content:"\F0962"}.mdi-email-sync::before{content:"\F12C7"}.mdi-email-sync-outline::before{content:"\F12C8"}.mdi-email-variant::before{content:"\F05F0"}.mdi-ember::before{content:"\F0B30"}.mdi-emby::before{content:"\F06B4"}.mdi-emoticon::before{content:"\F0C68"}.mdi-emoticon-angry::before{content:"\F0C69"}.mdi-emoticon-angry-outline::before{content:"\F0C6A"}.mdi-emoticon-confused::before{content:"\F10DE"}.mdi-emoticon-confused-outline::before{content:"\F10DF"}.mdi-emoticon-cool::before{content:"\F0C6B"}.mdi-emoticon-cool-outline::before{content:"\F01F3"}.mdi-emoticon-cry::before{content:"\F0C6C"}.mdi-emoticon-cry-outline::before{content:"\F0C6D"}.mdi-emoticon-dead::before{content:"\F0C6E"}.mdi-emoticon-dead-outline::before{content:"\F069B"}.mdi-emoticon-devil::before{content:"\F0C6F"}.mdi-emoticon-devil-outline::before{content:"\F01F4"}.mdi-emoticon-excited::before{content:"\F0C70"}.mdi-emoticon-excited-outline::before{content:"\F069C"}.mdi-emoticon-frown::before{content:"\F0F4C"}.mdi-emoticon-frown-outline::before{content:"\F0F4D"}.mdi-emoticon-happy::before{content:"\F0C71"}.mdi-emoticon-happy-outline::before{content:"\F01F5"}.mdi-emoticon-kiss::before{content:"\F0C72"}.mdi-emoticon-kiss-outline::before{content:"\F0C73"}.mdi-emoticon-lol::before{content:"\F1214"}.mdi-emoticon-lol-outline::before{content:"\F1215"}.mdi-emoticon-minus::before{content:"\F1CB2"}.mdi-emoticon-minus-outline::before{content:"\F1CB3"}.mdi-emoticon-neutral::before{content:"\F0C74"}.mdi-emoticon-neutral-outline::before{content:"\F01F6"}.mdi-emoticon-outline::before{content:"\F01F2"}.mdi-emoticon-plus::before{content:"\F1CB4"}.mdi-emoticon-plus-outline::before{content:"\F1CB5"}.mdi-emoticon-poop::before{content:"\F01F7"}.mdi-emoticon-poop-outline::before{content:"\F0C75"}.mdi-emoticon-remove::before{content:"\F1CB6"}.mdi-emoticon-remove-outline::before{content:"\F1CB7"}.mdi-emoticon-sad::before{content:"\F0C76"}.mdi-emoticon-sad-outline::before{content:"\F01F8"}.mdi-emoticon-sick::before{content:"\F157C"}.mdi-emoticon-sick-outline::before{content:"\F157D"}.mdi-emoticon-tongue::before{content:"\F01F9"}.mdi-emoticon-tongue-outline::before{content:"\F0C77"}.mdi-emoticon-wink::before{content:"\F0C78"}.mdi-emoticon-wink-outline::before{content:"\F0C79"}.mdi-engine::before{content:"\F01FA"}.mdi-engine-off::before{content:"\F0A46"}.mdi-engine-off-outline::before{content:"\F0A47"}.mdi-engine-outline::before{content:"\F01FB"}.mdi-epsilon::before{content:"\F10E0"}.mdi-equal::before{content:"\F01FC"}.mdi-equal-box::before{content:"\F01FD"}.mdi-equalizer::before{content:"\F0EA2"}.mdi-equalizer-outline::before{content:"\F0EA3"}.mdi-eraser::before{content:"\F01FE"}.mdi-eraser-variant::before{content:"\F0642"}.mdi-escalator::before{content:"\F01FF"}.mdi-escalator-box::before{content:"\F1399"}.mdi-escalator-down::before{content:"\F12C0"}.mdi-escalator-up::before{content:"\F12BF"}.mdi-eslint::before{content:"\F0C7A"}.mdi-et::before{content:"\F0AB3"}.mdi-ethereum::before{content:"\F086A"}.mdi-ethernet::before{content:"\F0200"}.mdi-ethernet-cable::before{content:"\F0201"}.mdi-ethernet-cable-off::before{content:"\F0202"}.mdi-ethernet-off::before{content:"\F1CD1"}.mdi-ev-plug-ccs1::before{content:"\F1519"}.mdi-ev-plug-ccs2::before{content:"\F151A"}.mdi-ev-plug-chademo::before{content:"\F151B"}.mdi-ev-plug-tesla::before{content:"\F151C"}.mdi-ev-plug-type1::before{content:"\F151D"}.mdi-ev-plug-type2::before{content:"\F151E"}.mdi-ev-station::before{content:"\F05F1"}.mdi-evernote::before{content:"\F0204"}.mdi-excavator::before{content:"\F1025"}.mdi-exclamation::before{content:"\F0205"}.mdi-exclamation-thick::before{content:"\F1238"}.mdi-exit-run::before{content:"\F0A48"}.mdi-exit-to-app::before{content:"\F0206"}.mdi-expand-all::before{content:"\F0AB4"}.mdi-expand-all-outline::before{content:"\F0AB5"}.mdi-expansion-card::before{content:"\F08AE"}.mdi-expansion-card-variant::before{content:"\F0FB2"}.mdi-exponent::before{content:"\F0963"}.mdi-exponent-box::before{content:"\F0964"}.mdi-export::before{content:"\F0207"}.mdi-export-variant::before{content:"\F0B93"}.mdi-eye::before{content:"\F0208"}.mdi-eye-arrow-left::before{content:"\F18FD"}.mdi-eye-arrow-left-outline::before{content:"\F18FE"}.mdi-eye-arrow-right::before{content:"\F18FF"}.mdi-eye-arrow-right-outline::before{content:"\F1900"}.mdi-eye-check::before{content:"\F0D04"}.mdi-eye-check-outline::before{content:"\F0D05"}.mdi-eye-circle::before{content:"\F0B94"}.mdi-eye-circle-outline::before{content:"\F0B95"}.mdi-eye-closed::before{content:"\F1CA3"}.mdi-eye-lock::before{content:"\F1C06"}.mdi-eye-lock-open::before{content:"\F1C07"}.mdi-eye-lock-open-outline::before{content:"\F1C08"}.mdi-eye-lock-outline::before{content:"\F1C09"}.mdi-eye-minus::before{content:"\F1026"}.mdi-eye-minus-outline::before{content:"\F1027"}.mdi-eye-off::before{content:"\F0209"}.mdi-eye-off-outline::before{content:"\F06D1"}.mdi-eye-outline::before{content:"\F06D0"}.mdi-eye-plus::before{content:"\F086B"}.mdi-eye-plus-outline::before{content:"\F086C"}.mdi-eye-refresh::before{content:"\F197C"}.mdi-eye-refresh-outline::before{content:"\F197D"}.mdi-eye-remove::before{content:"\F15E3"}.mdi-eye-remove-outline::before{content:"\F15E4"}.mdi-eye-settings::before{content:"\F086D"}.mdi-eye-settings-outline::before{content:"\F086E"}.mdi-eyedropper::before{content:"\F020A"}.mdi-eyedropper-minus::before{content:"\F13DD"}.mdi-eyedropper-off::before{content:"\F13DF"}.mdi-eyedropper-plus::before{content:"\F13DC"}.mdi-eyedropper-remove::before{content:"\F13DE"}.mdi-eyedropper-variant::before{content:"\F020B"}.mdi-face-agent::before{content:"\F0D70"}.mdi-face-man::before{content:"\F0643"}.mdi-face-man-outline::before{content:"\F0B96"}.mdi-face-man-profile::before{content:"\F0644"}.mdi-face-man-shimmer::before{content:"\F15CC"}.mdi-face-man-shimmer-outline::before{content:"\F15CD"}.mdi-face-mask::before{content:"\F1586"}.mdi-face-mask-outline::before{content:"\F1587"}.mdi-face-recognition::before{content:"\F0C7B"}.mdi-face-woman::before{content:"\F1077"}.mdi-face-woman-outline::before{content:"\F1078"}.mdi-face-woman-profile::before{content:"\F1076"}.mdi-face-woman-shimmer::before{content:"\F15CE"}.mdi-face-woman-shimmer-outline::before{content:"\F15CF"}.mdi-facebook::before{content:"\F020C"}.mdi-facebook-gaming::before{content:"\F07DD"}.mdi-facebook-messenger::before{content:"\F020E"}.mdi-facebook-workplace::before{content:"\F0B31"}.mdi-factory::before{content:"\F020F"}.mdi-family-tree::before{content:"\F160E"}.mdi-fan::before{content:"\F0210"}.mdi-fan-alert::before{content:"\F146C"}.mdi-fan-auto::before{content:"\F171D"}.mdi-fan-chevron-down::before{content:"\F146D"}.mdi-fan-chevron-up::before{content:"\F146E"}.mdi-fan-clock::before{content:"\F1A3A"}.mdi-fan-minus::before{content:"\F1470"}.mdi-fan-off::before{content:"\F081D"}.mdi-fan-plus::before{content:"\F146F"}.mdi-fan-remove::before{content:"\F1471"}.mdi-fan-speed-1::before{content:"\F1472"}.mdi-fan-speed-2::before{content:"\F1473"}.mdi-fan-speed-3::before{content:"\F1474"}.mdi-fast-forward::before{content:"\F0211"}.mdi-fast-forward-10::before{content:"\F0D71"}.mdi-fast-forward-15::before{content:"\F193A"}.mdi-fast-forward-30::before{content:"\F0D06"}.mdi-fast-forward-45::before{content:"\F1B12"}.mdi-fast-forward-5::before{content:"\F11F8"}.mdi-fast-forward-60::before{content:"\F160B"}.mdi-fast-forward-outline::before{content:"\F06D2"}.mdi-faucet::before{content:"\F1B29"}.mdi-faucet-variant::before{content:"\F1B2A"}.mdi-fax::before{content:"\F0212"}.mdi-feather::before{content:"\F06D3"}.mdi-feature-search::before{content:"\F0A49"}.mdi-feature-search-outline::before{content:"\F0A4A"}.mdi-fedora::before{content:"\F08DB"}.mdi-fence::before{content:"\F179A"}.mdi-fence-electric::before{content:"\F17F6"}.mdi-fencing::before{content:"\F14C1"}.mdi-ferris-wheel::before{content:"\F0EA4"}.mdi-ferry::before{content:"\F0213"}.mdi-file::before{content:"\F0214"}.mdi-file-account::before{content:"\F073B"}.mdi-file-account-outline::before{content:"\F1028"}.mdi-file-alert::before{content:"\F0A4B"}.mdi-file-alert-outline::before{content:"\F0A4C"}.mdi-file-arrow-left-right::before{content:"\F1A93"}.mdi-file-arrow-left-right-outline::before{content:"\F1A94"}.mdi-file-arrow-up-down::before{content:"\F1A95"}.mdi-file-arrow-up-down-outline::before{content:"\F1A96"}.mdi-file-cabinet::before{content:"\F0AB6"}.mdi-file-cad::before{content:"\F0EEB"}.mdi-file-cad-box::before{content:"\F0EEC"}.mdi-file-cancel::before{content:"\F0DC6"}.mdi-file-cancel-outline::before{content:"\F0DC7"}.mdi-file-certificate::before{content:"\F1186"}.mdi-file-certificate-outline::before{content:"\F1187"}.mdi-file-chart::before{content:"\F0215"}.mdi-file-chart-check::before{content:"\F19C6"}.mdi-file-chart-check-outline::before{content:"\F19C7"}.mdi-file-chart-outline::before{content:"\F1029"}.mdi-file-check::before{content:"\F0216"}.mdi-file-check-outline::before{content:"\F0E29"}.mdi-file-clock::before{content:"\F12E1"}.mdi-file-clock-outline::before{content:"\F12E2"}.mdi-file-cloud::before{content:"\F0217"}.mdi-file-cloud-outline::before{content:"\F102A"}.mdi-file-code::before{content:"\F022E"}.mdi-file-code-outline::before{content:"\F102B"}.mdi-file-cog::before{content:"\F107B"}.mdi-file-cog-outline::before{content:"\F107C"}.mdi-file-compare::before{content:"\F08AA"}.mdi-file-delimited::before{content:"\F0218"}.mdi-file-delimited-outline::before{content:"\F0EA5"}.mdi-file-document::before{content:"\F0219"}.mdi-file-document-alert::before{content:"\F1A97"}.mdi-file-document-alert-outline::before{content:"\F1A98"}.mdi-file-document-arrow-right::before{content:"\F1C0F"}.mdi-file-document-arrow-right-outline::before{content:"\F1C10"}.mdi-file-document-check::before{content:"\F1A99"}.mdi-file-document-check-outline::before{content:"\F1A9A"}.mdi-file-document-edit::before{content:"\F0DC8"}.mdi-file-document-edit-outline::before{content:"\F0DC9"}.mdi-file-document-minus::before{content:"\F1A9B"}.mdi-file-document-minus-outline::before{content:"\F1A9C"}.mdi-file-document-multiple::before{content:"\F1517"}.mdi-file-document-multiple-outline::before{content:"\F1518"}.mdi-file-document-outline::before{content:"\F09EE"}.mdi-file-document-plus::before{content:"\F1A9D"}.mdi-file-document-plus-outline::before{content:"\F1A9E"}.mdi-file-document-refresh::before{content:"\F1C7A"}.mdi-file-document-refresh-outline::before{content:"\F1C7B"}.mdi-file-document-remove::before{content:"\F1A9F"}.mdi-file-document-remove-outline::before{content:"\F1AA0"}.mdi-file-download::before{content:"\F0965"}.mdi-file-download-outline::before{content:"\F0966"}.mdi-file-edit::before{content:"\F11E7"}.mdi-file-edit-outline::before{content:"\F11E8"}.mdi-file-excel::before{content:"\F021B"}.mdi-file-excel-box::before{content:"\F021C"}.mdi-file-excel-box-outline::before{content:"\F102C"}.mdi-file-excel-outline::before{content:"\F102D"}.mdi-file-export::before{content:"\F021D"}.mdi-file-export-outline::before{content:"\F102E"}.mdi-file-eye::before{content:"\F0DCA"}.mdi-file-eye-outline::before{content:"\F0DCB"}.mdi-file-find::before{content:"\F021E"}.mdi-file-find-outline::before{content:"\F0B97"}.mdi-file-gif-box::before{content:"\F0D78"}.mdi-file-hidden::before{content:"\F0613"}.mdi-file-image::before{content:"\F021F"}.mdi-file-image-marker::before{content:"\F1772"}.mdi-file-image-marker-outline::before{content:"\F1773"}.mdi-file-image-minus::before{content:"\F193B"}.mdi-file-image-minus-outline::before{content:"\F193C"}.mdi-file-image-outline::before{content:"\F0EB0"}.mdi-file-image-plus::before{content:"\F193D"}.mdi-file-image-plus-outline::before{content:"\F193E"}.mdi-file-image-remove::before{content:"\F193F"}.mdi-file-image-remove-outline::before{content:"\F1940"}.mdi-file-import::before{content:"\F0220"}.mdi-file-import-outline::before{content:"\F102F"}.mdi-file-jpg-box::before{content:"\F0225"}.mdi-file-key::before{content:"\F1184"}.mdi-file-key-outline::before{content:"\F1185"}.mdi-file-link::before{content:"\F1177"}.mdi-file-link-outline::before{content:"\F1178"}.mdi-file-lock::before{content:"\F0221"}.mdi-file-lock-open::before{content:"\F19C8"}.mdi-file-lock-open-outline::before{content:"\F19C9"}.mdi-file-lock-outline::before{content:"\F1030"}.mdi-file-marker::before{content:"\F1774"}.mdi-file-marker-outline::before{content:"\F1775"}.mdi-file-minus::before{content:"\F1AA1"}.mdi-file-minus-outline::before{content:"\F1AA2"}.mdi-file-move::before{content:"\F0AB9"}.mdi-file-move-outline::before{content:"\F1031"}.mdi-file-multiple::before{content:"\F0222"}.mdi-file-multiple-outline::before{content:"\F1032"}.mdi-file-music::before{content:"\F0223"}.mdi-file-music-outline::before{content:"\F0E2A"}.mdi-file-outline::before{content:"\F0224"}.mdi-file-pdf-box::before{content:"\F0226"}.mdi-file-percent::before{content:"\F081E"}.mdi-file-percent-outline::before{content:"\F1033"}.mdi-file-phone::before{content:"\F1179"}.mdi-file-phone-outline::before{content:"\F117A"}.mdi-file-plus::before{content:"\F0752"}.mdi-file-plus-outline::before{content:"\F0EED"}.mdi-file-png-box::before{content:"\F0E2D"}.mdi-file-powerpoint::before{content:"\F0227"}.mdi-file-powerpoint-box::before{content:"\F0228"}.mdi-file-powerpoint-box-outline::before{content:"\F1034"}.mdi-file-powerpoint-outline::before{content:"\F1035"}.mdi-file-presentation-box::before{content:"\F0229"}.mdi-file-question::before{content:"\F086F"}.mdi-file-question-outline::before{content:"\F1036"}.mdi-file-refresh::before{content:"\F0918"}.mdi-file-refresh-outline::before{content:"\F0541"}.mdi-file-remove::before{content:"\F0B98"}.mdi-file-remove-outline::before{content:"\F1037"}.mdi-file-replace::before{content:"\F0B32"}.mdi-file-replace-outline::before{content:"\F0B33"}.mdi-file-restore::before{content:"\F0670"}.mdi-file-restore-outline::before{content:"\F1038"}.mdi-file-rotate-left::before{content:"\F1A3B"}.mdi-file-rotate-left-outline::before{content:"\F1A3C"}.mdi-file-rotate-right::before{content:"\F1A3D"}.mdi-file-rotate-right-outline::before{content:"\F1A3E"}.mdi-file-search::before{content:"\F0C7C"}.mdi-file-search-outline::before{content:"\F0C7D"}.mdi-file-send::before{content:"\F022A"}.mdi-file-send-outline::before{content:"\F1039"}.mdi-file-settings::before{content:"\F1079"}.mdi-file-settings-outline::before{content:"\F107A"}.mdi-file-sign::before{content:"\F19C3"}.mdi-file-star::before{content:"\F103A"}.mdi-file-star-four-points::before{content:"\F1C2D"}.mdi-file-star-four-points-outline::before{content:"\F1C2E"}.mdi-file-star-outline::before{content:"\F103B"}.mdi-file-swap::before{content:"\F0FB4"}.mdi-file-swap-outline::before{content:"\F0FB5"}.mdi-file-sync::before{content:"\F1216"}.mdi-file-sync-outline::before{content:"\F1217"}.mdi-file-table::before{content:"\F0C7E"}.mdi-file-table-box::before{content:"\F10E1"}.mdi-file-table-box-multiple::before{content:"\F10E2"}.mdi-file-table-box-multiple-outline::before{content:"\F10E3"}.mdi-file-table-box-outline::before{content:"\F10E4"}.mdi-file-table-outline::before{content:"\F0C7F"}.mdi-file-tree::before{content:"\F0645"}.mdi-file-tree-outline::before{content:"\F13D2"}.mdi-file-undo::before{content:"\F08DC"}.mdi-file-undo-outline::before{content:"\F103C"}.mdi-file-upload::before{content:"\F0A4D"}.mdi-file-upload-outline::before{content:"\F0A4E"}.mdi-file-video::before{content:"\F022B"}.mdi-file-video-outline::before{content:"\F0E2C"}.mdi-file-word::before{content:"\F022C"}.mdi-file-word-box::before{content:"\F022D"}.mdi-file-word-box-outline::before{content:"\F103D"}.mdi-file-word-outline::before{content:"\F103E"}.mdi-file-xml-box::before{content:"\F1B4B"}.mdi-film::before{content:"\F022F"}.mdi-filmstrip::before{content:"\F0230"}.mdi-filmstrip-box::before{content:"\F0332"}.mdi-filmstrip-box-multiple::before{content:"\F0D18"}.mdi-filmstrip-off::before{content:"\F0231"}.mdi-filter::before{content:"\F0232"}.mdi-filter-check::before{content:"\F18EC"}.mdi-filter-check-outline::before{content:"\F18ED"}.mdi-filter-cog::before{content:"\F1AA3"}.mdi-filter-cog-outline::before{content:"\F1AA4"}.mdi-filter-menu::before{content:"\F10E5"}.mdi-filter-menu-outline::before{content:"\F10E6"}.mdi-filter-minus::before{content:"\F0EEE"}.mdi-filter-minus-outline::before{content:"\F0EEF"}.mdi-filter-multiple::before{content:"\F1A3F"}.mdi-filter-multiple-outline::before{content:"\F1A40"}.mdi-filter-off::before{content:"\F14EF"}.mdi-filter-off-outline::before{content:"\F14F0"}.mdi-filter-outline::before{content:"\F0233"}.mdi-filter-plus::before{content:"\F0EF0"}.mdi-filter-plus-outline::before{content:"\F0EF1"}.mdi-filter-remove::before{content:"\F0234"}.mdi-filter-remove-outline::before{content:"\F0235"}.mdi-filter-settings::before{content:"\F1AA5"}.mdi-filter-settings-outline::before{content:"\F1AA6"}.mdi-filter-variant::before{content:"\F0236"}.mdi-filter-variant-minus::before{content:"\F1112"}.mdi-filter-variant-plus::before{content:"\F1113"}.mdi-filter-variant-remove::before{content:"\F103F"}.mdi-finance::before{content:"\F081F"}.mdi-find-replace::before{content:"\F06D4"}.mdi-fingerprint::before{content:"\F0237"}.mdi-fingerprint-off::before{content:"\F0EB1"}.mdi-fire::before{content:"\F0238"}.mdi-fire-alert::before{content:"\F15D7"}.mdi-fire-circle::before{content:"\F1807"}.mdi-fire-extinguisher::before{content:"\F0EF2"}.mdi-fire-hydrant::before{content:"\F1137"}.mdi-fire-hydrant-alert::before{content:"\F1138"}.mdi-fire-hydrant-off::before{content:"\F1139"}.mdi-fire-off::before{content:"\F1722"}.mdi-fire-station::before{content:"\F1CC3"}.mdi-fire-truck::before{content:"\F08AB"}.mdi-firebase::before{content:"\F0967"}.mdi-firefox::before{content:"\F0239"}.mdi-fireplace::before{content:"\F0E2E"}.mdi-fireplace-off::before{content:"\F0E2F"}.mdi-firewire::before{content:"\F05BE"}.mdi-firework::before{content:"\F0E30"}.mdi-firework-off::before{content:"\F1723"}.mdi-fish::before{content:"\F023A"}.mdi-fish-off::before{content:"\F13F3"}.mdi-fishbowl::before{content:"\F0EF3"}.mdi-fishbowl-outline::before{content:"\F0EF4"}.mdi-fit-to-page::before{content:"\F0EF5"}.mdi-fit-to-page-outline::before{content:"\F0EF6"}.mdi-fit-to-screen::before{content:"\F18F4"}.mdi-fit-to-screen-outline::before{content:"\F18F5"}.mdi-flag::before{content:"\F023B"}.mdi-flag-checkered::before{content:"\F023C"}.mdi-flag-minus::before{content:"\F0B99"}.mdi-flag-minus-outline::before{content:"\F10B2"}.mdi-flag-off::before{content:"\F18EE"}.mdi-flag-off-outline::before{content:"\F18EF"}.mdi-flag-outline::before{content:"\F023D"}.mdi-flag-plus::before{content:"\F0B9A"}.mdi-flag-plus-outline::before{content:"\F10B3"}.mdi-flag-remove::before{content:"\F0B9B"}.mdi-flag-remove-outline::before{content:"\F10B4"}.mdi-flag-triangle::before{content:"\F023F"}.mdi-flag-variant::before{content:"\F0240"}.mdi-flag-variant-minus::before{content:"\F1BB4"}.mdi-flag-variant-minus-outline::before{content:"\F1BB5"}.mdi-flag-variant-off::before{content:"\F1BB0"}.mdi-flag-variant-off-outline::before{content:"\F1BB1"}.mdi-flag-variant-outline::before{content:"\F023E"}.mdi-flag-variant-plus::before{content:"\F1BB2"}.mdi-flag-variant-plus-outline::before{content:"\F1BB3"}.mdi-flag-variant-remove::before{content:"\F1BB6"}.mdi-flag-variant-remove-outline::before{content:"\F1BB7"}.mdi-flare::before{content:"\F0D72"}.mdi-flash::before{content:"\F0241"}.mdi-flash-alert::before{content:"\F0EF7"}.mdi-flash-alert-outline::before{content:"\F0EF8"}.mdi-flash-auto::before{content:"\F0242"}.mdi-flash-off::before{content:"\F0243"}.mdi-flash-off-outline::before{content:"\F1B45"}.mdi-flash-outline::before{content:"\F06D5"}.mdi-flash-red-eye::before{content:"\F067B"}.mdi-flash-triangle::before{content:"\F1B1D"}.mdi-flash-triangle-outline::before{content:"\F1B1E"}.mdi-flashlight::before{content:"\F0244"}.mdi-flashlight-off::before{content:"\F0245"}.mdi-flask::before{content:"\F0093"}.mdi-flask-empty::before{content:"\F0094"}.mdi-flask-empty-minus::before{content:"\F123A"}.mdi-flask-empty-minus-outline::before{content:"\F123B"}.mdi-flask-empty-off::before{content:"\F13F4"}.mdi-flask-empty-off-outline::before{content:"\F13F5"}.mdi-flask-empty-outline::before{content:"\F0095"}.mdi-flask-empty-plus::before{content:"\F123C"}.mdi-flask-empty-plus-outline::before{content:"\F123D"}.mdi-flask-empty-remove::before{content:"\F123E"}.mdi-flask-empty-remove-outline::before{content:"\F123F"}.mdi-flask-minus::before{content:"\F1240"}.mdi-flask-minus-outline::before{content:"\F1241"}.mdi-flask-off::before{content:"\F13F6"}.mdi-flask-off-outline::before{content:"\F13F7"}.mdi-flask-outline::before{content:"\F0096"}.mdi-flask-plus::before{content:"\F1242"}.mdi-flask-plus-outline::before{content:"\F1243"}.mdi-flask-remove::before{content:"\F1244"}.mdi-flask-remove-outline::before{content:"\F1245"}.mdi-flask-round-bottom::before{content:"\F124B"}.mdi-flask-round-bottom-empty::before{content:"\F124C"}.mdi-flask-round-bottom-empty-outline::before{content:"\F124D"}.mdi-flask-round-bottom-outline::before{content:"\F124E"}.mdi-fleur-de-lis::before{content:"\F1303"}.mdi-flip-horizontal::before{content:"\F10E7"}.mdi-flip-to-back::before{content:"\F0247"}.mdi-flip-to-front::before{content:"\F0248"}.mdi-flip-vertical::before{content:"\F10E8"}.mdi-floor-lamp::before{content:"\F08DD"}.mdi-floor-lamp-dual::before{content:"\F1040"}.mdi-floor-lamp-dual-outline::before{content:"\F17CE"}.mdi-floor-lamp-outline::before{content:"\F17C8"}.mdi-floor-lamp-torchiere::before{content:"\F1747"}.mdi-floor-lamp-torchiere-outline::before{content:"\F17D6"}.mdi-floor-lamp-torchiere-variant::before{content:"\F1041"}.mdi-floor-lamp-torchiere-variant-outline::before{content:"\F17CF"}.mdi-floor-plan::before{content:"\F0821"}.mdi-floppy::before{content:"\F0249"}.mdi-floppy-variant::before{content:"\F09EF"}.mdi-flower::before{content:"\F024A"}.mdi-flower-outline::before{content:"\F09F0"}.mdi-flower-pollen::before{content:"\F1885"}.mdi-flower-pollen-outline::before{content:"\F1886"}.mdi-flower-poppy::before{content:"\F0D08"}.mdi-flower-tulip::before{content:"\F09F1"}.mdi-flower-tulip-outline::before{content:"\F09F2"}.mdi-focus-auto::before{content:"\F0F4E"}.mdi-focus-field::before{content:"\F0F4F"}.mdi-focus-field-horizontal::before{content:"\F0F50"}.mdi-focus-field-vertical::before{content:"\F0F51"}.mdi-folder::before{content:"\F024B"}.mdi-folder-account::before{content:"\F024C"}.mdi-folder-account-outline::before{content:"\F0B9C"}.mdi-folder-alert::before{content:"\F0DCC"}.mdi-folder-alert-outline::before{content:"\F0DCD"}.mdi-folder-arrow-down::before{content:"\F19E8"}.mdi-folder-arrow-down-outline::before{content:"\F19E9"}.mdi-folder-arrow-left::before{content:"\F19EA"}.mdi-folder-arrow-left-outline::before{content:"\F19EB"}.mdi-folder-arrow-left-right::before{content:"\F19EC"}.mdi-folder-arrow-left-right-outline::before{content:"\F19ED"}.mdi-folder-arrow-right::before{content:"\F19EE"}.mdi-folder-arrow-right-outline::before{content:"\F19EF"}.mdi-folder-arrow-up::before{content:"\F19F0"}.mdi-folder-arrow-up-down::before{content:"\F19F1"}.mdi-folder-arrow-up-down-outline::before{content:"\F19F2"}.mdi-folder-arrow-up-outline::before{content:"\F19F3"}.mdi-folder-cancel::before{content:"\F19F4"}.mdi-folder-cancel-outline::before{content:"\F19F5"}.mdi-folder-check::before{content:"\F197E"}.mdi-folder-check-outline::before{content:"\F197F"}.mdi-folder-clock::before{content:"\F0ABA"}.mdi-folder-clock-outline::before{content:"\F0ABB"}.mdi-folder-cog::before{content:"\F107F"}.mdi-folder-cog-outline::before{content:"\F1080"}.mdi-folder-download::before{content:"\F024D"}.mdi-folder-download-outline::before{content:"\F10E9"}.mdi-folder-edit::before{content:"\F08DE"}.mdi-folder-edit-outline::before{content:"\F0DCE"}.mdi-folder-eye::before{content:"\F178A"}.mdi-folder-eye-outline::before{content:"\F178B"}.mdi-folder-file::before{content:"\F19F6"}.mdi-folder-file-outline::before{content:"\F19F7"}.mdi-folder-google-drive::before{content:"\F024E"}.mdi-folder-heart::before{content:"\F10EA"}.mdi-folder-heart-outline::before{content:"\F10EB"}.mdi-folder-hidden::before{content:"\F179E"}.mdi-folder-home::before{content:"\F10B5"}.mdi-folder-home-outline::before{content:"\F10B6"}.mdi-folder-image::before{content:"\F024F"}.mdi-folder-information::before{content:"\F10B7"}.mdi-folder-information-outline::before{content:"\F10B8"}.mdi-folder-key::before{content:"\F08AC"}.mdi-folder-key-network::before{content:"\F08AD"}.mdi-folder-key-network-outline::before{content:"\F0C80"}.mdi-folder-key-outline::before{content:"\F10EC"}.mdi-folder-lock::before{content:"\F0250"}.mdi-folder-lock-open::before{content:"\F0251"}.mdi-folder-lock-open-outline::before{content:"\F1AA7"}.mdi-folder-lock-outline::before{content:"\F1AA8"}.mdi-folder-marker::before{content:"\F126D"}.mdi-folder-marker-outline::before{content:"\F126E"}.mdi-folder-minus::before{content:"\F1B49"}.mdi-folder-minus-outline::before{content:"\F1B4A"}.mdi-folder-move::before{content:"\F0252"}.mdi-folder-move-outline::before{content:"\F1246"}.mdi-folder-multiple::before{content:"\F0253"}.mdi-folder-multiple-image::before{content:"\F0254"}.mdi-folder-multiple-outline::before{content:"\F0255"}.mdi-folder-multiple-plus::before{content:"\F147E"}.mdi-folder-multiple-plus-outline::before{content:"\F147F"}.mdi-folder-music::before{content:"\F1359"}.mdi-folder-music-outline::before{content:"\F135A"}.mdi-folder-network::before{content:"\F0870"}.mdi-folder-network-outline::before{content:"\F0C81"}.mdi-folder-off::before{content:"\F19F8"}.mdi-folder-off-outline::before{content:"\F19F9"}.mdi-folder-open::before{content:"\F0770"}.mdi-folder-open-outline::before{content:"\F0DCF"}.mdi-folder-outline::before{content:"\F0256"}.mdi-folder-play::before{content:"\F19FA"}.mdi-folder-play-outline::before{content:"\F19FB"}.mdi-folder-plus::before{content:"\F0257"}.mdi-folder-plus-outline::before{content:"\F0B9D"}.mdi-folder-pound::before{content:"\F0D09"}.mdi-folder-pound-outline::before{content:"\F0D0A"}.mdi-folder-question::before{content:"\F19CA"}.mdi-folder-question-outline::before{content:"\F19CB"}.mdi-folder-refresh::before{content:"\F0749"}.mdi-folder-refresh-outline::before{content:"\F0542"}.mdi-folder-remove::before{content:"\F0258"}.mdi-folder-remove-outline::before{content:"\F0B9E"}.mdi-folder-search::before{content:"\F0968"}.mdi-folder-search-outline::before{content:"\F0969"}.mdi-folder-settings::before{content:"\F107D"}.mdi-folder-settings-outline::before{content:"\F107E"}.mdi-folder-star::before{content:"\F069D"}.mdi-folder-star-multiple::before{content:"\F13D3"}.mdi-folder-star-multiple-outline::before{content:"\F13D4"}.mdi-folder-star-outline::before{content:"\F0B9F"}.mdi-folder-swap::before{content:"\F0FB6"}.mdi-folder-swap-outline::before{content:"\F0FB7"}.mdi-folder-sync::before{content:"\F0D0B"}.mdi-folder-sync-outline::before{content:"\F0D0C"}.mdi-folder-table::before{content:"\F12E3"}.mdi-folder-table-outline::before{content:"\F12E4"}.mdi-folder-text::before{content:"\F0C82"}.mdi-folder-text-outline::before{content:"\F0C83"}.mdi-folder-upload::before{content:"\F0259"}.mdi-folder-upload-outline::before{content:"\F10ED"}.mdi-folder-wrench::before{content:"\F19FC"}.mdi-folder-wrench-outline::before{content:"\F19FD"}.mdi-folder-zip::before{content:"\F06EB"}.mdi-folder-zip-outline::before{content:"\F07B9"}.mdi-font-awesome::before{content:"\F003A"}.mdi-food::before{content:"\F025A"}.mdi-food-apple::before{content:"\F025B"}.mdi-food-apple-outline::before{content:"\F0C84"}.mdi-food-croissant::before{content:"\F07C8"}.mdi-food-drumstick::before{content:"\F141F"}.mdi-food-drumstick-off::before{content:"\F1468"}.mdi-food-drumstick-off-outline::before{content:"\F1469"}.mdi-food-drumstick-outline::before{content:"\F1420"}.mdi-food-fork-drink::before{content:"\F05F2"}.mdi-food-halal::before{content:"\F1572"}.mdi-food-hot-dog::before{content:"\F184B"}.mdi-food-kosher::before{content:"\F1573"}.mdi-food-off::before{content:"\F05F3"}.mdi-food-off-outline::before{content:"\F1915"}.mdi-food-outline::before{content:"\F1916"}.mdi-food-steak::before{content:"\F146A"}.mdi-food-steak-off::before{content:"\F146B"}.mdi-food-takeout-box::before{content:"\F1836"}.mdi-food-takeout-box-outline::before{content:"\F1837"}.mdi-food-turkey::before{content:"\F171C"}.mdi-food-variant::before{content:"\F025C"}.mdi-food-variant-off::before{content:"\F13E5"}.mdi-foot-print::before{content:"\F0F52"}.mdi-football::before{content:"\F025D"}.mdi-football-australian::before{content:"\F025E"}.mdi-football-helmet::before{content:"\F025F"}.mdi-forest::before{content:"\F1897"}.mdi-forest-outline::before{content:"\F1C63"}.mdi-forklift::before{content:"\F07C9"}.mdi-form-dropdown::before{content:"\F1400"}.mdi-form-select::before{content:"\F1401"}.mdi-form-textarea::before{content:"\F1095"}.mdi-form-textbox::before{content:"\F060E"}.mdi-form-textbox-lock::before{content:"\F135D"}.mdi-form-textbox-password::before{content:"\F07F5"}.mdi-format-align-bottom::before{content:"\F0753"}.mdi-format-align-center::before{content:"\F0260"}.mdi-format-align-justify::before{content:"\F0261"}.mdi-format-align-left::before{content:"\F0262"}.mdi-format-align-middle::before{content:"\F0754"}.mdi-format-align-right::before{content:"\F0263"}.mdi-format-align-top::before{content:"\F0755"}.mdi-format-annotation-minus::before{content:"\F0ABC"}.mdi-format-annotation-plus::before{content:"\F0646"}.mdi-format-bold::before{content:"\F0264"}.mdi-format-clear::before{content:"\F0265"}.mdi-format-color-fill::before{content:"\F0266"}.mdi-format-color-highlight::before{content:"\F0E31"}.mdi-format-color-marker-cancel::before{content:"\F1313"}.mdi-format-color-text::before{content:"\F069E"}.mdi-format-columns::before{content:"\F08DF"}.mdi-format-float-center::before{content:"\F0267"}.mdi-format-float-left::before{content:"\F0268"}.mdi-format-float-none::before{content:"\F0269"}.mdi-format-float-right::before{content:"\F026A"}.mdi-format-font::before{content:"\F06D6"}.mdi-format-font-size-decrease::before{content:"\F09F3"}.mdi-format-font-size-increase::before{content:"\F09F4"}.mdi-format-header-1::before{content:"\F026B"}.mdi-format-header-2::before{content:"\F026C"}.mdi-format-header-3::before{content:"\F026D"}.mdi-format-header-4::before{content:"\F026E"}.mdi-format-header-5::before{content:"\F026F"}.mdi-format-header-6::before{content:"\F0270"}.mdi-format-header-decrease::before{content:"\F0271"}.mdi-format-header-equal::before{content:"\F0272"}.mdi-format-header-increase::before{content:"\F0273"}.mdi-format-header-pound::before{content:"\F0274"}.mdi-format-horizontal-align-center::before{content:"\F061E"}.mdi-format-horizontal-align-left::before{content:"\F061F"}.mdi-format-horizontal-align-right::before{content:"\F0620"}.mdi-format-indent-decrease::before{content:"\F0275"}.mdi-format-indent-increase::before{content:"\F0276"}.mdi-format-italic::before{content:"\F0277"}.mdi-format-letter-case::before{content:"\F0B34"}.mdi-format-letter-case-lower::before{content:"\F0B35"}.mdi-format-letter-case-upper::before{content:"\F0B36"}.mdi-format-letter-ends-with::before{content:"\F0FB8"}.mdi-format-letter-matches::before{content:"\F0FB9"}.mdi-format-letter-spacing::before{content:"\F1956"}.mdi-format-letter-spacing-variant::before{content:"\F1AFB"}.mdi-format-letter-starts-with::before{content:"\F0FBA"}.mdi-format-line-height::before{content:"\F1AFC"}.mdi-format-line-spacing::before{content:"\F0278"}.mdi-format-line-style::before{content:"\F05C8"}.mdi-format-line-weight::before{content:"\F05C9"}.mdi-format-list-bulleted::before{content:"\F0279"}.mdi-format-list-bulleted-square::before{content:"\F0DD0"}.mdi-format-list-bulleted-triangle::before{content:"\F0EB2"}.mdi-format-list-bulleted-type::before{content:"\F027A"}.mdi-format-list-checkbox::before{content:"\F096A"}.mdi-format-list-checks::before{content:"\F0756"}.mdi-format-list-group::before{content:"\F1860"}.mdi-format-list-group-plus::before{content:"\F1B56"}.mdi-format-list-numbered::before{content:"\F027B"}.mdi-format-list-numbered-rtl::before{content:"\F0D0D"}.mdi-format-list-text::before{content:"\F126F"}.mdi-format-overline::before{content:"\F0EB3"}.mdi-format-page-break::before{content:"\F06D7"}.mdi-format-page-split::before{content:"\F1917"}.mdi-format-paint::before{content:"\F027C"}.mdi-format-paragraph::before{content:"\F027D"}.mdi-format-paragraph-spacing::before{content:"\F1AFD"}.mdi-format-pilcrow::before{content:"\F06D8"}.mdi-format-pilcrow-arrow-left::before{content:"\F0286"}.mdi-format-pilcrow-arrow-right::before{content:"\F0285"}.mdi-format-quote-close::before{content:"\F027E"}.mdi-format-quote-close-outline::before{content:"\F11A8"}.mdi-format-quote-open::before{content:"\F0757"}.mdi-format-quote-open-outline::before{content:"\F11A7"}.mdi-format-rotate-90::before{content:"\F06AA"}.mdi-format-section::before{content:"\F069F"}.mdi-format-size::before{content:"\F027F"}.mdi-format-strikethrough::before{content:"\F0280"}.mdi-format-strikethrough-variant::before{content:"\F0281"}.mdi-format-subscript::before{content:"\F0282"}.mdi-format-superscript::before{content:"\F0283"}.mdi-format-text::before{content:"\F0284"}.mdi-format-text-rotation-angle-down::before{content:"\F0FBB"}.mdi-format-text-rotation-angle-up::before{content:"\F0FBC"}.mdi-format-text-rotation-down::before{content:"\F0D73"}.mdi-format-text-rotation-down-vertical::before{content:"\F0FBD"}.mdi-format-text-rotation-none::before{content:"\F0D74"}.mdi-format-text-rotation-up::before{content:"\F0FBE"}.mdi-format-text-rotation-vertical::before{content:"\F0FBF"}.mdi-format-text-variant::before{content:"\F0E32"}.mdi-format-text-variant-outline::before{content:"\F150F"}.mdi-format-text-wrapping-clip::before{content:"\F0D0E"}.mdi-format-text-wrapping-overflow::before{content:"\F0D0F"}.mdi-format-text-wrapping-wrap::before{content:"\F0D10"}.mdi-format-textbox::before{content:"\F0D11"}.mdi-format-title::before{content:"\F05F4"}.mdi-format-underline::before{content:"\F0287"}.mdi-format-underline-wavy::before{content:"\F18E9"}.mdi-format-vertical-align-bottom::before{content:"\F0621"}.mdi-format-vertical-align-center::before{content:"\F0622"}.mdi-format-vertical-align-top::before{content:"\F0623"}.mdi-format-wrap-inline::before{content:"\F0288"}.mdi-format-wrap-square::before{content:"\F0289"}.mdi-format-wrap-tight::before{content:"\F028A"}.mdi-format-wrap-top-bottom::before{content:"\F028B"}.mdi-forum::before{content:"\F028C"}.mdi-forum-minus::before{content:"\F1AA9"}.mdi-forum-minus-outline::before{content:"\F1AAA"}.mdi-forum-outline::before{content:"\F0822"}.mdi-forum-plus::before{content:"\F1AAB"}.mdi-forum-plus-outline::before{content:"\F1AAC"}.mdi-forum-remove::before{content:"\F1AAD"}.mdi-forum-remove-outline::before{content:"\F1AAE"}.mdi-forward::before{content:"\F028D"}.mdi-forwardburger::before{content:"\F0D75"}.mdi-fountain::before{content:"\F096B"}.mdi-fountain-pen::before{content:"\F0D12"}.mdi-fountain-pen-tip::before{content:"\F0D13"}.mdi-fraction-one-half::before{content:"\F1992"}.mdi-freebsd::before{content:"\F08E0"}.mdi-french-fries::before{content:"\F1957"}.mdi-frequently-asked-questions::before{content:"\F0EB4"}.mdi-fridge::before{content:"\F0290"}.mdi-fridge-alert::before{content:"\F11B1"}.mdi-fridge-alert-outline::before{content:"\F11B2"}.mdi-fridge-bottom::before{content:"\F0292"}.mdi-fridge-industrial::before{content:"\F15EE"}.mdi-fridge-industrial-alert::before{content:"\F15EF"}.mdi-fridge-industrial-alert-outline::before{content:"\F15F0"}.mdi-fridge-industrial-off::before{content:"\F15F1"}.mdi-fridge-industrial-off-outline::before{content:"\F15F2"}.mdi-fridge-industrial-outline::before{content:"\F15F3"}.mdi-fridge-off::before{content:"\F11AF"}.mdi-fridge-off-outline::before{content:"\F11B0"}.mdi-fridge-outline::before{content:"\F028F"}.mdi-fridge-top::before{content:"\F0291"}.mdi-fridge-variant::before{content:"\F15F4"}.mdi-fridge-variant-alert::before{content:"\F15F5"}.mdi-fridge-variant-alert-outline::before{content:"\F15F6"}.mdi-fridge-variant-off::before{content:"\F15F7"}.mdi-fridge-variant-off-outline::before{content:"\F15F8"}.mdi-fridge-variant-outline::before{content:"\F15F9"}.mdi-fruit-cherries::before{content:"\F1042"}.mdi-fruit-cherries-off::before{content:"\F13F8"}.mdi-fruit-citrus::before{content:"\F1043"}.mdi-fruit-citrus-off::before{content:"\F13F9"}.mdi-fruit-grapes::before{content:"\F1044"}.mdi-fruit-grapes-outline::before{content:"\F1045"}.mdi-fruit-pear::before{content:"\F1A0E"}.mdi-fruit-pineapple::before{content:"\F1046"}.mdi-fruit-watermelon::before{content:"\F1047"}.mdi-fuel::before{content:"\F07CA"}.mdi-fuel-cell::before{content:"\F18B5"}.mdi-fullscreen::before{content:"\F0293"}.mdi-fullscreen-exit::before{content:"\F0294"}.mdi-function::before{content:"\F0295"}.mdi-function-variant::before{content:"\F0871"}.mdi-furigana-horizontal::before{content:"\F1081"}.mdi-furigana-vertical::before{content:"\F1082"}.mdi-fuse::before{content:"\F0C85"}.mdi-fuse-alert::before{content:"\F142D"}.mdi-fuse-blade::before{content:"\F0C86"}.mdi-fuse-off::before{content:"\F142C"}.mdi-gamepad::before{content:"\F0296"}.mdi-gamepad-circle::before{content:"\F0E33"}.mdi-gamepad-circle-down::before{content:"\F0E34"}.mdi-gamepad-circle-left::before{content:"\F0E35"}.mdi-gamepad-circle-outline::before{content:"\F0E36"}.mdi-gamepad-circle-right::before{content:"\F0E37"}.mdi-gamepad-circle-up::before{content:"\F0E38"}.mdi-gamepad-down::before{content:"\F0E39"}.mdi-gamepad-left::before{content:"\F0E3A"}.mdi-gamepad-outline::before{content:"\F1919"}.mdi-gamepad-right::before{content:"\F0E3B"}.mdi-gamepad-round::before{content:"\F0E3C"}.mdi-gamepad-round-down::before{content:"\F0E3D"}.mdi-gamepad-round-left::before{content:"\F0E3E"}.mdi-gamepad-round-outline::before{content:"\F0E3F"}.mdi-gamepad-round-right::before{content:"\F0E40"}.mdi-gamepad-round-up::before{content:"\F0E41"}.mdi-gamepad-square::before{content:"\F0EB5"}.mdi-gamepad-square-outline::before{content:"\F0EB6"}.mdi-gamepad-up::before{content:"\F0E42"}.mdi-gamepad-variant::before{content:"\F0297"}.mdi-gamepad-variant-outline::before{content:"\F0EB7"}.mdi-gamma::before{content:"\F10EE"}.mdi-gantry-crane::before{content:"\F0DD1"}.mdi-garage::before{content:"\F06D9"}.mdi-garage-alert::before{content:"\F0872"}.mdi-garage-alert-variant::before{content:"\F12D5"}.mdi-garage-lock::before{content:"\F17FB"}.mdi-garage-open::before{content:"\F06DA"}.mdi-garage-open-variant::before{content:"\F12D4"}.mdi-garage-variant::before{content:"\F12D3"}.mdi-garage-variant-lock::before{content:"\F17FC"}.mdi-gas-burner::before{content:"\F1A1B"}.mdi-gas-cylinder::before{content:"\F0647"}.mdi-gas-station::before{content:"\F0298"}.mdi-gas-station-in-use::before{content:"\F1CC4"}.mdi-gas-station-in-use-outline::before{content:"\F1CC5"}.mdi-gas-station-off::before{content:"\F1409"}.mdi-gas-station-off-outline::before{content:"\F140A"}.mdi-gas-station-outline::before{content:"\F0EB8"}.mdi-gate::before{content:"\F0299"}.mdi-gate-alert::before{content:"\F17F8"}.mdi-gate-and::before{content:"\F08E1"}.mdi-gate-arrow-left::before{content:"\F17F7"}.mdi-gate-arrow-right::before{content:"\F1169"}.mdi-gate-buffer::before{content:"\F1AFE"}.mdi-gate-nand::before{content:"\F08E2"}.mdi-gate-nor::before{content:"\F08E3"}.mdi-gate-not::before{content:"\F08E4"}.mdi-gate-open::before{content:"\F116A"}.mdi-gate-or::before{content:"\F08E5"}.mdi-gate-xnor::before{content:"\F08E6"}.mdi-gate-xor::before{content:"\F08E7"}.mdi-gatsby::before{content:"\F0E43"}.mdi-gauge::before{content:"\F029A"}.mdi-gauge-empty::before{content:"\F0873"}.mdi-gauge-full::before{content:"\F0874"}.mdi-gauge-low::before{content:"\F0875"}.mdi-gavel::before{content:"\F029B"}.mdi-gender-female::before{content:"\F029C"}.mdi-gender-male::before{content:"\F029D"}.mdi-gender-male-female::before{content:"\F029E"}.mdi-gender-male-female-variant::before{content:"\F113F"}.mdi-gender-non-binary::before{content:"\F1140"}.mdi-gender-transgender::before{content:"\F029F"}.mdi-generator-mobile::before{content:"\F1C8A"}.mdi-generator-portable::before{content:"\F1C8B"}.mdi-generator-stationary::before{content:"\F1C8C"}.mdi-gentoo::before{content:"\F08E8"}.mdi-gesture::before{content:"\F07CB"}.mdi-gesture-double-tap::before{content:"\F073C"}.mdi-gesture-pinch::before{content:"\F0ABD"}.mdi-gesture-spread::before{content:"\F0ABE"}.mdi-gesture-swipe::before{content:"\F0D76"}.mdi-gesture-swipe-down::before{content:"\F073D"}.mdi-gesture-swipe-horizontal::before{content:"\F0ABF"}.mdi-gesture-swipe-left::before{content:"\F073E"}.mdi-gesture-swipe-right::before{content:"\F073F"}.mdi-gesture-swipe-up::before{content:"\F0740"}.mdi-gesture-swipe-vertical::before{content:"\F0AC0"}.mdi-gesture-tap::before{content:"\F0741"}.mdi-gesture-tap-box::before{content:"\F12A9"}.mdi-gesture-tap-button::before{content:"\F12A8"}.mdi-gesture-tap-hold::before{content:"\F0D77"}.mdi-gesture-two-double-tap::before{content:"\F0742"}.mdi-gesture-two-tap::before{content:"\F0743"}.mdi-ghost::before{content:"\F02A0"}.mdi-ghost-off::before{content:"\F09F5"}.mdi-ghost-off-outline::before{content:"\F165C"}.mdi-ghost-outline::before{content:"\F165D"}.mdi-gift::before{content:"\F0E44"}.mdi-gift-off::before{content:"\F16EF"}.mdi-gift-off-outline::before{content:"\F16F0"}.mdi-gift-open::before{content:"\F16F1"}.mdi-gift-open-outline::before{content:"\F16F2"}.mdi-gift-outline::before{content:"\F02A1"}.mdi-git::before{content:"\F02A2"}.mdi-github::before{content:"\F02A4"}.mdi-gitlab::before{content:"\F0BA0"}.mdi-glass-cocktail::before{content:"\F0356"}.mdi-glass-cocktail-off::before{content:"\F15E6"}.mdi-glass-flute::before{content:"\F02A5"}.mdi-glass-fragile::before{content:"\F1873"}.mdi-glass-mug::before{content:"\F02A6"}.mdi-glass-mug-off::before{content:"\F15E7"}.mdi-glass-mug-variant::before{content:"\F1116"}.mdi-glass-mug-variant-off::before{content:"\F15E8"}.mdi-glass-pint-outline::before{content:"\F130D"}.mdi-glass-stange::before{content:"\F02A7"}.mdi-glass-tulip::before{content:"\F02A8"}.mdi-glass-wine::before{content:"\F0876"}.mdi-glasses::before{content:"\F02AA"}.mdi-globe-light::before{content:"\F066F"}.mdi-globe-light-outline::before{content:"\F12D7"}.mdi-globe-model::before{content:"\F08E9"}.mdi-gmail::before{content:"\F02AB"}.mdi-gnome::before{content:"\F02AC"}.mdi-go-kart::before{content:"\F0D79"}.mdi-go-kart-track::before{content:"\F0D7A"}.mdi-gog::before{content:"\F0BA1"}.mdi-gold::before{content:"\F124F"}.mdi-golf::before{content:"\F0823"}.mdi-golf-cart::before{content:"\F11A4"}.mdi-golf-tee::before{content:"\F1083"}.mdi-gondola::before{content:"\F0686"}.mdi-goodreads::before{content:"\F0D7B"}.mdi-google::before{content:"\F02AD"}.mdi-google-ads::before{content:"\F0C87"}.mdi-google-analytics::before{content:"\F07CC"}.mdi-google-assistant::before{content:"\F07CD"}.mdi-google-cardboard::before{content:"\F02AE"}.mdi-google-chrome::before{content:"\F02AF"}.mdi-google-circles::before{content:"\F02B0"}.mdi-google-circles-communities::before{content:"\F02B1"}.mdi-google-circles-extended::before{content:"\F02B2"}.mdi-google-circles-group::before{content:"\F02B3"}.mdi-google-classroom::before{content:"\F02C0"}.mdi-google-cloud::before{content:"\F11F6"}.mdi-google-downasaur::before{content:"\F1362"}.mdi-google-drive::before{content:"\F02B6"}.mdi-google-earth::before{content:"\F02B7"}.mdi-google-fit::before{content:"\F096C"}.mdi-google-glass::before{content:"\F02B8"}.mdi-google-hangouts::before{content:"\F02C9"}.mdi-google-keep::before{content:"\F06DC"}.mdi-google-lens::before{content:"\F09F6"}.mdi-google-maps::before{content:"\F05F5"}.mdi-google-my-business::before{content:"\F1048"}.mdi-google-nearby::before{content:"\F02B9"}.mdi-google-play::before{content:"\F02BC"}.mdi-google-plus::before{content:"\F02BD"}.mdi-google-podcast::before{content:"\F0EB9"}.mdi-google-spreadsheet::before{content:"\F09F7"}.mdi-google-street-view::before{content:"\F0C88"}.mdi-google-translate::before{content:"\F02BF"}.mdi-gradient-horizontal::before{content:"\F174A"}.mdi-gradient-vertical::before{content:"\F06A0"}.mdi-grain::before{content:"\F0D7C"}.mdi-graph::before{content:"\F1049"}.mdi-graph-outline::before{content:"\F104A"}.mdi-graphql::before{content:"\F0877"}.mdi-grass::before{content:"\F1510"}.mdi-grave-stone::before{content:"\F0BA2"}.mdi-grease-pencil::before{content:"\F0648"}.mdi-greater-than::before{content:"\F096D"}.mdi-greater-than-or-equal::before{content:"\F096E"}.mdi-greenhouse::before{content:"\F002D"}.mdi-grid::before{content:"\F02C1"}.mdi-grid-large::before{content:"\F0758"}.mdi-grid-off::before{content:"\F02C2"}.mdi-grill::before{content:"\F0E45"}.mdi-grill-outline::before{content:"\F118A"}.mdi-group::before{content:"\F02C3"}.mdi-guitar-acoustic::before{content:"\F0771"}.mdi-guitar-electric::before{content:"\F02C4"}.mdi-guitar-pick::before{content:"\F02C5"}.mdi-guitar-pick-outline::before{content:"\F02C6"}.mdi-guy-fawkes-mask::before{content:"\F0825"}.mdi-gymnastics::before{content:"\F1A41"}.mdi-hail::before{content:"\F0AC1"}.mdi-hair-dryer::before{content:"\F10EF"}.mdi-hair-dryer-outline::before{content:"\F10F0"}.mdi-halloween::before{content:"\F0BA3"}.mdi-hamburger::before{content:"\F0685"}.mdi-hamburger-check::before{content:"\F1776"}.mdi-hamburger-minus::before{content:"\F1777"}.mdi-hamburger-off::before{content:"\F1778"}.mdi-hamburger-plus::before{content:"\F1779"}.mdi-hamburger-remove::before{content:"\F177A"}.mdi-hammer::before{content:"\F08EA"}.mdi-hammer-screwdriver::before{content:"\F1322"}.mdi-hammer-sickle::before{content:"\F1887"}.mdi-hammer-wrench::before{content:"\F1323"}.mdi-hand-back-left::before{content:"\F0E46"}.mdi-hand-back-left-off::before{content:"\F1830"}.mdi-hand-back-left-off-outline::before{content:"\F1832"}.mdi-hand-back-left-outline::before{content:"\F182C"}.mdi-hand-back-right::before{content:"\F0E47"}.mdi-hand-back-right-off::before{content:"\F1831"}.mdi-hand-back-right-off-outline::before{content:"\F1833"}.mdi-hand-back-right-outline::before{content:"\F182D"}.mdi-hand-clap::before{content:"\F194B"}.mdi-hand-clap-off::before{content:"\F1A42"}.mdi-hand-coin::before{content:"\F188F"}.mdi-hand-coin-outline::before{content:"\F1890"}.mdi-hand-cycle::before{content:"\F1B9C"}.mdi-hand-extended::before{content:"\F18B6"}.mdi-hand-extended-outline::before{content:"\F18B7"}.mdi-hand-front-left::before{content:"\F182B"}.mdi-hand-front-left-outline::before{content:"\F182E"}.mdi-hand-front-right::before{content:"\F0A4F"}.mdi-hand-front-right-outline::before{content:"\F182F"}.mdi-hand-heart::before{content:"\F10F1"}.mdi-hand-heart-outline::before{content:"\F157E"}.mdi-hand-okay::before{content:"\F0A50"}.mdi-hand-peace::before{content:"\F0A51"}.mdi-hand-peace-variant::before{content:"\F0A52"}.mdi-hand-pointing-down::before{content:"\F0A53"}.mdi-hand-pointing-left::before{content:"\F0A54"}.mdi-hand-pointing-right::before{content:"\F02C7"}.mdi-hand-pointing-up::before{content:"\F0A55"}.mdi-hand-saw::before{content:"\F0E48"}.mdi-hand-wash::before{content:"\F157F"}.mdi-hand-wash-outline::before{content:"\F1580"}.mdi-hand-water::before{content:"\F139F"}.mdi-hand-wave::before{content:"\F1821"}.mdi-hand-wave-outline::before{content:"\F1822"}.mdi-handball::before{content:"\F0F53"}.mdi-handcuffs::before{content:"\F113E"}.mdi-hands-pray::before{content:"\F0579"}.mdi-handshake::before{content:"\F1218"}.mdi-handshake-outline::before{content:"\F15A1"}.mdi-hanger::before{content:"\F02C8"}.mdi-hard-hat::before{content:"\F096F"}.mdi-harddisk::before{content:"\F02CA"}.mdi-harddisk-plus::before{content:"\F104B"}.mdi-harddisk-remove::before{content:"\F104C"}.mdi-hat-fedora::before{content:"\F0BA4"}.mdi-hazard-lights::before{content:"\F0C89"}.mdi-hdmi-port::before{content:"\F1BB8"}.mdi-hdr::before{content:"\F0D7D"}.mdi-hdr-off::before{content:"\F0D7E"}.mdi-head::before{content:"\F135E"}.mdi-head-alert::before{content:"\F1338"}.mdi-head-alert-outline::before{content:"\F1339"}.mdi-head-check::before{content:"\F133A"}.mdi-head-check-outline::before{content:"\F133B"}.mdi-head-cog::before{content:"\F133C"}.mdi-head-cog-outline::before{content:"\F133D"}.mdi-head-dots-horizontal::before{content:"\F133E"}.mdi-head-dots-horizontal-outline::before{content:"\F133F"}.mdi-head-flash::before{content:"\F1340"}.mdi-head-flash-outline::before{content:"\F1341"}.mdi-head-heart::before{content:"\F1342"}.mdi-head-heart-outline::before{content:"\F1343"}.mdi-head-lightbulb::before{content:"\F1344"}.mdi-head-lightbulb-outline::before{content:"\F1345"}.mdi-head-minus::before{content:"\F1346"}.mdi-head-minus-outline::before{content:"\F1347"}.mdi-head-outline::before{content:"\F135F"}.mdi-head-plus::before{content:"\F1348"}.mdi-head-plus-outline::before{content:"\F1349"}.mdi-head-question::before{content:"\F134A"}.mdi-head-question-outline::before{content:"\F134B"}.mdi-head-remove::before{content:"\F134C"}.mdi-head-remove-outline::before{content:"\F134D"}.mdi-head-snowflake::before{content:"\F134E"}.mdi-head-snowflake-outline::before{content:"\F134F"}.mdi-head-sync::before{content:"\F1350"}.mdi-head-sync-outline::before{content:"\F1351"}.mdi-headphones::before{content:"\F02CB"}.mdi-headphones-bluetooth::before{content:"\F0970"}.mdi-headphones-box::before{content:"\F02CC"}.mdi-headphones-off::before{content:"\F07CE"}.mdi-headphones-settings::before{content:"\F02CD"}.mdi-headset::before{content:"\F02CE"}.mdi-headset-dock::before{content:"\F02CF"}.mdi-headset-off::before{content:"\F02D0"}.mdi-heart::before{content:"\F02D1"}.mdi-heart-box::before{content:"\F02D2"}.mdi-heart-box-outline::before{content:"\F02D3"}.mdi-heart-broken::before{content:"\F02D4"}.mdi-heart-broken-outline::before{content:"\F0D14"}.mdi-heart-circle::before{content:"\F0971"}.mdi-heart-circle-outline::before{content:"\F0972"}.mdi-heart-cog::before{content:"\F1663"}.mdi-heart-cog-outline::before{content:"\F1664"}.mdi-heart-flash::before{content:"\F0EF9"}.mdi-heart-half::before{content:"\F06DF"}.mdi-heart-half-full::before{content:"\F06DE"}.mdi-heart-half-outline::before{content:"\F06E0"}.mdi-heart-minus::before{content:"\F142F"}.mdi-heart-minus-outline::before{content:"\F1432"}.mdi-heart-multiple::before{content:"\F0A56"}.mdi-heart-multiple-outline::before{content:"\F0A57"}.mdi-heart-off::before{content:"\F0759"}.mdi-heart-off-outline::before{content:"\F1434"}.mdi-heart-outline::before{content:"\F02D5"}.mdi-heart-plus::before{content:"\F142E"}.mdi-heart-plus-outline::before{content:"\F1431"}.mdi-heart-pulse::before{content:"\F05F6"}.mdi-heart-remove::before{content:"\F1430"}.mdi-heart-remove-outline::before{content:"\F1433"}.mdi-heart-search::before{content:"\F1C8D"}.mdi-heart-settings::before{content:"\F1665"}.mdi-heart-settings-outline::before{content:"\F1666"}.mdi-heat-pump::before{content:"\F1A43"}.mdi-heat-pump-outline::before{content:"\F1A44"}.mdi-heat-wave::before{content:"\F1A45"}.mdi-heating-coil::before{content:"\F1AAF"}.mdi-helicopter::before{content:"\F0AC2"}.mdi-help::before{content:"\F02D6"}.mdi-help-box::before{content:"\F078B"}.mdi-help-box-multiple::before{content:"\F1C0A"}.mdi-help-box-multiple-outline::before{content:"\F1C0B"}.mdi-help-box-outline::before{content:"\F1C0C"}.mdi-help-circle::before{content:"\F02D7"}.mdi-help-circle-outline::before{content:"\F0625"}.mdi-help-network::before{content:"\F06F5"}.mdi-help-network-outline::before{content:"\F0C8A"}.mdi-help-rhombus::before{content:"\F0BA5"}.mdi-help-rhombus-outline::before{content:"\F0BA6"}.mdi-hexadecimal::before{content:"\F12A7"}.mdi-hexagon::before{content:"\F02D8"}.mdi-hexagon-multiple::before{content:"\F06E1"}.mdi-hexagon-multiple-outline::before{content:"\F10F2"}.mdi-hexagon-outline::before{content:"\F02D9"}.mdi-hexagon-slice-1::before{content:"\F0AC3"}.mdi-hexagon-slice-2::before{content:"\F0AC4"}.mdi-hexagon-slice-3::before{content:"\F0AC5"}.mdi-hexagon-slice-4::before{content:"\F0AC6"}.mdi-hexagon-slice-5::before{content:"\F0AC7"}.mdi-hexagon-slice-6::before{content:"\F0AC8"}.mdi-hexagram::before{content:"\F0AC9"}.mdi-hexagram-outline::before{content:"\F0ACA"}.mdi-high-definition::before{content:"\F07CF"}.mdi-high-definition-box::before{content:"\F0878"}.mdi-highway::before{content:"\F05F7"}.mdi-hiking::before{content:"\F0D7F"}.mdi-history::before{content:"\F02DA"}.mdi-hockey-puck::before{content:"\F0879"}.mdi-hockey-sticks::before{content:"\F087A"}.mdi-hololens::before{content:"\F02DB"}.mdi-home::before{content:"\F02DC"}.mdi-home-account::before{content:"\F0826"}.mdi-home-alert::before{content:"\F087B"}.mdi-home-alert-outline::before{content:"\F15D0"}.mdi-home-analytics::before{content:"\F0EBA"}.mdi-home-assistant::before{content:"\F07D0"}.mdi-home-automation::before{content:"\F07D1"}.mdi-home-battery::before{content:"\F1901"}.mdi-home-battery-outline::before{content:"\F1902"}.mdi-home-circle::before{content:"\F07D2"}.mdi-home-circle-outline::before{content:"\F104D"}.mdi-home-city::before{content:"\F0D15"}.mdi-home-city-outline::before{content:"\F0D16"}.mdi-home-clock::before{content:"\F1A12"}.mdi-home-clock-outline::before{content:"\F1A13"}.mdi-home-edit::before{content:"\F1159"}.mdi-home-edit-outline::before{content:"\F115A"}.mdi-home-export-outline::before{content:"\F0F9B"}.mdi-home-flood::before{content:"\F0EFA"}.mdi-home-floor-0::before{content:"\F0DD2"}.mdi-home-floor-1::before{content:"\F0D80"}.mdi-home-floor-2::before{content:"\F0D81"}.mdi-home-floor-3::before{content:"\F0D82"}.mdi-home-floor-a::before{content:"\F0D83"}.mdi-home-floor-b::before{content:"\F0D84"}.mdi-home-floor-g::before{content:"\F0D85"}.mdi-home-floor-l::before{content:"\F0D86"}.mdi-home-floor-negative-1::before{content:"\F0DD3"}.mdi-home-group::before{content:"\F0DD4"}.mdi-home-group-minus::before{content:"\F19C1"}.mdi-home-group-plus::before{content:"\F19C0"}.mdi-home-group-remove::before{content:"\F19C2"}.mdi-home-heart::before{content:"\F0827"}.mdi-home-import-outline::before{content:"\F0F9C"}.mdi-home-lightbulb::before{content:"\F1251"}.mdi-home-lightbulb-outline::before{content:"\F1252"}.mdi-home-lightning-bolt::before{content:"\F1903"}.mdi-home-lightning-bolt-outline::before{content:"\F1904"}.mdi-home-lock::before{content:"\F08EB"}.mdi-home-lock-open::before{content:"\F08EC"}.mdi-home-map-marker::before{content:"\F05F8"}.mdi-home-minus::before{content:"\F0974"}.mdi-home-minus-outline::before{content:"\F13D5"}.mdi-home-modern::before{content:"\F02DD"}.mdi-home-off::before{content:"\F1A46"}.mdi-home-off-outline::before{content:"\F1A47"}.mdi-home-outline::before{content:"\F06A1"}.mdi-home-percent::before{content:"\F1C7C"}.mdi-home-percent-outline::before{content:"\F1C7D"}.mdi-home-plus::before{content:"\F0975"}.mdi-home-plus-outline::before{content:"\F13D6"}.mdi-home-remove::before{content:"\F1247"}.mdi-home-remove-outline::before{content:"\F13D7"}.mdi-home-roof::before{content:"\F112B"}.mdi-home-search::before{content:"\F13B0"}.mdi-home-search-outline::before{content:"\F13B1"}.mdi-home-silo::before{content:"\F1BA0"}.mdi-home-silo-outline::before{content:"\F1BA1"}.mdi-home-sound-in::before{content:"\F1C2F"}.mdi-home-sound-in-outline::before{content:"\F1C30"}.mdi-home-sound-out::before{content:"\F1C31"}.mdi-home-sound-out-outline::before{content:"\F1C32"}.mdi-home-switch::before{content:"\F1794"}.mdi-home-switch-outline::before{content:"\F1795"}.mdi-home-thermometer::before{content:"\F0F54"}.mdi-home-thermometer-outline::before{content:"\F0F55"}.mdi-home-variant::before{content:"\F02DE"}.mdi-home-variant-outline::before{content:"\F0BA7"}.mdi-hook::before{content:"\F06E2"}.mdi-hook-off::before{content:"\F06E3"}.mdi-hoop-house::before{content:"\F0E56"}.mdi-hops::before{content:"\F02DF"}.mdi-horizontal-rotate-clockwise::before{content:"\F10F3"}.mdi-horizontal-rotate-counterclockwise::before{content:"\F10F4"}.mdi-horse::before{content:"\F15BF"}.mdi-horse-human::before{content:"\F15C0"}.mdi-horse-variant::before{content:"\F15C1"}.mdi-horse-variant-fast::before{content:"\F186E"}.mdi-horseshoe::before{content:"\F0A58"}.mdi-hospital::before{content:"\F0FF6"}.mdi-hospital-box::before{content:"\F02E0"}.mdi-hospital-box-outline::before{content:"\F0FF7"}.mdi-hospital-building::before{content:"\F02E1"}.mdi-hospital-marker::before{content:"\F02E2"}.mdi-hot-tub::before{content:"\F0828"}.mdi-hours-12::before{content:"\F1C94"}.mdi-hours-24::before{content:"\F1478"}.mdi-hub::before{content:"\F1C95"}.mdi-hub-outline::before{content:"\F1C96"}.mdi-hubspot::before{content:"\F0D17"}.mdi-hulu::before{content:"\F0829"}.mdi-human::before{content:"\F02E6"}.mdi-human-baby-changing-table::before{content:"\F138B"}.mdi-human-cane::before{content:"\F1581"}.mdi-human-capacity-decrease::before{content:"\F159B"}.mdi-human-capacity-increase::before{content:"\F159C"}.mdi-human-child::before{content:"\F02E7"}.mdi-human-dolly::before{content:"\F1980"}.mdi-human-edit::before{content:"\F14E8"}.mdi-human-female::before{content:"\F0649"}.mdi-human-female-boy::before{content:"\F0A59"}.mdi-human-female-dance::before{content:"\F15C9"}.mdi-human-female-female::before{content:"\F0A5A"}.mdi-human-female-female-child::before{content:"\F1C8E"}.mdi-human-female-girl::before{content:"\F0A5B"}.mdi-human-greeting::before{content:"\F17C4"}.mdi-human-greeting-proximity::before{content:"\F159D"}.mdi-human-greeting-variant::before{content:"\F064A"}.mdi-human-handsdown::before{content:"\F064B"}.mdi-human-handsup::before{content:"\F064C"}.mdi-human-male::before{content:"\F064D"}.mdi-human-male-board::before{content:"\F0890"}.mdi-human-male-board-poll::before{content:"\F0846"}.mdi-human-male-boy::before{content:"\F0A5C"}.mdi-human-male-child::before{content:"\F138C"}.mdi-human-male-female::before{content:"\F02E8"}.mdi-human-male-female-child::before{content:"\F1823"}.mdi-human-male-girl::before{content:"\F0A5D"}.mdi-human-male-height::before{content:"\F0EFB"}.mdi-human-male-height-variant::before{content:"\F0EFC"}.mdi-human-male-male::before{content:"\F0A5E"}.mdi-human-male-male-child::before{content:"\F1C8F"}.mdi-human-non-binary::before{content:"\F1848"}.mdi-human-pregnant::before{content:"\F05CF"}.mdi-human-queue::before{content:"\F1571"}.mdi-human-scooter::before{content:"\F11E9"}.mdi-human-walker::before{content:"\F1B71"}.mdi-human-wheelchair::before{content:"\F138D"}.mdi-human-white-cane::before{content:"\F1981"}.mdi-humble-bundle::before{content:"\F0744"}.mdi-hvac::before{content:"\F1352"}.mdi-hvac-off::before{content:"\F159E"}.mdi-hydraulic-oil-level::before{content:"\F1324"}.mdi-hydraulic-oil-temperature::before{content:"\F1325"}.mdi-hydro-power::before{content:"\F12E5"}.mdi-hydrogen-station::before{content:"\F1894"}.mdi-ice-cream::before{content:"\F082A"}.mdi-ice-cream-off::before{content:"\F0E52"}.mdi-ice-pop::before{content:"\F0EFD"}.mdi-id-card::before{content:"\F0FC0"}.mdi-identifier::before{content:"\F0EFE"}.mdi-ideogram-cjk::before{content:"\F1331"}.mdi-ideogram-cjk-variant::before{content:"\F1332"}.mdi-image::before{content:"\F02E9"}.mdi-image-album::before{content:"\F02EA"}.mdi-image-area::before{content:"\F02EB"}.mdi-image-area-close::before{content:"\F02EC"}.mdi-image-auto-adjust::before{content:"\F0FC1"}.mdi-image-broken::before{content:"\F02ED"}.mdi-image-broken-variant::before{content:"\F02EE"}.mdi-image-check::before{content:"\F1B25"}.mdi-image-check-outline::before{content:"\F1B26"}.mdi-image-edit::before{content:"\F11E3"}.mdi-image-edit-outline::before{content:"\F11E4"}.mdi-image-filter-black-white::before{content:"\F02F0"}.mdi-image-filter-center-focus::before{content:"\F02F1"}.mdi-image-filter-center-focus-strong::before{content:"\F0EFF"}.mdi-image-filter-center-focus-strong-outline::before{content:"\F0F00"}.mdi-image-filter-center-focus-weak::before{content:"\F02F2"}.mdi-image-filter-drama::before{content:"\F02F3"}.mdi-image-filter-drama-outline::before{content:"\F1BFF"}.mdi-image-filter-frames::before{content:"\F02F4"}.mdi-image-filter-hdr::before{content:"\F02F5"}.mdi-image-filter-hdr-outline::before{content:"\F1C64"}.mdi-image-filter-none::before{content:"\F02F6"}.mdi-image-filter-tilt-shift::before{content:"\F02F7"}.mdi-image-filter-vintage::before{content:"\F02F8"}.mdi-image-frame::before{content:"\F0E49"}.mdi-image-lock::before{content:"\F1AB0"}.mdi-image-lock-outline::before{content:"\F1AB1"}.mdi-image-marker::before{content:"\F177B"}.mdi-image-marker-outline::before{content:"\F177C"}.mdi-image-minus::before{content:"\F1419"}.mdi-image-minus-outline::before{content:"\F1B47"}.mdi-image-move::before{content:"\F09F8"}.mdi-image-multiple::before{content:"\F02F9"}.mdi-image-multiple-outline::before{content:"\F02EF"}.mdi-image-off::before{content:"\F082B"}.mdi-image-off-outline::before{content:"\F11D1"}.mdi-image-outline::before{content:"\F0976"}.mdi-image-plus::before{content:"\F087C"}.mdi-image-plus-outline::before{content:"\F1B46"}.mdi-image-refresh::before{content:"\F19FE"}.mdi-image-refresh-outline::before{content:"\F19FF"}.mdi-image-remove::before{content:"\F1418"}.mdi-image-remove-outline::before{content:"\F1B48"}.mdi-image-search::before{content:"\F0977"}.mdi-image-search-outline::before{content:"\F0978"}.mdi-image-size-select-actual::before{content:"\F0C8D"}.mdi-image-size-select-large::before{content:"\F0C8E"}.mdi-image-size-select-small::before{content:"\F0C8F"}.mdi-image-sync::before{content:"\F1A00"}.mdi-image-sync-outline::before{content:"\F1A01"}.mdi-image-text::before{content:"\F160D"}.mdi-import::before{content:"\F02FA"}.mdi-inbox::before{content:"\F0687"}.mdi-inbox-arrow-down::before{content:"\F02FB"}.mdi-inbox-arrow-down-outline::before{content:"\F1270"}.mdi-inbox-arrow-up::before{content:"\F03D1"}.mdi-inbox-arrow-up-outline::before{content:"\F1271"}.mdi-inbox-full::before{content:"\F1272"}.mdi-inbox-full-outline::before{content:"\F1273"}.mdi-inbox-multiple::before{content:"\F08B0"}.mdi-inbox-multiple-outline::before{content:"\F0BA8"}.mdi-inbox-outline::before{content:"\F1274"}.mdi-inbox-remove::before{content:"\F159F"}.mdi-inbox-remove-outline::before{content:"\F15A0"}.mdi-incognito::before{content:"\F05F9"}.mdi-incognito-circle::before{content:"\F1421"}.mdi-incognito-circle-off::before{content:"\F1422"}.mdi-incognito-off::before{content:"\F0075"}.mdi-induction::before{content:"\F184C"}.mdi-infinity::before{content:"\F06E4"}.mdi-information::before{content:"\F02FC"}.mdi-information-box::before{content:"\F1C65"}.mdi-information-box-outline::before{content:"\F1C66"}.mdi-information-off::before{content:"\F178C"}.mdi-information-off-outline::before{content:"\F178D"}.mdi-information-outline::before{content:"\F02FD"}.mdi-information-slab-box::before{content:"\F1C67"}.mdi-information-slab-box-outline::before{content:"\F1C68"}.mdi-information-slab-circle::before{content:"\F1C69"}.mdi-information-slab-circle-outline::before{content:"\F1C6A"}.mdi-information-slab-symbol::before{content:"\F1C6B"}.mdi-information-symbol::before{content:"\F1C6C"}.mdi-information-variant::before{content:"\F064E"}.mdi-information-variant-box::before{content:"\F1C6D"}.mdi-information-variant-box-outline::before{content:"\F1C6E"}.mdi-information-variant-circle::before{content:"\F1C6F"}.mdi-information-variant-circle-outline::before{content:"\F1C70"}.mdi-instagram::before{content:"\F02FE"}.mdi-instrument-triangle::before{content:"\F104E"}.mdi-integrated-circuit-chip::before{content:"\F1913"}.mdi-invert-colors::before{content:"\F0301"}.mdi-invert-colors-off::before{content:"\F0E4A"}.mdi-invoice::before{content:"\F1CD2"}.mdi-invoice-arrow-left::before{content:"\F1CD3"}.mdi-invoice-arrow-left-outline::before{content:"\F1CD4"}.mdi-invoice-arrow-right::before{content:"\F1CD5"}.mdi-invoice-arrow-right-outline::before{content:"\F1CD6"}.mdi-invoice-check::before{content:"\F1CD7"}.mdi-invoice-check-outline::before{content:"\F1CD8"}.mdi-invoice-clock::before{content:"\F1CD9"}.mdi-invoice-clock-outline::before{content:"\F1CDA"}.mdi-invoice-edit::before{content:"\F1CDB"}.mdi-invoice-edit-outline::before{content:"\F1CDC"}.mdi-invoice-export-outline::before{content:"\F1CDD"}.mdi-invoice-fast::before{content:"\F1CDE"}.mdi-invoice-fast-outline::before{content:"\F1CDF"}.mdi-invoice-import::before{content:"\F1CE0"}.mdi-invoice-import-outline::before{content:"\F1CE1"}.mdi-invoice-list::before{content:"\F1CE2"}.mdi-invoice-list-outline::before{content:"\F1CE3"}.mdi-invoice-minus::before{content:"\F1CE4"}.mdi-invoice-minus-outline::before{content:"\F1CE5"}.mdi-invoice-multiple::before{content:"\F1CE6"}.mdi-invoice-multiple-outline::before{content:"\F1CE7"}.mdi-invoice-outline::before{content:"\F1CE8"}.mdi-invoice-plus::before{content:"\F1CE9"}.mdi-invoice-plus-outline::before{content:"\F1CEA"}.mdi-invoice-remove::before{content:"\F1CEB"}.mdi-invoice-remove-outline::before{content:"\F1CEC"}.mdi-invoice-send::before{content:"\F1CED"}.mdi-invoice-send-outline::before{content:"\F1CEE"}.mdi-invoice-text::before{content:"\F1CEF"}.mdi-invoice-text-arrow-left::before{content:"\F1CF0"}.mdi-invoice-text-arrow-left-outline::before{content:"\F1CF1"}.mdi-invoice-text-arrow-right::before{content:"\F1CF2"}.mdi-invoice-text-arrow-right-outline::before{content:"\F1CF3"}.mdi-invoice-text-check::before{content:"\F1CF4"}.mdi-invoice-text-check-outline::before{content:"\F1CF5"}.mdi-invoice-text-clock::before{content:"\F1CF6"}.mdi-invoice-text-clock-outline::before{content:"\F1CF7"}.mdi-invoice-text-edit::before{content:"\F1CF8"}.mdi-invoice-text-edit-outline::before{content:"\F1CF9"}.mdi-invoice-text-fast::before{content:"\F1CFA"}.mdi-invoice-text-fast-outline::before{content:"\F1CFB"}.mdi-invoice-text-minus::before{content:"\F1CFC"}.mdi-invoice-text-minus-outline::before{content:"\F1CFD"}.mdi-invoice-text-multiple::before{content:"\F1CFE"}.mdi-invoice-text-multiple-outline::before{content:"\F1CFF"}.mdi-invoice-text-outline::before{content:"\F1D00"}.mdi-invoice-text-plus::before{content:"\F1D01"}.mdi-invoice-text-plus-outline::before{content:"\F1D02"}.mdi-invoice-text-remove::before{content:"\F1D03"}.mdi-invoice-text-remove-outline::before{content:"\F1D04"}.mdi-invoice-text-send::before{content:"\F1D05"}.mdi-invoice-text-send-outline::before{content:"\F1D06"}.mdi-iobroker::before{content:"\F12E8"}.mdi-ip::before{content:"\F0A5F"}.mdi-ip-network::before{content:"\F0A60"}.mdi-ip-network-outline::before{content:"\F0C90"}.mdi-ip-outline::before{content:"\F1982"}.mdi-ipod::before{content:"\F0C91"}.mdi-iron::before{content:"\F1824"}.mdi-iron-board::before{content:"\F1838"}.mdi-iron-outline::before{content:"\F1825"}.mdi-island::before{content:"\F104F"}.mdi-island-variant::before{content:"\F1CC6"}.mdi-iv-bag::before{content:"\F10B9"}.mdi-jabber::before{content:"\F0DD5"}.mdi-jeepney::before{content:"\F0302"}.mdi-jellyfish::before{content:"\F0F01"}.mdi-jellyfish-outline::before{content:"\F0F02"}.mdi-jira::before{content:"\F0303"}.mdi-jquery::before{content:"\F087D"}.mdi-jsfiddle::before{content:"\F0304"}.mdi-jump-rope::before{content:"\F12FF"}.mdi-kabaddi::before{content:"\F0D87"}.mdi-kangaroo::before{content:"\F1558"}.mdi-karate::before{content:"\F082C"}.mdi-kayaking::before{content:"\F08AF"}.mdi-keg::before{content:"\F0305"}.mdi-kettle::before{content:"\F05FA"}.mdi-kettle-alert::before{content:"\F1317"}.mdi-kettle-alert-outline::before{content:"\F1318"}.mdi-kettle-off::before{content:"\F131B"}.mdi-kettle-off-outline::before{content:"\F131C"}.mdi-kettle-outline::before{content:"\F0F56"}.mdi-kettle-pour-over::before{content:"\F173C"}.mdi-kettle-steam::before{content:"\F1319"}.mdi-kettle-steam-outline::before{content:"\F131A"}.mdi-kettlebell::before{content:"\F1300"}.mdi-key::before{content:"\F0306"}.mdi-key-alert::before{content:"\F1983"}.mdi-key-alert-outline::before{content:"\F1984"}.mdi-key-arrow-right::before{content:"\F1312"}.mdi-key-chain::before{content:"\F1574"}.mdi-key-chain-variant::before{content:"\F1575"}.mdi-key-change::before{content:"\F0307"}.mdi-key-link::before{content:"\F119F"}.mdi-key-minus::before{content:"\F0308"}.mdi-key-outline::before{content:"\F0DD6"}.mdi-key-plus::before{content:"\F0309"}.mdi-key-remove::before{content:"\F030A"}.mdi-key-star::before{content:"\F119E"}.mdi-key-variant::before{content:"\F030B"}.mdi-key-wireless::before{content:"\F0FC2"}.mdi-keyboard::before{content:"\F030C"}.mdi-keyboard-backspace::before{content:"\F030D"}.mdi-keyboard-caps::before{content:"\F030E"}.mdi-keyboard-close::before{content:"\F030F"}.mdi-keyboard-close-outline::before{content:"\F1C00"}.mdi-keyboard-esc::before{content:"\F12B7"}.mdi-keyboard-f1::before{content:"\F12AB"}.mdi-keyboard-f10::before{content:"\F12B4"}.mdi-keyboard-f11::before{content:"\F12B5"}.mdi-keyboard-f12::before{content:"\F12B6"}.mdi-keyboard-f2::before{content:"\F12AC"}.mdi-keyboard-f3::before{content:"\F12AD"}.mdi-keyboard-f4::before{content:"\F12AE"}.mdi-keyboard-f5::before{content:"\F12AF"}.mdi-keyboard-f6::before{content:"\F12B0"}.mdi-keyboard-f7::before{content:"\F12B1"}.mdi-keyboard-f8::before{content:"\F12B2"}.mdi-keyboard-f9::before{content:"\F12B3"}.mdi-keyboard-off::before{content:"\F0310"}.mdi-keyboard-off-outline::before{content:"\F0E4B"}.mdi-keyboard-outline::before{content:"\F097B"}.mdi-keyboard-return::before{content:"\F0311"}.mdi-keyboard-settings::before{content:"\F09F9"}.mdi-keyboard-settings-outline::before{content:"\F09FA"}.mdi-keyboard-space::before{content:"\F1050"}.mdi-keyboard-tab::before{content:"\F0312"}.mdi-keyboard-tab-reverse::before{content:"\F0325"}.mdi-keyboard-variant::before{content:"\F0313"}.mdi-khanda::before{content:"\F10FD"}.mdi-kickstarter::before{content:"\F0745"}.mdi-kite::before{content:"\F1985"}.mdi-kite-outline::before{content:"\F1986"}.mdi-kitesurfing::before{content:"\F1744"}.mdi-klingon::before{content:"\F135B"}.mdi-knife::before{content:"\F09FB"}.mdi-knife-military::before{content:"\F09FC"}.mdi-knob::before{content:"\F1B96"}.mdi-koala::before{content:"\F173F"}.mdi-kodi::before{content:"\F0314"}.mdi-kubernetes::before{content:"\F10FE"}.mdi-label::before{content:"\F0315"}.mdi-label-multiple::before{content:"\F1375"}.mdi-label-multiple-outline::before{content:"\F1376"}.mdi-label-off::before{content:"\F0ACB"}.mdi-label-off-outline::before{content:"\F0ACC"}.mdi-label-outline::before{content:"\F0316"}.mdi-label-percent::before{content:"\F12EA"}.mdi-label-percent-outline::before{content:"\F12EB"}.mdi-label-variant::before{content:"\F0ACD"}.mdi-label-variant-outline::before{content:"\F0ACE"}.mdi-ladder::before{content:"\F15A2"}.mdi-ladybug::before{content:"\F082D"}.mdi-lambda::before{content:"\F0627"}.mdi-lamp::before{content:"\F06B5"}.mdi-lamp-outline::before{content:"\F17D0"}.mdi-lamps::before{content:"\F1576"}.mdi-lamps-outline::before{content:"\F17D1"}.mdi-lan::before{content:"\F0317"}.mdi-lan-check::before{content:"\F12AA"}.mdi-lan-connect::before{content:"\F0318"}.mdi-lan-disconnect::before{content:"\F0319"}.mdi-lan-pending::before{content:"\F031A"}.mdi-land-fields::before{content:"\F1AB2"}.mdi-land-plots::before{content:"\F1AB3"}.mdi-land-plots-circle::before{content:"\F1AB4"}.mdi-land-plots-circle-variant::before{content:"\F1AB5"}.mdi-land-plots-marker::before{content:"\F1C5D"}.mdi-land-rows-horizontal::before{content:"\F1AB6"}.mdi-land-rows-vertical::before{content:"\F1AB7"}.mdi-landslide::before{content:"\F1A48"}.mdi-landslide-outline::before{content:"\F1A49"}.mdi-language-c::before{content:"\F0671"}.mdi-language-cpp::before{content:"\F0672"}.mdi-language-csharp::before{content:"\F031B"}.mdi-language-css3::before{content:"\F031C"}.mdi-language-fortran::before{content:"\F121A"}.mdi-language-go::before{content:"\F07D3"}.mdi-language-haskell::before{content:"\F0C92"}.mdi-language-html5::before{content:"\F031D"}.mdi-language-java::before{content:"\F0B37"}.mdi-language-javascript::before{content:"\F031E"}.mdi-language-kotlin::before{content:"\F1219"}.mdi-language-lua::before{content:"\F08B1"}.mdi-language-markdown::before{content:"\F0354"}.mdi-language-markdown-outline::before{content:"\F0F5B"}.mdi-language-php::before{content:"\F031F"}.mdi-language-python::before{content:"\F0320"}.mdi-language-r::before{content:"\F07D4"}.mdi-language-ruby::before{content:"\F0D2D"}.mdi-language-ruby-on-rails::before{content:"\F0ACF"}.mdi-language-rust::before{content:"\F1617"}.mdi-language-swift::before{content:"\F06E5"}.mdi-language-typescript::before{content:"\F06E6"}.mdi-language-xaml::before{content:"\F0673"}.mdi-laptop::before{content:"\F0322"}.mdi-laptop-account::before{content:"\F1A4A"}.mdi-laptop-off::before{content:"\F06E7"}.mdi-laravel::before{content:"\F0AD0"}.mdi-laser-pointer::before{content:"\F1484"}.mdi-lasso::before{content:"\F0F03"}.mdi-lastpass::before{content:"\F0446"}.mdi-latitude::before{content:"\F0F57"}.mdi-launch::before{content:"\F0327"}.mdi-lava-lamp::before{content:"\F07D5"}.mdi-layers::before{content:"\F0328"}.mdi-layers-edit::before{content:"\F1892"}.mdi-layers-minus::before{content:"\F0E4C"}.mdi-layers-off::before{content:"\F0329"}.mdi-layers-off-outline::before{content:"\F09FD"}.mdi-layers-outline::before{content:"\F09FE"}.mdi-layers-plus::before{content:"\F0E4D"}.mdi-layers-remove::before{content:"\F0E4E"}.mdi-layers-search::before{content:"\F1206"}.mdi-layers-search-outline::before{content:"\F1207"}.mdi-layers-triple::before{content:"\F0F58"}.mdi-layers-triple-outline::before{content:"\F0F59"}.mdi-lead-pencil::before{content:"\F064F"}.mdi-leaf::before{content:"\F032A"}.mdi-leaf-circle::before{content:"\F1905"}.mdi-leaf-circle-outline::before{content:"\F1906"}.mdi-leaf-maple::before{content:"\F0C93"}.mdi-leaf-maple-off::before{content:"\F12DA"}.mdi-leaf-off::before{content:"\F12D9"}.mdi-leak::before{content:"\F0DD7"}.mdi-leak-off::before{content:"\F0DD8"}.mdi-lectern::before{content:"\F1AF0"}.mdi-led-off::before{content:"\F032B"}.mdi-led-on::before{content:"\F032C"}.mdi-led-outline::before{content:"\F032D"}.mdi-led-strip::before{content:"\F07D6"}.mdi-led-strip-variant::before{content:"\F1051"}.mdi-led-strip-variant-off::before{content:"\F1A4B"}.mdi-led-variant-off::before{content:"\F032E"}.mdi-led-variant-on::before{content:"\F032F"}.mdi-led-variant-outline::before{content:"\F0330"}.mdi-leek::before{content:"\F117D"}.mdi-less-than::before{content:"\F097C"}.mdi-less-than-or-equal::before{content:"\F097D"}.mdi-library::before{content:"\F0331"}.mdi-library-outline::before{content:"\F1A22"}.mdi-library-shelves::before{content:"\F0BA9"}.mdi-license::before{content:"\F0FC3"}.mdi-lifebuoy::before{content:"\F087E"}.mdi-light-flood-down::before{content:"\F1987"}.mdi-light-flood-up::before{content:"\F1988"}.mdi-light-recessed::before{content:"\F179B"}.mdi-light-switch::before{content:"\F097E"}.mdi-light-switch-off::before{content:"\F1A24"}.mdi-lightbulb::before{content:"\F0335"}.mdi-lightbulb-alert::before{content:"\F19E1"}.mdi-lightbulb-alert-outline::before{content:"\F19E2"}.mdi-lightbulb-auto::before{content:"\F1800"}.mdi-lightbulb-auto-outline::before{content:"\F1801"}.mdi-lightbulb-cfl::before{content:"\F1208"}.mdi-lightbulb-cfl-off::before{content:"\F1209"}.mdi-lightbulb-cfl-spiral::before{content:"\F1275"}.mdi-lightbulb-cfl-spiral-off::before{content:"\F12C3"}.mdi-lightbulb-fluorescent-tube::before{content:"\F1804"}.mdi-lightbulb-fluorescent-tube-outline::before{content:"\F1805"}.mdi-lightbulb-group::before{content:"\F1253"}.mdi-lightbulb-group-off::before{content:"\F12CD"}.mdi-lightbulb-group-off-outline::before{content:"\F12CE"}.mdi-lightbulb-group-outline::before{content:"\F1254"}.mdi-lightbulb-multiple::before{content:"\F1255"}.mdi-lightbulb-multiple-off::before{content:"\F12CF"}.mdi-lightbulb-multiple-off-outline::before{content:"\F12D0"}.mdi-lightbulb-multiple-outline::before{content:"\F1256"}.mdi-lightbulb-night::before{content:"\F1A4C"}.mdi-lightbulb-night-outline::before{content:"\F1A4D"}.mdi-lightbulb-off::before{content:"\F0E4F"}.mdi-lightbulb-off-outline::before{content:"\F0E50"}.mdi-lightbulb-on::before{content:"\F06E8"}.mdi-lightbulb-on-10::before{content:"\F1A4E"}.mdi-lightbulb-on-20::before{content:"\F1A4F"}.mdi-lightbulb-on-30::before{content:"\F1A50"}.mdi-lightbulb-on-40::before{content:"\F1A51"}.mdi-lightbulb-on-50::before{content:"\F1A52"}.mdi-lightbulb-on-60::before{content:"\F1A53"}.mdi-lightbulb-on-70::before{content:"\F1A54"}.mdi-lightbulb-on-80::before{content:"\F1A55"}.mdi-lightbulb-on-90::before{content:"\F1A56"}.mdi-lightbulb-on-outline::before{content:"\F06E9"}.mdi-lightbulb-outline::before{content:"\F0336"}.mdi-lightbulb-question::before{content:"\F19E3"}.mdi-lightbulb-question-outline::before{content:"\F19E4"}.mdi-lightbulb-spot::before{content:"\F17F4"}.mdi-lightbulb-spot-off::before{content:"\F17F5"}.mdi-lightbulb-variant::before{content:"\F1802"}.mdi-lightbulb-variant-outline::before{content:"\F1803"}.mdi-lighthouse::before{content:"\F09FF"}.mdi-lighthouse-on::before{content:"\F0A00"}.mdi-lightning-bolt::before{content:"\F140B"}.mdi-lightning-bolt-circle::before{content:"\F0820"}.mdi-lightning-bolt-outline::before{content:"\F140C"}.mdi-line-scan::before{content:"\F0624"}.mdi-lingerie::before{content:"\F1476"}.mdi-link::before{content:"\F0337"}.mdi-link-box::before{content:"\F0D1A"}.mdi-link-box-outline::before{content:"\F0D1B"}.mdi-link-box-variant::before{content:"\F0D1C"}.mdi-link-box-variant-outline::before{content:"\F0D1D"}.mdi-link-circle::before{content:"\F1CAC"}.mdi-link-circle-outline::before{content:"\F1CAD"}.mdi-link-edit::before{content:"\F1CAE"}.mdi-link-lock::before{content:"\F10BA"}.mdi-link-off::before{content:"\F0338"}.mdi-link-plus::before{content:"\F0C94"}.mdi-link-variant::before{content:"\F0339"}.mdi-link-variant-minus::before{content:"\F10FF"}.mdi-link-variant-off::before{content:"\F033A"}.mdi-link-variant-plus::before{content:"\F1100"}.mdi-link-variant-remove::before{content:"\F1101"}.mdi-linkedin::before{content:"\F033B"}.mdi-linux::before{content:"\F033D"}.mdi-linux-mint::before{content:"\F08ED"}.mdi-lipstick::before{content:"\F13B5"}.mdi-liquid-spot::before{content:"\F1826"}.mdi-liquor::before{content:"\F191E"}.mdi-list-box::before{content:"\F1B7B"}.mdi-list-box-outline::before{content:"\F1B7C"}.mdi-list-status::before{content:"\F15AB"}.mdi-litecoin::before{content:"\F0A61"}.mdi-loading::before{content:"\F0772"}.mdi-location-enter::before{content:"\F0FC4"}.mdi-location-exit::before{content:"\F0FC5"}.mdi-lock::before{content:"\F033E"}.mdi-lock-alert::before{content:"\F08EE"}.mdi-lock-alert-outline::before{content:"\F15D1"}.mdi-lock-check::before{content:"\F139A"}.mdi-lock-check-outline::before{content:"\F16A8"}.mdi-lock-clock::before{content:"\F097F"}.mdi-lock-minus::before{content:"\F16A9"}.mdi-lock-minus-outline::before{content:"\F16AA"}.mdi-lock-off::before{content:"\F1671"}.mdi-lock-off-outline::before{content:"\F1672"}.mdi-lock-open::before{content:"\F033F"}.mdi-lock-open-alert::before{content:"\F139B"}.mdi-lock-open-alert-outline::before{content:"\F15D2"}.mdi-lock-open-check::before{content:"\F139C"}.mdi-lock-open-check-outline::before{content:"\F16AB"}.mdi-lock-open-minus::before{content:"\F16AC"}.mdi-lock-open-minus-outline::before{content:"\F16AD"}.mdi-lock-open-outline::before{content:"\F0340"}.mdi-lock-open-plus::before{content:"\F16AE"}.mdi-lock-open-plus-outline::before{content:"\F16AF"}.mdi-lock-open-remove::before{content:"\F16B0"}.mdi-lock-open-remove-outline::before{content:"\F16B1"}.mdi-lock-open-variant::before{content:"\F0FC6"}.mdi-lock-open-variant-outline::before{content:"\F0FC7"}.mdi-lock-outline::before{content:"\F0341"}.mdi-lock-pattern::before{content:"\F06EA"}.mdi-lock-percent::before{content:"\F1C12"}.mdi-lock-percent-open::before{content:"\F1C13"}.mdi-lock-percent-open-outline::before{content:"\F1C14"}.mdi-lock-percent-open-variant::before{content:"\F1C15"}.mdi-lock-percent-open-variant-outline::before{content:"\F1C16"}.mdi-lock-percent-outline::before{content:"\F1C17"}.mdi-lock-plus::before{content:"\F05FB"}.mdi-lock-plus-outline::before{content:"\F16B2"}.mdi-lock-question::before{content:"\F08EF"}.mdi-lock-remove::before{content:"\F16B3"}.mdi-lock-remove-outline::before{content:"\F16B4"}.mdi-lock-reset::before{content:"\F0773"}.mdi-lock-smart::before{content:"\F08B2"}.mdi-locker::before{content:"\F07D7"}.mdi-locker-multiple::before{content:"\F07D8"}.mdi-login::before{content:"\F0342"}.mdi-login-variant::before{content:"\F05FC"}.mdi-logout::before{content:"\F0343"}.mdi-logout-variant::before{content:"\F05FD"}.mdi-longitude::before{content:"\F0F5A"}.mdi-looks::before{content:"\F0344"}.mdi-lotion::before{content:"\F1582"}.mdi-lotion-outline::before{content:"\F1583"}.mdi-lotion-plus::before{content:"\F1584"}.mdi-lotion-plus-outline::before{content:"\F1585"}.mdi-loupe::before{content:"\F0345"}.mdi-lumx::before{content:"\F0346"}.mdi-lungs::before{content:"\F1084"}.mdi-mace::before{content:"\F1843"}.mdi-magazine-pistol::before{content:"\F0324"}.mdi-magazine-rifle::before{content:"\F0323"}.mdi-magic-staff::before{content:"\F1844"}.mdi-magnet::before{content:"\F0347"}.mdi-magnet-on::before{content:"\F0348"}.mdi-magnify::before{content:"\F0349"}.mdi-magnify-close::before{content:"\F0980"}.mdi-magnify-expand::before{content:"\F1874"}.mdi-magnify-minus::before{content:"\F034A"}.mdi-magnify-minus-cursor::before{content:"\F0A62"}.mdi-magnify-minus-outline::before{content:"\F06EC"}.mdi-magnify-plus::before{content:"\F034B"}.mdi-magnify-plus-cursor::before{content:"\F0A63"}.mdi-magnify-plus-outline::before{content:"\F06ED"}.mdi-magnify-remove-cursor::before{content:"\F120C"}.mdi-magnify-remove-outline::before{content:"\F120D"}.mdi-magnify-scan::before{content:"\F1276"}.mdi-mail::before{content:"\F0EBB"}.mdi-mailbox::before{content:"\F06EE"}.mdi-mailbox-open::before{content:"\F0D88"}.mdi-mailbox-open-outline::before{content:"\F0D89"}.mdi-mailbox-open-up::before{content:"\F0D8A"}.mdi-mailbox-open-up-outline::before{content:"\F0D8B"}.mdi-mailbox-outline::before{content:"\F0D8C"}.mdi-mailbox-up::before{content:"\F0D8D"}.mdi-mailbox-up-outline::before{content:"\F0D8E"}.mdi-manjaro::before{content:"\F160A"}.mdi-map::before{content:"\F034D"}.mdi-map-check::before{content:"\F0EBC"}.mdi-map-check-outline::before{content:"\F0EBD"}.mdi-map-clock::before{content:"\F0D1E"}.mdi-map-clock-outline::before{content:"\F0D1F"}.mdi-map-legend::before{content:"\F0A01"}.mdi-map-marker::before{content:"\F034E"}.mdi-map-marker-account::before{content:"\F18E3"}.mdi-map-marker-account-outline::before{content:"\F18E4"}.mdi-map-marker-alert::before{content:"\F0F05"}.mdi-map-marker-alert-outline::before{content:"\F0F06"}.mdi-map-marker-check::before{content:"\F0C95"}.mdi-map-marker-check-outline::before{content:"\F12FB"}.mdi-map-marker-circle::before{content:"\F034F"}.mdi-map-marker-distance::before{content:"\F08F0"}.mdi-map-marker-down::before{content:"\F1102"}.mdi-map-marker-left::before{content:"\F12DB"}.mdi-map-marker-left-outline::before{content:"\F12DD"}.mdi-map-marker-minus::before{content:"\F0650"}.mdi-map-marker-minus-outline::before{content:"\F12F9"}.mdi-map-marker-multiple::before{content:"\F0350"}.mdi-map-marker-multiple-outline::before{content:"\F1277"}.mdi-map-marker-off::before{content:"\F0351"}.mdi-map-marker-off-outline::before{content:"\F12FD"}.mdi-map-marker-outline::before{content:"\F07D9"}.mdi-map-marker-path::before{content:"\F0D20"}.mdi-map-marker-plus::before{content:"\F0651"}.mdi-map-marker-plus-outline::before{content:"\F12F8"}.mdi-map-marker-question::before{content:"\F0F07"}.mdi-map-marker-question-outline::before{content:"\F0F08"}.mdi-map-marker-radius::before{content:"\F0352"}.mdi-map-marker-radius-outline::before{content:"\F12FC"}.mdi-map-marker-remove::before{content:"\F0F09"}.mdi-map-marker-remove-outline::before{content:"\F12FA"}.mdi-map-marker-remove-variant::before{content:"\F0F0A"}.mdi-map-marker-right::before{content:"\F12DC"}.mdi-map-marker-right-outline::before{content:"\F12DE"}.mdi-map-marker-star::before{content:"\F1608"}.mdi-map-marker-star-outline::before{content:"\F1609"}.mdi-map-marker-up::before{content:"\F1103"}.mdi-map-minus::before{content:"\F0981"}.mdi-map-outline::before{content:"\F0982"}.mdi-map-plus::before{content:"\F0983"}.mdi-map-search::before{content:"\F0984"}.mdi-map-search-outline::before{content:"\F0985"}.mdi-mapbox::before{content:"\F0BAA"}.mdi-margin::before{content:"\F0353"}.mdi-marker::before{content:"\F0652"}.mdi-marker-cancel::before{content:"\F0DD9"}.mdi-marker-check::before{content:"\F0355"}.mdi-mastodon::before{content:"\F0AD1"}.mdi-material-design::before{content:"\F0986"}.mdi-material-ui::before{content:"\F0357"}.mdi-math-compass::before{content:"\F0358"}.mdi-math-cos::before{content:"\F0C96"}.mdi-math-integral::before{content:"\F0FC8"}.mdi-math-integral-box::before{content:"\F0FC9"}.mdi-math-log::before{content:"\F1085"}.mdi-math-norm::before{content:"\F0FCA"}.mdi-math-norm-box::before{content:"\F0FCB"}.mdi-math-sin::before{content:"\F0C97"}.mdi-math-tan::before{content:"\F0C98"}.mdi-matrix::before{content:"\F0628"}.mdi-medal::before{content:"\F0987"}.mdi-medal-outline::before{content:"\F1326"}.mdi-medical-bag::before{content:"\F06EF"}.mdi-medical-cotton-swab::before{content:"\F1AB8"}.mdi-medication::before{content:"\F1B14"}.mdi-medication-outline::before{content:"\F1B15"}.mdi-meditation::before{content:"\F117B"}.mdi-memory::before{content:"\F035B"}.mdi-memory-arrow-down::before{content:"\F1CA6"}.mdi-menorah::before{content:"\F17D4"}.mdi-menorah-fire::before{content:"\F17D5"}.mdi-menu::before{content:"\F035C"}.mdi-menu-close::before{content:"\F1C90"}.mdi-menu-down::before{content:"\F035D"}.mdi-menu-down-outline::before{content:"\F06B6"}.mdi-menu-left::before{content:"\F035E"}.mdi-menu-left-outline::before{content:"\F0A02"}.mdi-menu-open::before{content:"\F0BAB"}.mdi-menu-right::before{content:"\F035F"}.mdi-menu-right-outline::before{content:"\F0A03"}.mdi-menu-swap::before{content:"\F0A64"}.mdi-menu-swap-outline::before{content:"\F0A65"}.mdi-menu-up::before{content:"\F0360"}.mdi-menu-up-outline::before{content:"\F06B7"}.mdi-merge::before{content:"\F0F5C"}.mdi-message::before{content:"\F0361"}.mdi-message-alert::before{content:"\F0362"}.mdi-message-alert-outline::before{content:"\F0A04"}.mdi-message-arrow-left::before{content:"\F12F2"}.mdi-message-arrow-left-outline::before{content:"\F12F3"}.mdi-message-arrow-right::before{content:"\F12F4"}.mdi-message-arrow-right-outline::before{content:"\F12F5"}.mdi-message-badge::before{content:"\F1941"}.mdi-message-badge-outline::before{content:"\F1942"}.mdi-message-bookmark::before{content:"\F15AC"}.mdi-message-bookmark-outline::before{content:"\F15AD"}.mdi-message-bulleted::before{content:"\F06A2"}.mdi-message-bulleted-off::before{content:"\F06A3"}.mdi-message-check::before{content:"\F1B8A"}.mdi-message-check-outline::before{content:"\F1B8B"}.mdi-message-cog::before{content:"\F06F1"}.mdi-message-cog-outline::before{content:"\F1172"}.mdi-message-draw::before{content:"\F0363"}.mdi-message-fast::before{content:"\F19CC"}.mdi-message-fast-outline::before{content:"\F19CD"}.mdi-message-flash::before{content:"\F15A9"}.mdi-message-flash-outline::before{content:"\F15AA"}.mdi-message-image::before{content:"\F0364"}.mdi-message-image-outline::before{content:"\F116C"}.mdi-message-lock::before{content:"\F0FCC"}.mdi-message-lock-outline::before{content:"\F116D"}.mdi-message-minus::before{content:"\F116E"}.mdi-message-minus-outline::before{content:"\F116F"}.mdi-message-off::before{content:"\F164D"}.mdi-message-off-outline::before{content:"\F164E"}.mdi-message-outline::before{content:"\F0365"}.mdi-message-plus::before{content:"\F0653"}.mdi-message-plus-outline::before{content:"\F10BB"}.mdi-message-processing::before{content:"\F0366"}.mdi-message-processing-outline::before{content:"\F1170"}.mdi-message-question::before{content:"\F173A"}.mdi-message-question-outline::before{content:"\F173B"}.mdi-message-reply::before{content:"\F0367"}.mdi-message-reply-outline::before{content:"\F173D"}.mdi-message-reply-text::before{content:"\F0368"}.mdi-message-reply-text-outline::before{content:"\F173E"}.mdi-message-settings::before{content:"\F06F0"}.mdi-message-settings-outline::before{content:"\F1171"}.mdi-message-star::before{content:"\F069A"}.mdi-message-star-outline::before{content:"\F1250"}.mdi-message-text::before{content:"\F0369"}.mdi-message-text-clock::before{content:"\F1173"}.mdi-message-text-clock-outline::before{content:"\F1174"}.mdi-message-text-fast::before{content:"\F19CE"}.mdi-message-text-fast-outline::before{content:"\F19CF"}.mdi-message-text-lock::before{content:"\F0FCD"}.mdi-message-text-lock-outline::before{content:"\F1175"}.mdi-message-text-outline::before{content:"\F036A"}.mdi-message-video::before{content:"\F036B"}.mdi-meteor::before{content:"\F0629"}.mdi-meter-electric::before{content:"\F1A57"}.mdi-meter-electric-outline::before{content:"\F1A58"}.mdi-meter-gas::before{content:"\F1A59"}.mdi-meter-gas-outline::before{content:"\F1A5A"}.mdi-metronome::before{content:"\F07DA"}.mdi-metronome-tick::before{content:"\F07DB"}.mdi-micro-sd::before{content:"\F07DC"}.mdi-microphone::before{content:"\F036C"}.mdi-microphone-message::before{content:"\F050A"}.mdi-microphone-message-off::before{content:"\F050B"}.mdi-microphone-minus::before{content:"\F08B3"}.mdi-microphone-off::before{content:"\F036D"}.mdi-microphone-outline::before{content:"\F036E"}.mdi-microphone-plus::before{content:"\F08B4"}.mdi-microphone-question::before{content:"\F1989"}.mdi-microphone-question-outline::before{content:"\F198A"}.mdi-microphone-settings::before{content:"\F036F"}.mdi-microphone-variant::before{content:"\F0370"}.mdi-microphone-variant-off::before{content:"\F0371"}.mdi-microscope::before{content:"\F0654"}.mdi-microsoft::before{content:"\F0372"}.mdi-microsoft-access::before{content:"\F138E"}.mdi-microsoft-azure::before{content:"\F0805"}.mdi-microsoft-azure-devops::before{content:"\F0FD5"}.mdi-microsoft-bing::before{content:"\F00A4"}.mdi-microsoft-dynamics-365::before{content:"\F0988"}.mdi-microsoft-edge::before{content:"\F01E9"}.mdi-microsoft-excel::before{content:"\F138F"}.mdi-microsoft-internet-explorer::before{content:"\F0300"}.mdi-microsoft-office::before{content:"\F03C6"}.mdi-microsoft-onedrive::before{content:"\F03CA"}.mdi-microsoft-onenote::before{content:"\F0747"}.mdi-microsoft-outlook::before{content:"\F0D22"}.mdi-microsoft-powerpoint::before{content:"\F1390"}.mdi-microsoft-sharepoint::before{content:"\F1391"}.mdi-microsoft-teams::before{content:"\F02BB"}.mdi-microsoft-visual-studio::before{content:"\F0610"}.mdi-microsoft-visual-studio-code::before{content:"\F0A1E"}.mdi-microsoft-windows::before{content:"\F05B3"}.mdi-microsoft-windows-classic::before{content:"\F0A21"}.mdi-microsoft-word::before{content:"\F1392"}.mdi-microsoft-xbox::before{content:"\F05B9"}.mdi-microsoft-xbox-controller::before{content:"\F05BA"}.mdi-microsoft-xbox-controller-battery-alert::before{content:"\F074B"}.mdi-microsoft-xbox-controller-battery-charging::before{content:"\F0A22"}.mdi-microsoft-xbox-controller-battery-empty::before{content:"\F074C"}.mdi-microsoft-xbox-controller-battery-full::before{content:"\F074D"}.mdi-microsoft-xbox-controller-battery-low::before{content:"\F074E"}.mdi-microsoft-xbox-controller-battery-medium::before{content:"\F074F"}.mdi-microsoft-xbox-controller-battery-unknown::before{content:"\F0750"}.mdi-microsoft-xbox-controller-menu::before{content:"\F0E6F"}.mdi-microsoft-xbox-controller-off::before{content:"\F05BB"}.mdi-microsoft-xbox-controller-view::before{content:"\F0E70"}.mdi-microwave::before{content:"\F0C99"}.mdi-microwave-off::before{content:"\F1423"}.mdi-middleware::before{content:"\F0F5D"}.mdi-middleware-outline::before{content:"\F0F5E"}.mdi-midi::before{content:"\F08F1"}.mdi-midi-port::before{content:"\F08F2"}.mdi-mine::before{content:"\F0DDA"}.mdi-minecraft::before{content:"\F0373"}.mdi-mini-sd::before{content:"\F0A05"}.mdi-minidisc::before{content:"\F0A06"}.mdi-minus::before{content:"\F0374"}.mdi-minus-box::before{content:"\F0375"}.mdi-minus-box-multiple::before{content:"\F1141"}.mdi-minus-box-multiple-outline::before{content:"\F1142"}.mdi-minus-box-outline::before{content:"\F06F2"}.mdi-minus-circle::before{content:"\F0376"}.mdi-minus-circle-multiple::before{content:"\F035A"}.mdi-minus-circle-multiple-outline::before{content:"\F0AD3"}.mdi-minus-circle-off::before{content:"\F1459"}.mdi-minus-circle-off-outline::before{content:"\F145A"}.mdi-minus-circle-outline::before{content:"\F0377"}.mdi-minus-network::before{content:"\F0378"}.mdi-minus-network-outline::before{content:"\F0C9A"}.mdi-minus-thick::before{content:"\F1639"}.mdi-mirror::before{content:"\F11FD"}.mdi-mirror-rectangle::before{content:"\F179F"}.mdi-mirror-variant::before{content:"\F17A0"}.mdi-mixed-martial-arts::before{content:"\F0D8F"}.mdi-mixed-reality::before{content:"\F087F"}.mdi-molecule::before{content:"\F0BAC"}.mdi-molecule-co::before{content:"\F12FE"}.mdi-molecule-co2::before{content:"\F07E4"}.mdi-monitor::before{content:"\F0379"}.mdi-monitor-account::before{content:"\F1A5B"}.mdi-monitor-arrow-down::before{content:"\F19D0"}.mdi-monitor-arrow-down-variant::before{content:"\F19D1"}.mdi-monitor-cellphone::before{content:"\F0989"}.mdi-monitor-cellphone-star::before{content:"\F098A"}.mdi-monitor-dashboard::before{content:"\F0A07"}.mdi-monitor-edit::before{content:"\F12C6"}.mdi-monitor-eye::before{content:"\F13B4"}.mdi-monitor-lock::before{content:"\F0DDB"}.mdi-monitor-multiple::before{content:"\F037A"}.mdi-monitor-off::before{content:"\F0D90"}.mdi-monitor-screenshot::before{content:"\F0E51"}.mdi-monitor-share::before{content:"\F1483"}.mdi-monitor-shimmer::before{content:"\F1104"}.mdi-monitor-small::before{content:"\F1876"}.mdi-monitor-speaker::before{content:"\F0F5F"}.mdi-monitor-speaker-off::before{content:"\F0F60"}.mdi-monitor-star::before{content:"\F0DDC"}.mdi-monitor-vertical::before{content:"\F1C33"}.mdi-moon-first-quarter::before{content:"\F0F61"}.mdi-moon-full::before{content:"\F0F62"}.mdi-moon-last-quarter::before{content:"\F0F63"}.mdi-moon-new::before{content:"\F0F64"}.mdi-moon-waning-crescent::before{content:"\F0F65"}.mdi-moon-waning-gibbous::before{content:"\F0F66"}.mdi-moon-waxing-crescent::before{content:"\F0F67"}.mdi-moon-waxing-gibbous::before{content:"\F0F68"}.mdi-moped::before{content:"\F1086"}.mdi-moped-electric::before{content:"\F15B7"}.mdi-moped-electric-outline::before{content:"\F15B8"}.mdi-moped-outline::before{content:"\F15B9"}.mdi-more::before{content:"\F037B"}.mdi-mortar-pestle::before{content:"\F1748"}.mdi-mortar-pestle-plus::before{content:"\F03F1"}.mdi-mosque::before{content:"\F0D45"}.mdi-mosque-outline::before{content:"\F1827"}.mdi-mother-heart::before{content:"\F1314"}.mdi-mother-nurse::before{content:"\F0D21"}.mdi-motion::before{content:"\F15B2"}.mdi-motion-outline::before{content:"\F15B3"}.mdi-motion-pause::before{content:"\F1590"}.mdi-motion-pause-outline::before{content:"\F1592"}.mdi-motion-play::before{content:"\F158F"}.mdi-motion-play-outline::before{content:"\F1591"}.mdi-motion-sensor::before{content:"\F0D91"}.mdi-motion-sensor-off::before{content:"\F1435"}.mdi-motorbike::before{content:"\F037C"}.mdi-motorbike-electric::before{content:"\F15BA"}.mdi-motorbike-off::before{content:"\F1B16"}.mdi-mouse::before{content:"\F037D"}.mdi-mouse-bluetooth::before{content:"\F098B"}.mdi-mouse-left-click::before{content:"\F1D07"}.mdi-mouse-left-click-outline::before{content:"\F1D08"}.mdi-mouse-move-down::before{content:"\F1550"}.mdi-mouse-move-up::before{content:"\F1551"}.mdi-mouse-move-vertical::before{content:"\F1552"}.mdi-mouse-off::before{content:"\F037E"}.mdi-mouse-outline::before{content:"\F1D09"}.mdi-mouse-right-click::before{content:"\F1D0A"}.mdi-mouse-right-click-outline::before{content:"\F1D0B"}.mdi-mouse-scroll-wheel::before{content:"\F1D0C"}.mdi-mouse-variant::before{content:"\F037F"}.mdi-mouse-variant-off::before{content:"\F0380"}.mdi-move-resize::before{content:"\F0655"}.mdi-move-resize-variant::before{content:"\F0656"}.mdi-movie::before{content:"\F0381"}.mdi-movie-check::before{content:"\F16F3"}.mdi-movie-check-outline::before{content:"\F16F4"}.mdi-movie-cog::before{content:"\F16F5"}.mdi-movie-cog-outline::before{content:"\F16F6"}.mdi-movie-edit::before{content:"\F1122"}.mdi-movie-edit-outline::before{content:"\F1123"}.mdi-movie-filter::before{content:"\F1124"}.mdi-movie-filter-outline::before{content:"\F1125"}.mdi-movie-minus::before{content:"\F16F7"}.mdi-movie-minus-outline::before{content:"\F16F8"}.mdi-movie-off::before{content:"\F16F9"}.mdi-movie-off-outline::before{content:"\F16FA"}.mdi-movie-open::before{content:"\F0FCE"}.mdi-movie-open-check::before{content:"\F16FB"}.mdi-movie-open-check-outline::before{content:"\F16FC"}.mdi-movie-open-cog::before{content:"\F16FD"}.mdi-movie-open-cog-outline::before{content:"\F16FE"}.mdi-movie-open-edit::before{content:"\F16FF"}.mdi-movie-open-edit-outline::before{content:"\F1700"}.mdi-movie-open-minus::before{content:"\F1701"}.mdi-movie-open-minus-outline::before{content:"\F1702"}.mdi-movie-open-off::before{content:"\F1703"}.mdi-movie-open-off-outline::before{content:"\F1704"}.mdi-movie-open-outline::before{content:"\F0FCF"}.mdi-movie-open-play::before{content:"\F1705"}.mdi-movie-open-play-outline::before{content:"\F1706"}.mdi-movie-open-plus::before{content:"\F1707"}.mdi-movie-open-plus-outline::before{content:"\F1708"}.mdi-movie-open-remove::before{content:"\F1709"}.mdi-movie-open-remove-outline::before{content:"\F170A"}.mdi-movie-open-settings::before{content:"\F170B"}.mdi-movie-open-settings-outline::before{content:"\F170C"}.mdi-movie-open-star::before{content:"\F170D"}.mdi-movie-open-star-outline::before{content:"\F170E"}.mdi-movie-outline::before{content:"\F0DDD"}.mdi-movie-play::before{content:"\F170F"}.mdi-movie-play-outline::before{content:"\F1710"}.mdi-movie-plus::before{content:"\F1711"}.mdi-movie-plus-outline::before{content:"\F1712"}.mdi-movie-remove::before{content:"\F1713"}.mdi-movie-remove-outline::before{content:"\F1714"}.mdi-movie-roll::before{content:"\F07DE"}.mdi-movie-search::before{content:"\F11D2"}.mdi-movie-search-outline::before{content:"\F11D3"}.mdi-movie-settings::before{content:"\F1715"}.mdi-movie-settings-outline::before{content:"\F1716"}.mdi-movie-star::before{content:"\F1717"}.mdi-movie-star-outline::before{content:"\F1718"}.mdi-mower::before{content:"\F166F"}.mdi-mower-bag::before{content:"\F1670"}.mdi-mower-bag-on::before{content:"\F1B60"}.mdi-mower-on::before{content:"\F1B5F"}.mdi-muffin::before{content:"\F098C"}.mdi-multicast::before{content:"\F1893"}.mdi-multimedia::before{content:"\F1B97"}.mdi-multiplication::before{content:"\F0382"}.mdi-multiplication-box::before{content:"\F0383"}.mdi-mushroom::before{content:"\F07DF"}.mdi-mushroom-off::before{content:"\F13FA"}.mdi-mushroom-off-outline::before{content:"\F13FB"}.mdi-mushroom-outline::before{content:"\F07E0"}.mdi-music::before{content:"\F075A"}.mdi-music-accidental-double-flat::before{content:"\F0F69"}.mdi-music-accidental-double-sharp::before{content:"\F0F6A"}.mdi-music-accidental-flat::before{content:"\F0F6B"}.mdi-music-accidental-natural::before{content:"\F0F6C"}.mdi-music-accidental-sharp::before{content:"\F0F6D"}.mdi-music-box::before{content:"\F0384"}.mdi-music-box-multiple::before{content:"\F0333"}.mdi-music-box-multiple-outline::before{content:"\F0F04"}.mdi-music-box-outline::before{content:"\F0385"}.mdi-music-circle::before{content:"\F0386"}.mdi-music-circle-outline::before{content:"\F0AD4"}.mdi-music-clef-alto::before{content:"\F0F6E"}.mdi-music-clef-bass::before{content:"\F0F6F"}.mdi-music-clef-treble::before{content:"\F0F70"}.mdi-music-note::before{content:"\F0387"}.mdi-music-note-bluetooth::before{content:"\F05FE"}.mdi-music-note-bluetooth-off::before{content:"\F05FF"}.mdi-music-note-eighth::before{content:"\F0388"}.mdi-music-note-eighth-dotted::before{content:"\F0F71"}.mdi-music-note-half::before{content:"\F0389"}.mdi-music-note-half-dotted::before{content:"\F0F72"}.mdi-music-note-minus::before{content:"\F1B89"}.mdi-music-note-off::before{content:"\F038A"}.mdi-music-note-off-outline::before{content:"\F0F73"}.mdi-music-note-outline::before{content:"\F0F74"}.mdi-music-note-plus::before{content:"\F0DDE"}.mdi-music-note-quarter::before{content:"\F038B"}.mdi-music-note-quarter-dotted::before{content:"\F0F75"}.mdi-music-note-sixteenth::before{content:"\F038C"}.mdi-music-note-sixteenth-dotted::before{content:"\F0F76"}.mdi-music-note-whole::before{content:"\F038D"}.mdi-music-note-whole-dotted::before{content:"\F0F77"}.mdi-music-off::before{content:"\F075B"}.mdi-music-rest-eighth::before{content:"\F0F78"}.mdi-music-rest-half::before{content:"\F0F79"}.mdi-music-rest-quarter::before{content:"\F0F7A"}.mdi-music-rest-sixteenth::before{content:"\F0F7B"}.mdi-music-rest-whole::before{content:"\F0F7C"}.mdi-mustache::before{content:"\F15DE"}.mdi-nail::before{content:"\F0DDF"}.mdi-nas::before{content:"\F08F3"}.mdi-nativescript::before{content:"\F0880"}.mdi-nature::before{content:"\F038E"}.mdi-nature-outline::before{content:"\F1C71"}.mdi-nature-people::before{content:"\F038F"}.mdi-nature-people-outline::before{content:"\F1C72"}.mdi-navigation::before{content:"\F0390"}.mdi-navigation-outline::before{content:"\F1607"}.mdi-navigation-variant::before{content:"\F18F0"}.mdi-navigation-variant-outline::before{content:"\F18F1"}.mdi-near-me::before{content:"\F05CD"}.mdi-necklace::before{content:"\F0F0B"}.mdi-needle::before{content:"\F0391"}.mdi-needle-off::before{content:"\F19D2"}.mdi-netflix::before{content:"\F0746"}.mdi-network::before{content:"\F06F3"}.mdi-network-off::before{content:"\F0C9B"}.mdi-network-off-outline::before{content:"\F0C9C"}.mdi-network-outline::before{content:"\F0C9D"}.mdi-network-pos::before{content:"\F1ACB"}.mdi-network-strength-1::before{content:"\F08F4"}.mdi-network-strength-1-alert::before{content:"\F08F5"}.mdi-network-strength-2::before{content:"\F08F6"}.mdi-network-strength-2-alert::before{content:"\F08F7"}.mdi-network-strength-3::before{content:"\F08F8"}.mdi-network-strength-3-alert::before{content:"\F08F9"}.mdi-network-strength-4::before{content:"\F08FA"}.mdi-network-strength-4-alert::before{content:"\F08FB"}.mdi-network-strength-4-cog::before{content:"\F191A"}.mdi-network-strength-off::before{content:"\F08FC"}.mdi-network-strength-off-outline::before{content:"\F08FD"}.mdi-network-strength-outline::before{content:"\F08FE"}.mdi-new-box::before{content:"\F0394"}.mdi-newspaper::before{content:"\F0395"}.mdi-newspaper-check::before{content:"\F1943"}.mdi-newspaper-minus::before{content:"\F0F0C"}.mdi-newspaper-plus::before{content:"\F0F0D"}.mdi-newspaper-remove::before{content:"\F1944"}.mdi-newspaper-variant::before{content:"\F1001"}.mdi-newspaper-variant-multiple::before{content:"\F1002"}.mdi-newspaper-variant-multiple-outline::before{content:"\F1003"}.mdi-newspaper-variant-outline::before{content:"\F1004"}.mdi-nfc::before{content:"\F0396"}.mdi-nfc-search-variant::before{content:"\F0E53"}.mdi-nfc-tap::before{content:"\F0397"}.mdi-nfc-variant::before{content:"\F0398"}.mdi-nfc-variant-off::before{content:"\F0E54"}.mdi-ninja::before{content:"\F0774"}.mdi-nintendo-game-boy::before{content:"\F1393"}.mdi-nintendo-switch::before{content:"\F07E1"}.mdi-nintendo-wii::before{content:"\F05AB"}.mdi-nintendo-wiiu::before{content:"\F072D"}.mdi-nix::before{content:"\F1105"}.mdi-nodejs::before{content:"\F0399"}.mdi-noodles::before{content:"\F117E"}.mdi-not-equal::before{content:"\F098D"}.mdi-not-equal-variant::before{content:"\F098E"}.mdi-note::before{content:"\F039A"}.mdi-note-alert::before{content:"\F177D"}.mdi-note-alert-outline::before{content:"\F177E"}.mdi-note-check::before{content:"\F177F"}.mdi-note-check-outline::before{content:"\F1780"}.mdi-note-edit::before{content:"\F1781"}.mdi-note-edit-outline::before{content:"\F1782"}.mdi-note-minus::before{content:"\F164F"}.mdi-note-minus-outline::before{content:"\F1650"}.mdi-note-multiple::before{content:"\F06B8"}.mdi-note-multiple-outline::before{content:"\F06B9"}.mdi-note-off::before{content:"\F1783"}.mdi-note-off-outline::before{content:"\F1784"}.mdi-note-outline::before{content:"\F039B"}.mdi-note-plus::before{content:"\F039C"}.mdi-note-plus-outline::before{content:"\F039D"}.mdi-note-remove::before{content:"\F1651"}.mdi-note-remove-outline::before{content:"\F1652"}.mdi-note-search::before{content:"\F1653"}.mdi-note-search-outline::before{content:"\F1654"}.mdi-note-text::before{content:"\F039E"}.mdi-note-text-outline::before{content:"\F11D7"}.mdi-notebook::before{content:"\F082E"}.mdi-notebook-check::before{content:"\F14F5"}.mdi-notebook-check-outline::before{content:"\F14F6"}.mdi-notebook-edit::before{content:"\F14E7"}.mdi-notebook-edit-outline::before{content:"\F14E9"}.mdi-notebook-heart::before{content:"\F1A0B"}.mdi-notebook-heart-outline::before{content:"\F1A0C"}.mdi-notebook-minus::before{content:"\F1610"}.mdi-notebook-minus-outline::before{content:"\F1611"}.mdi-notebook-multiple::before{content:"\F0E55"}.mdi-notebook-outline::before{content:"\F0EBF"}.mdi-notebook-plus::before{content:"\F1612"}.mdi-notebook-plus-outline::before{content:"\F1613"}.mdi-notebook-remove::before{content:"\F1614"}.mdi-notebook-remove-outline::before{content:"\F1615"}.mdi-notification-clear-all::before{content:"\F039F"}.mdi-npm::before{content:"\F06F7"}.mdi-nuke::before{content:"\F06A4"}.mdi-null::before{content:"\F07E2"}.mdi-numeric::before{content:"\F03A0"}.mdi-numeric-0::before{content:"\F0B39"}.mdi-numeric-0-box::before{content:"\F03A1"}.mdi-numeric-0-box-multiple::before{content:"\F0F0E"}.mdi-numeric-0-box-multiple-outline::before{content:"\F03A2"}.mdi-numeric-0-box-outline::before{content:"\F03A3"}.mdi-numeric-0-circle::before{content:"\F0C9E"}.mdi-numeric-0-circle-outline::before{content:"\F0C9F"}.mdi-numeric-1::before{content:"\F0B3A"}.mdi-numeric-1-box::before{content:"\F03A4"}.mdi-numeric-1-box-multiple::before{content:"\F0F0F"}.mdi-numeric-1-box-multiple-outline::before{content:"\F03A5"}.mdi-numeric-1-box-outline::before{content:"\F03A6"}.mdi-numeric-1-circle::before{content:"\F0CA0"}.mdi-numeric-1-circle-outline::before{content:"\F0CA1"}.mdi-numeric-10::before{content:"\F0FE9"}.mdi-numeric-10-box::before{content:"\F0F7D"}.mdi-numeric-10-box-multiple::before{content:"\F0FEA"}.mdi-numeric-10-box-multiple-outline::before{content:"\F0FEB"}.mdi-numeric-10-box-outline::before{content:"\F0F7E"}.mdi-numeric-10-circle::before{content:"\F0FEC"}.mdi-numeric-10-circle-outline::before{content:"\F0FED"}.mdi-numeric-2::before{content:"\F0B3B"}.mdi-numeric-2-box::before{content:"\F03A7"}.mdi-numeric-2-box-multiple::before{content:"\F0F10"}.mdi-numeric-2-box-multiple-outline::before{content:"\F03A8"}.mdi-numeric-2-box-outline::before{content:"\F03A9"}.mdi-numeric-2-circle::before{content:"\F0CA2"}.mdi-numeric-2-circle-outline::before{content:"\F0CA3"}.mdi-numeric-3::before{content:"\F0B3C"}.mdi-numeric-3-box::before{content:"\F03AA"}.mdi-numeric-3-box-multiple::before{content:"\F0F11"}.mdi-numeric-3-box-multiple-outline::before{content:"\F03AB"}.mdi-numeric-3-box-outline::before{content:"\F03AC"}.mdi-numeric-3-circle::before{content:"\F0CA4"}.mdi-numeric-3-circle-outline::before{content:"\F0CA5"}.mdi-numeric-4::before{content:"\F0B3D"}.mdi-numeric-4-box::before{content:"\F03AD"}.mdi-numeric-4-box-multiple::before{content:"\F0F12"}.mdi-numeric-4-box-multiple-outline::before{content:"\F03B2"}.mdi-numeric-4-box-outline::before{content:"\F03AE"}.mdi-numeric-4-circle::before{content:"\F0CA6"}.mdi-numeric-4-circle-outline::before{content:"\F0CA7"}.mdi-numeric-5::before{content:"\F0B3E"}.mdi-numeric-5-box::before{content:"\F03B1"}.mdi-numeric-5-box-multiple::before{content:"\F0F13"}.mdi-numeric-5-box-multiple-outline::before{content:"\F03AF"}.mdi-numeric-5-box-outline::before{content:"\F03B0"}.mdi-numeric-5-circle::before{content:"\F0CA8"}.mdi-numeric-5-circle-outline::before{content:"\F0CA9"}.mdi-numeric-6::before{content:"\F0B3F"}.mdi-numeric-6-box::before{content:"\F03B3"}.mdi-numeric-6-box-multiple::before{content:"\F0F14"}.mdi-numeric-6-box-multiple-outline::before{content:"\F03B4"}.mdi-numeric-6-box-outline::before{content:"\F03B5"}.mdi-numeric-6-circle::before{content:"\F0CAA"}.mdi-numeric-6-circle-outline::before{content:"\F0CAB"}.mdi-numeric-7::before{content:"\F0B40"}.mdi-numeric-7-box::before{content:"\F03B6"}.mdi-numeric-7-box-multiple::before{content:"\F0F15"}.mdi-numeric-7-box-multiple-outline::before{content:"\F03B7"}.mdi-numeric-7-box-outline::before{content:"\F03B8"}.mdi-numeric-7-circle::before{content:"\F0CAC"}.mdi-numeric-7-circle-outline::before{content:"\F0CAD"}.mdi-numeric-8::before{content:"\F0B41"}.mdi-numeric-8-box::before{content:"\F03B9"}.mdi-numeric-8-box-multiple::before{content:"\F0F16"}.mdi-numeric-8-box-multiple-outline::before{content:"\F03BA"}.mdi-numeric-8-box-outline::before{content:"\F03BB"}.mdi-numeric-8-circle::before{content:"\F0CAE"}.mdi-numeric-8-circle-outline::before{content:"\F0CAF"}.mdi-numeric-9::before{content:"\F0B42"}.mdi-numeric-9-box::before{content:"\F03BC"}.mdi-numeric-9-box-multiple::before{content:"\F0F17"}.mdi-numeric-9-box-multiple-outline::before{content:"\F03BD"}.mdi-numeric-9-box-outline::before{content:"\F03BE"}.mdi-numeric-9-circle::before{content:"\F0CB0"}.mdi-numeric-9-circle-outline::before{content:"\F0CB1"}.mdi-numeric-9-plus::before{content:"\F0FEE"}.mdi-numeric-9-plus-box::before{content:"\F03BF"}.mdi-numeric-9-plus-box-multiple::before{content:"\F0F18"}.mdi-numeric-9-plus-box-multiple-outline::before{content:"\F03C0"}.mdi-numeric-9-plus-box-outline::before{content:"\F03C1"}.mdi-numeric-9-plus-circle::before{content:"\F0CB2"}.mdi-numeric-9-plus-circle-outline::before{content:"\F0CB3"}.mdi-numeric-negative-1::before{content:"\F1052"}.mdi-numeric-off::before{content:"\F19D3"}.mdi-numeric-positive-1::before{content:"\F15CB"}.mdi-nut::before{content:"\F06F8"}.mdi-nutrition::before{content:"\F03C2"}.mdi-nuxt::before{content:"\F1106"}.mdi-oar::before{content:"\F067C"}.mdi-ocarina::before{content:"\F0DE0"}.mdi-oci::before{content:"\F12E9"}.mdi-ocr::before{content:"\F113A"}.mdi-octagon::before{content:"\F03C3"}.mdi-octagon-outline::before{content:"\F03C4"}.mdi-octagram::before{content:"\F06F9"}.mdi-octagram-edit::before{content:"\F1C34"}.mdi-octagram-edit-outline::before{content:"\F1C35"}.mdi-octagram-minus::before{content:"\F1C36"}.mdi-octagram-minus-outline::before{content:"\F1C37"}.mdi-octagram-outline::before{content:"\F0775"}.mdi-octagram-plus::before{content:"\F1C38"}.mdi-octagram-plus-outline::before{content:"\F1C39"}.mdi-octahedron::before{content:"\F1950"}.mdi-octahedron-off::before{content:"\F1951"}.mdi-odnoklassniki::before{content:"\F03C5"}.mdi-offer::before{content:"\F121B"}.mdi-office-building::before{content:"\F0991"}.mdi-office-building-cog::before{content:"\F1949"}.mdi-office-building-cog-outline::before{content:"\F194A"}.mdi-office-building-marker::before{content:"\F1520"}.mdi-office-building-marker-outline::before{content:"\F1521"}.mdi-office-building-minus::before{content:"\F1BAA"}.mdi-office-building-minus-outline::before{content:"\F1BAB"}.mdi-office-building-outline::before{content:"\F151F"}.mdi-office-building-plus::before{content:"\F1BA8"}.mdi-office-building-plus-outline::before{content:"\F1BA9"}.mdi-office-building-remove::before{content:"\F1BAC"}.mdi-office-building-remove-outline::before{content:"\F1BAD"}.mdi-oil::before{content:"\F03C7"}.mdi-oil-lamp::before{content:"\F0F19"}.mdi-oil-level::before{content:"\F1053"}.mdi-oil-temperature::before{content:"\F0FF8"}.mdi-om::before{content:"\F0973"}.mdi-omega::before{content:"\F03C9"}.mdi-one-up::before{content:"\F0BAD"}.mdi-onepassword::before{content:"\F0881"}.mdi-opacity::before{content:"\F05CC"}.mdi-open-in-app::before{content:"\F03CB"}.mdi-open-in-new::before{content:"\F03CC"}.mdi-open-source-initiative::before{content:"\F0BAE"}.mdi-openid::before{content:"\F03CD"}.mdi-opera::before{content:"\F03CE"}.mdi-orbit::before{content:"\F0018"}.mdi-orbit-variant::before{content:"\F15DB"}.mdi-order-alphabetical-ascending::before{content:"\F020D"}.mdi-order-alphabetical-descending::before{content:"\F0D07"}.mdi-order-bool-ascending::before{content:"\F02BE"}.mdi-order-bool-ascending-variant::before{content:"\F098F"}.mdi-order-bool-descending::before{content:"\F1384"}.mdi-order-bool-descending-variant::before{content:"\F0990"}.mdi-order-numeric-ascending::before{content:"\F0545"}.mdi-order-numeric-descending::before{content:"\F0546"}.mdi-origin::before{content:"\F0B43"}.mdi-ornament::before{content:"\F03CF"}.mdi-ornament-variant::before{content:"\F03D0"}.mdi-outdoor-lamp::before{content:"\F1054"}.mdi-overscan::before{content:"\F1005"}.mdi-owl::before{content:"\F03D2"}.mdi-pac-man::before{content:"\F0BAF"}.mdi-package::before{content:"\F03D3"}.mdi-package-check::before{content:"\F1B51"}.mdi-package-down::before{content:"\F03D4"}.mdi-package-up::before{content:"\F03D5"}.mdi-package-variant::before{content:"\F03D6"}.mdi-package-variant-closed::before{content:"\F03D7"}.mdi-package-variant-closed-check::before{content:"\F1B52"}.mdi-package-variant-closed-minus::before{content:"\F19D4"}.mdi-package-variant-closed-plus::before{content:"\F19D5"}.mdi-package-variant-closed-remove::before{content:"\F19D6"}.mdi-package-variant-minus::before{content:"\F19D7"}.mdi-package-variant-plus::before{content:"\F19D8"}.mdi-package-variant-remove::before{content:"\F19D9"}.mdi-page-first::before{content:"\F0600"}.mdi-page-last::before{content:"\F0601"}.mdi-page-layout-body::before{content:"\F06FA"}.mdi-page-layout-footer::before{content:"\F06FB"}.mdi-page-layout-header::before{content:"\F06FC"}.mdi-page-layout-header-footer::before{content:"\F0F7F"}.mdi-page-layout-sidebar-left::before{content:"\F06FD"}.mdi-page-layout-sidebar-right::before{content:"\F06FE"}.mdi-page-next::before{content:"\F0BB0"}.mdi-page-next-outline::before{content:"\F0BB1"}.mdi-page-previous::before{content:"\F0BB2"}.mdi-page-previous-outline::before{content:"\F0BB3"}.mdi-pail::before{content:"\F1417"}.mdi-pail-minus::before{content:"\F1437"}.mdi-pail-minus-outline::before{content:"\F143C"}.mdi-pail-off::before{content:"\F1439"}.mdi-pail-off-outline::before{content:"\F143E"}.mdi-pail-outline::before{content:"\F143A"}.mdi-pail-plus::before{content:"\F1436"}.mdi-pail-plus-outline::before{content:"\F143B"}.mdi-pail-remove::before{content:"\F1438"}.mdi-pail-remove-outline::before{content:"\F143D"}.mdi-palette::before{content:"\F03D8"}.mdi-palette-advanced::before{content:"\F03D9"}.mdi-palette-outline::before{content:"\F0E0C"}.mdi-palette-swatch::before{content:"\F08B5"}.mdi-palette-swatch-outline::before{content:"\F135C"}.mdi-palette-swatch-variant::before{content:"\F195A"}.mdi-palm-tree::before{content:"\F1055"}.mdi-pan::before{content:"\F0BB4"}.mdi-pan-bottom-left::before{content:"\F0BB5"}.mdi-pan-bottom-right::before{content:"\F0BB6"}.mdi-pan-down::before{content:"\F0BB7"}.mdi-pan-horizontal::before{content:"\F0BB8"}.mdi-pan-left::before{content:"\F0BB9"}.mdi-pan-right::before{content:"\F0BBA"}.mdi-pan-top-left::before{content:"\F0BBB"}.mdi-pan-top-right::before{content:"\F0BBC"}.mdi-pan-up::before{content:"\F0BBD"}.mdi-pan-vertical::before{content:"\F0BBE"}.mdi-panda::before{content:"\F03DA"}.mdi-pandora::before{content:"\F03DB"}.mdi-panorama::before{content:"\F03DC"}.mdi-panorama-fisheye::before{content:"\F03DD"}.mdi-panorama-horizontal::before{content:"\F1928"}.mdi-panorama-horizontal-outline::before{content:"\F03DE"}.mdi-panorama-outline::before{content:"\F198C"}.mdi-panorama-sphere::before{content:"\F198D"}.mdi-panorama-sphere-outline::before{content:"\F198E"}.mdi-panorama-variant::before{content:"\F198F"}.mdi-panorama-variant-outline::before{content:"\F1990"}.mdi-panorama-vertical::before{content:"\F1929"}.mdi-panorama-vertical-outline::before{content:"\F03DF"}.mdi-panorama-wide-angle::before{content:"\F195F"}.mdi-panorama-wide-angle-outline::before{content:"\F03E0"}.mdi-paper-cut-vertical::before{content:"\F03E1"}.mdi-paper-roll::before{content:"\F1157"}.mdi-paper-roll-outline::before{content:"\F1158"}.mdi-paperclip::before{content:"\F03E2"}.mdi-paperclip-check::before{content:"\F1AC6"}.mdi-paperclip-lock::before{content:"\F19DA"}.mdi-paperclip-minus::before{content:"\F1AC7"}.mdi-paperclip-off::before{content:"\F1AC8"}.mdi-paperclip-plus::before{content:"\F1AC9"}.mdi-paperclip-remove::before{content:"\F1ACA"}.mdi-parachute::before{content:"\F0CB4"}.mdi-parachute-outline::before{content:"\F0CB5"}.mdi-paragliding::before{content:"\F1745"}.mdi-parking::before{content:"\F03E3"}.mdi-party-popper::before{content:"\F1056"}.mdi-passport::before{content:"\F07E3"}.mdi-passport-alert::before{content:"\F1CB8"}.mdi-passport-biometric::before{content:"\F0DE1"}.mdi-passport-cancel::before{content:"\F1CB9"}.mdi-passport-check::before{content:"\F1CBA"}.mdi-passport-minus::before{content:"\F1CBB"}.mdi-passport-plus::before{content:"\F1CBC"}.mdi-passport-remove::before{content:"\F1CBD"}.mdi-pasta::before{content:"\F1160"}.mdi-patio-heater::before{content:"\F0F80"}.mdi-patreon::before{content:"\F0882"}.mdi-pause::before{content:"\F03E4"}.mdi-pause-box::before{content:"\F00BC"}.mdi-pause-box-outline::before{content:"\F1B7A"}.mdi-pause-circle::before{content:"\F03E5"}.mdi-pause-circle-outline::before{content:"\F03E6"}.mdi-pause-octagon::before{content:"\F03E7"}.mdi-pause-octagon-outline::before{content:"\F03E8"}.mdi-paw::before{content:"\F03E9"}.mdi-paw-off::before{content:"\F0657"}.mdi-paw-off-outline::before{content:"\F1676"}.mdi-paw-outline::before{content:"\F1675"}.mdi-peace::before{content:"\F0884"}.mdi-peanut::before{content:"\F0FFC"}.mdi-peanut-off::before{content:"\F0FFD"}.mdi-peanut-off-outline::before{content:"\F0FFF"}.mdi-peanut-outline::before{content:"\F0FFE"}.mdi-pen::before{content:"\F03EA"}.mdi-pen-lock::before{content:"\F0DE2"}.mdi-pen-minus::before{content:"\F0DE3"}.mdi-pen-off::before{content:"\F0DE4"}.mdi-pen-plus::before{content:"\F0DE5"}.mdi-pen-remove::before{content:"\F0DE6"}.mdi-pencil::before{content:"\F03EB"}.mdi-pencil-box::before{content:"\F03EC"}.mdi-pencil-box-multiple::before{content:"\F1144"}.mdi-pencil-box-multiple-outline::before{content:"\F1145"}.mdi-pencil-box-outline::before{content:"\F03ED"}.mdi-pencil-circle::before{content:"\F06FF"}.mdi-pencil-circle-outline::before{content:"\F0776"}.mdi-pencil-lock::before{content:"\F03EE"}.mdi-pencil-lock-outline::before{content:"\F0DE7"}.mdi-pencil-minus::before{content:"\F0DE8"}.mdi-pencil-minus-outline::before{content:"\F0DE9"}.mdi-pencil-off::before{content:"\F03EF"}.mdi-pencil-off-outline::before{content:"\F0DEA"}.mdi-pencil-outline::before{content:"\F0CB6"}.mdi-pencil-plus::before{content:"\F0DEB"}.mdi-pencil-plus-outline::before{content:"\F0DEC"}.mdi-pencil-remove::before{content:"\F0DED"}.mdi-pencil-remove-outline::before{content:"\F0DEE"}.mdi-pencil-ruler::before{content:"\F1353"}.mdi-pencil-ruler-outline::before{content:"\F1C11"}.mdi-penguin::before{content:"\F0EC0"}.mdi-pentagon::before{content:"\F0701"}.mdi-pentagon-outline::before{content:"\F0700"}.mdi-pentagram::before{content:"\F1667"}.mdi-percent::before{content:"\F03F0"}.mdi-percent-box::before{content:"\F1A02"}.mdi-percent-box-outline::before{content:"\F1A03"}.mdi-percent-circle::before{content:"\F1A04"}.mdi-percent-circle-outline::before{content:"\F1A05"}.mdi-percent-outline::before{content:"\F1278"}.mdi-periodic-table::before{content:"\F08B6"}.mdi-perspective-less::before{content:"\F0D23"}.mdi-perspective-more::before{content:"\F0D24"}.mdi-ph::before{content:"\F17C5"}.mdi-phone::before{content:"\F03F2"}.mdi-phone-alert::before{content:"\F0F1A"}.mdi-phone-alert-outline::before{content:"\F118E"}.mdi-phone-bluetooth::before{content:"\F03F3"}.mdi-phone-bluetooth-outline::before{content:"\F118F"}.mdi-phone-cancel::before{content:"\F10BC"}.mdi-phone-cancel-outline::before{content:"\F1190"}.mdi-phone-check::before{content:"\F11A9"}.mdi-phone-check-outline::before{content:"\F11AA"}.mdi-phone-classic::before{content:"\F0602"}.mdi-phone-classic-off::before{content:"\F1279"}.mdi-phone-clock::before{content:"\F19DB"}.mdi-phone-dial::before{content:"\F1559"}.mdi-phone-dial-outline::before{content:"\F155A"}.mdi-phone-forward::before{content:"\F03F4"}.mdi-phone-forward-outline::before{content:"\F1191"}.mdi-phone-hangup::before{content:"\F03F5"}.mdi-phone-hangup-outline::before{content:"\F1192"}.mdi-phone-in-talk::before{content:"\F03F6"}.mdi-phone-in-talk-outline::before{content:"\F1182"}.mdi-phone-incoming::before{content:"\F03F7"}.mdi-phone-incoming-outgoing::before{content:"\F1B3F"}.mdi-phone-incoming-outgoing-outline::before{content:"\F1B40"}.mdi-phone-incoming-outline::before{content:"\F1193"}.mdi-phone-lock::before{content:"\F03F8"}.mdi-phone-lock-outline::before{content:"\F1194"}.mdi-phone-log::before{content:"\F03F9"}.mdi-phone-log-outline::before{content:"\F1195"}.mdi-phone-message::before{content:"\F1196"}.mdi-phone-message-outline::before{content:"\F1197"}.mdi-phone-minus::before{content:"\F0658"}.mdi-phone-minus-outline::before{content:"\F1198"}.mdi-phone-missed::before{content:"\F03FA"}.mdi-phone-missed-outline::before{content:"\F11A5"}.mdi-phone-off::before{content:"\F0DEF"}.mdi-phone-off-outline::before{content:"\F11A6"}.mdi-phone-outgoing::before{content:"\F03FB"}.mdi-phone-outgoing-outline::before{content:"\F1199"}.mdi-phone-outline::before{content:"\F0DF0"}.mdi-phone-paused::before{content:"\F03FC"}.mdi-phone-paused-outline::before{content:"\F119A"}.mdi-phone-plus::before{content:"\F0659"}.mdi-phone-plus-outline::before{content:"\F119B"}.mdi-phone-refresh::before{content:"\F1993"}.mdi-phone-refresh-outline::before{content:"\F1994"}.mdi-phone-remove::before{content:"\F152F"}.mdi-phone-remove-outline::before{content:"\F1530"}.mdi-phone-return::before{content:"\F082F"}.mdi-phone-return-outline::before{content:"\F119C"}.mdi-phone-ring::before{content:"\F11AB"}.mdi-phone-ring-outline::before{content:"\F11AC"}.mdi-phone-rotate-landscape::before{content:"\F0885"}.mdi-phone-rotate-portrait::before{content:"\F0886"}.mdi-phone-settings::before{content:"\F03FD"}.mdi-phone-settings-outline::before{content:"\F119D"}.mdi-phone-sync::before{content:"\F1995"}.mdi-phone-sync-outline::before{content:"\F1996"}.mdi-phone-voip::before{content:"\F03FE"}.mdi-pi::before{content:"\F03FF"}.mdi-pi-box::before{content:"\F0400"}.mdi-pi-hole::before{content:"\F0DF1"}.mdi-piano::before{content:"\F067D"}.mdi-piano-off::before{content:"\F0698"}.mdi-pickaxe::before{content:"\F08B7"}.mdi-picture-in-picture-bottom-right::before{content:"\F0E57"}.mdi-picture-in-picture-bottom-right-outline::before{content:"\F0E58"}.mdi-picture-in-picture-top-right::before{content:"\F0E59"}.mdi-picture-in-picture-top-right-outline::before{content:"\F0E5A"}.mdi-pier::before{content:"\F0887"}.mdi-pier-crane::before{content:"\F0888"}.mdi-pig::before{content:"\F0401"}.mdi-pig-variant::before{content:"\F1006"}.mdi-pig-variant-outline::before{content:"\F1678"}.mdi-piggy-bank::before{content:"\F1007"}.mdi-piggy-bank-outline::before{content:"\F1679"}.mdi-pill::before{content:"\F0402"}.mdi-pill-multiple::before{content:"\F1B4C"}.mdi-pill-off::before{content:"\F1A5C"}.mdi-pillar::before{content:"\F0702"}.mdi-pin::before{content:"\F0403"}.mdi-pin-off::before{content:"\F0404"}.mdi-pin-off-outline::before{content:"\F0930"}.mdi-pin-outline::before{content:"\F0931"}.mdi-pine-tree::before{content:"\F0405"}.mdi-pine-tree-box::before{content:"\F0406"}.mdi-pine-tree-fire::before{content:"\F141A"}.mdi-pine-tree-variant::before{content:"\F1C73"}.mdi-pine-tree-variant-outline::before{content:"\F1C74"}.mdi-pinterest::before{content:"\F0407"}.mdi-pinwheel::before{content:"\F0AD5"}.mdi-pinwheel-outline::before{content:"\F0AD6"}.mdi-pipe::before{content:"\F07E5"}.mdi-pipe-disconnected::before{content:"\F07E6"}.mdi-pipe-leak::before{content:"\F0889"}.mdi-pipe-valve::before{content:"\F184D"}.mdi-pipe-wrench::before{content:"\F1354"}.mdi-pirate::before{content:"\F0A08"}.mdi-pistol::before{content:"\F0703"}.mdi-piston::before{content:"\F088A"}.mdi-pitchfork::before{content:"\F1553"}.mdi-pizza::before{content:"\F0409"}.mdi-plane-car::before{content:"\F1AFF"}.mdi-plane-train::before{content:"\F1B00"}.mdi-play::before{content:"\F040A"}.mdi-play-box::before{content:"\F127A"}.mdi-play-box-edit-outline::before{content:"\F1C3A"}.mdi-play-box-lock::before{content:"\F1A16"}.mdi-play-box-lock-open::before{content:"\F1A17"}.mdi-play-box-lock-open-outline::before{content:"\F1A18"}.mdi-play-box-lock-outline::before{content:"\F1A19"}.mdi-play-box-multiple::before{content:"\F0D19"}.mdi-play-box-multiple-outline::before{content:"\F13E6"}.mdi-play-box-outline::before{content:"\F040B"}.mdi-play-circle::before{content:"\F040C"}.mdi-play-circle-outline::before{content:"\F040D"}.mdi-play-network::before{content:"\F088B"}.mdi-play-network-outline::before{content:"\F0CB7"}.mdi-play-outline::before{content:"\F0F1B"}.mdi-play-pause::before{content:"\F040E"}.mdi-play-protected-content::before{content:"\F040F"}.mdi-play-speed::before{content:"\F08FF"}.mdi-playlist-check::before{content:"\F05C7"}.mdi-playlist-edit::before{content:"\F0900"}.mdi-playlist-minus::before{content:"\F0410"}.mdi-playlist-music::before{content:"\F0CB8"}.mdi-playlist-music-outline::before{content:"\F0CB9"}.mdi-playlist-play::before{content:"\F0411"}.mdi-playlist-plus::before{content:"\F0412"}.mdi-playlist-remove::before{content:"\F0413"}.mdi-playlist-star::before{content:"\F0DF2"}.mdi-plex::before{content:"\F06BA"}.mdi-pliers::before{content:"\F19A4"}.mdi-plus::before{content:"\F0415"}.mdi-plus-box::before{content:"\F0416"}.mdi-plus-box-multiple::before{content:"\F0334"}.mdi-plus-box-multiple-outline::before{content:"\F1143"}.mdi-plus-box-outline::before{content:"\F0704"}.mdi-plus-circle::before{content:"\F0417"}.mdi-plus-circle-multiple::before{content:"\F034C"}.mdi-plus-circle-multiple-outline::before{content:"\F0418"}.mdi-plus-circle-outline::before{content:"\F0419"}.mdi-plus-lock::before{content:"\F1A5D"}.mdi-plus-lock-open::before{content:"\F1A5E"}.mdi-plus-minus::before{content:"\F0992"}.mdi-plus-minus-box::before{content:"\F0993"}.mdi-plus-minus-variant::before{content:"\F14C9"}.mdi-plus-network::before{content:"\F041A"}.mdi-plus-network-outline::before{content:"\F0CBA"}.mdi-plus-outline::before{content:"\F0705"}.mdi-plus-thick::before{content:"\F11EC"}.mdi-pocket::before{content:"\F1CBE"}.mdi-podcast::before{content:"\F0994"}.mdi-podium::before{content:"\F0D25"}.mdi-podium-bronze::before{content:"\F0D26"}.mdi-podium-gold::before{content:"\F0D27"}.mdi-podium-silver::before{content:"\F0D28"}.mdi-point-of-sale::before{content:"\F0D92"}.mdi-pokeball::before{content:"\F041D"}.mdi-pokemon-go::before{content:"\F0A09"}.mdi-poker-chip::before{content:"\F0830"}.mdi-polaroid::before{content:"\F041E"}.mdi-police-badge::before{content:"\F1167"}.mdi-police-badge-outline::before{content:"\F1168"}.mdi-police-station::before{content:"\F1839"}.mdi-poll::before{content:"\F041F"}.mdi-polo::before{content:"\F14C3"}.mdi-polymer::before{content:"\F0421"}.mdi-pool::before{content:"\F0606"}.mdi-pool-thermometer::before{content:"\F1A5F"}.mdi-popcorn::before{content:"\F0422"}.mdi-post::before{content:"\F1008"}.mdi-post-lamp::before{content:"\F1A60"}.mdi-post-outline::before{content:"\F1009"}.mdi-postage-stamp::before{content:"\F0CBB"}.mdi-pot::before{content:"\F02E5"}.mdi-pot-mix::before{content:"\F065B"}.mdi-pot-mix-outline::before{content:"\F0677"}.mdi-pot-outline::before{content:"\F02FF"}.mdi-pot-steam::before{content:"\F065A"}.mdi-pot-steam-outline::before{content:"\F0326"}.mdi-pound::before{content:"\F0423"}.mdi-pound-box::before{content:"\F0424"}.mdi-pound-box-outline::before{content:"\F117F"}.mdi-power::before{content:"\F0425"}.mdi-power-cycle::before{content:"\F0901"}.mdi-power-off::before{content:"\F0902"}.mdi-power-on::before{content:"\F0903"}.mdi-power-plug::before{content:"\F06A5"}.mdi-power-plug-battery::before{content:"\F1C3B"}.mdi-power-plug-battery-outline::before{content:"\F1C3C"}.mdi-power-plug-off::before{content:"\F06A6"}.mdi-power-plug-off-outline::before{content:"\F1424"}.mdi-power-plug-outline::before{content:"\F1425"}.mdi-power-settings::before{content:"\F0426"}.mdi-power-sleep::before{content:"\F0904"}.mdi-power-socket::before{content:"\F0427"}.mdi-power-socket-au::before{content:"\F0905"}.mdi-power-socket-ch::before{content:"\F0FB3"}.mdi-power-socket-de::before{content:"\F1107"}.mdi-power-socket-eu::before{content:"\F07E7"}.mdi-power-socket-fr::before{content:"\F1108"}.mdi-power-socket-it::before{content:"\F14FF"}.mdi-power-socket-jp::before{content:"\F1109"}.mdi-power-socket-uk::before{content:"\F07E8"}.mdi-power-socket-us::before{content:"\F07E9"}.mdi-power-standby::before{content:"\F0906"}.mdi-powershell::before{content:"\F0A0A"}.mdi-prescription::before{content:"\F0706"}.mdi-presentation::before{content:"\F0428"}.mdi-presentation-play::before{content:"\F0429"}.mdi-pretzel::before{content:"\F1562"}.mdi-printer::before{content:"\F042A"}.mdi-printer-3d::before{content:"\F042B"}.mdi-printer-3d-nozzle::before{content:"\F0E5B"}.mdi-printer-3d-nozzle-alert::before{content:"\F11C0"}.mdi-printer-3d-nozzle-alert-outline::before{content:"\F11C1"}.mdi-printer-3d-nozzle-heat::before{content:"\F18B8"}.mdi-printer-3d-nozzle-heat-outline::before{content:"\F18B9"}.mdi-printer-3d-nozzle-off::before{content:"\F1B19"}.mdi-printer-3d-nozzle-off-outline::before{content:"\F1B1A"}.mdi-printer-3d-nozzle-outline::before{content:"\F0E5C"}.mdi-printer-3d-off::before{content:"\F1B0E"}.mdi-printer-alert::before{content:"\F042C"}.mdi-printer-check::before{content:"\F1146"}.mdi-printer-eye::before{content:"\F1458"}.mdi-printer-off::before{content:"\F0E5D"}.mdi-printer-off-outline::before{content:"\F1785"}.mdi-printer-outline::before{content:"\F1786"}.mdi-printer-pos::before{content:"\F1057"}.mdi-printer-pos-alert::before{content:"\F1BBC"}.mdi-printer-pos-alert-outline::before{content:"\F1BBD"}.mdi-printer-pos-cancel::before{content:"\F1BBE"}.mdi-printer-pos-cancel-outline::before{content:"\F1BBF"}.mdi-printer-pos-check::before{content:"\F1BC0"}.mdi-printer-pos-check-outline::before{content:"\F1BC1"}.mdi-printer-pos-cog::before{content:"\F1BC2"}.mdi-printer-pos-cog-outline::before{content:"\F1BC3"}.mdi-printer-pos-edit::before{content:"\F1BC4"}.mdi-printer-pos-edit-outline::before{content:"\F1BC5"}.mdi-printer-pos-minus::before{content:"\F1BC6"}.mdi-printer-pos-minus-outline::before{content:"\F1BC7"}.mdi-printer-pos-network::before{content:"\F1BC8"}.mdi-printer-pos-network-outline::before{content:"\F1BC9"}.mdi-printer-pos-off::before{content:"\F1BCA"}.mdi-printer-pos-off-outline::before{content:"\F1BCB"}.mdi-printer-pos-outline::before{content:"\F1BCC"}.mdi-printer-pos-pause::before{content:"\F1BCD"}.mdi-printer-pos-pause-outline::before{content:"\F1BCE"}.mdi-printer-pos-play::before{content:"\F1BCF"}.mdi-printer-pos-play-outline::before{content:"\F1BD0"}.mdi-printer-pos-plus::before{content:"\F1BD1"}.mdi-printer-pos-plus-outline::before{content:"\F1BD2"}.mdi-printer-pos-refresh::before{content:"\F1BD3"}.mdi-printer-pos-refresh-outline::before{content:"\F1BD4"}.mdi-printer-pos-remove::before{content:"\F1BD5"}.mdi-printer-pos-remove-outline::before{content:"\F1BD6"}.mdi-printer-pos-star::before{content:"\F1BD7"}.mdi-printer-pos-star-outline::before{content:"\F1BD8"}.mdi-printer-pos-stop::before{content:"\F1BD9"}.mdi-printer-pos-stop-outline::before{content:"\F1BDA"}.mdi-printer-pos-sync::before{content:"\F1BDB"}.mdi-printer-pos-sync-outline::before{content:"\F1BDC"}.mdi-printer-pos-wrench::before{content:"\F1BDD"}.mdi-printer-pos-wrench-outline::before{content:"\F1BDE"}.mdi-printer-search::before{content:"\F1457"}.mdi-printer-settings::before{content:"\F0707"}.mdi-printer-wireless::before{content:"\F0A0B"}.mdi-priority-high::before{content:"\F0603"}.mdi-priority-low::before{content:"\F0604"}.mdi-professional-hexagon::before{content:"\F042D"}.mdi-progress-alert::before{content:"\F0CBC"}.mdi-progress-check::before{content:"\F0995"}.mdi-progress-clock::before{content:"\F0996"}.mdi-progress-close::before{content:"\F110A"}.mdi-progress-download::before{content:"\F0997"}.mdi-progress-helper::before{content:"\F1BA2"}.mdi-progress-pencil::before{content:"\F1787"}.mdi-progress-question::before{content:"\F1522"}.mdi-progress-star::before{content:"\F1788"}.mdi-progress-star-four-points::before{content:"\F1C3D"}.mdi-progress-tag::before{content:"\F1D0D"}.mdi-progress-upload::before{content:"\F0998"}.mdi-progress-wrench::before{content:"\F0CBD"}.mdi-projector::before{content:"\F042E"}.mdi-projector-off::before{content:"\F1A23"}.mdi-projector-screen::before{content:"\F042F"}.mdi-projector-screen-off::before{content:"\F180D"}.mdi-projector-screen-off-outline::before{content:"\F180E"}.mdi-projector-screen-outline::before{content:"\F1724"}.mdi-projector-screen-variant::before{content:"\F180F"}.mdi-projector-screen-variant-off::before{content:"\F1810"}.mdi-projector-screen-variant-off-outline::before{content:"\F1811"}.mdi-projector-screen-variant-outline::before{content:"\F1812"}.mdi-propane-tank::before{content:"\F1357"}.mdi-propane-tank-outline::before{content:"\F1358"}.mdi-protocol::before{content:"\F0FD8"}.mdi-publish::before{content:"\F06A7"}.mdi-publish-off::before{content:"\F1945"}.mdi-pulse::before{content:"\F0430"}.mdi-pump::before{content:"\F1402"}.mdi-pump-off::before{content:"\F1B22"}.mdi-pumpkin::before{content:"\F0BBF"}.mdi-purse::before{content:"\F0F1C"}.mdi-purse-outline::before{content:"\F0F1D"}.mdi-puzzle::before{content:"\F0431"}.mdi-puzzle-check::before{content:"\F1426"}.mdi-puzzle-check-outline::before{content:"\F1427"}.mdi-puzzle-edit::before{content:"\F14D3"}.mdi-puzzle-edit-outline::before{content:"\F14D9"}.mdi-puzzle-heart::before{content:"\F14D4"}.mdi-puzzle-heart-outline::before{content:"\F14DA"}.mdi-puzzle-minus::before{content:"\F14D1"}.mdi-puzzle-minus-outline::before{content:"\F14D7"}.mdi-puzzle-outline::before{content:"\F0A66"}.mdi-puzzle-plus::before{content:"\F14D0"}.mdi-puzzle-plus-outline::before{content:"\F14D6"}.mdi-puzzle-remove::before{content:"\F14D2"}.mdi-puzzle-remove-outline::before{content:"\F14D8"}.mdi-puzzle-star::before{content:"\F14D5"}.mdi-puzzle-star-outline::before{content:"\F14DB"}.mdi-pyramid::before{content:"\F1952"}.mdi-pyramid-off::before{content:"\F1953"}.mdi-qi::before{content:"\F0999"}.mdi-qqchat::before{content:"\F0605"}.mdi-qrcode::before{content:"\F0432"}.mdi-qrcode-edit::before{content:"\F08B8"}.mdi-qrcode-minus::before{content:"\F118C"}.mdi-qrcode-plus::before{content:"\F118B"}.mdi-qrcode-remove::before{content:"\F118D"}.mdi-qrcode-scan::before{content:"\F0433"}.mdi-quadcopter::before{content:"\F0434"}.mdi-quality-high::before{content:"\F0435"}.mdi-quality-low::before{content:"\F0A0C"}.mdi-quality-medium::before{content:"\F0A0D"}.mdi-queue-first-in-last-out::before{content:"\F1CAF"}.mdi-quora::before{content:"\F0D29"}.mdi-rabbit::before{content:"\F0907"}.mdi-rabbit-variant::before{content:"\F1A61"}.mdi-rabbit-variant-outline::before{content:"\F1A62"}.mdi-racing-helmet::before{content:"\F0D93"}.mdi-racquetball::before{content:"\F0D94"}.mdi-radar::before{content:"\F0437"}.mdi-radiator::before{content:"\F0438"}.mdi-radiator-disabled::before{content:"\F0AD7"}.mdi-radiator-off::before{content:"\F0AD8"}.mdi-radio::before{content:"\F0439"}.mdi-radio-am::before{content:"\F0CBE"}.mdi-radio-fm::before{content:"\F0CBF"}.mdi-radio-handheld::before{content:"\F043A"}.mdi-radio-off::before{content:"\F121C"}.mdi-radio-tower::before{content:"\F043B"}.mdi-radioactive::before{content:"\F043C"}.mdi-radioactive-circle::before{content:"\F185D"}.mdi-radioactive-circle-outline::before{content:"\F185E"}.mdi-radioactive-off::before{content:"\F0EC1"}.mdi-radiobox-blank::before{content:"\F043D"}.mdi-radiobox-indeterminate-variant::before{content:"\F1C5E"}.mdi-radiobox-marked::before{content:"\F043E"}.mdi-radiology-box::before{content:"\F14C5"}.mdi-radiology-box-outline::before{content:"\F14C6"}.mdi-radius::before{content:"\F0CC0"}.mdi-radius-outline::before{content:"\F0CC1"}.mdi-railroad-light::before{content:"\F0F1E"}.mdi-rake::before{content:"\F1544"}.mdi-raspberry-pi::before{content:"\F043F"}.mdi-raw::before{content:"\F1A0F"}.mdi-raw-off::before{content:"\F1A10"}.mdi-ray-end::before{content:"\F0440"}.mdi-ray-end-arrow::before{content:"\F0441"}.mdi-ray-start::before{content:"\F0442"}.mdi-ray-start-arrow::before{content:"\F0443"}.mdi-ray-start-end::before{content:"\F0444"}.mdi-ray-start-vertex-end::before{content:"\F15D8"}.mdi-ray-vertex::before{content:"\F0445"}.mdi-razor-double-edge::before{content:"\F1997"}.mdi-razor-single-edge::before{content:"\F1998"}.mdi-react::before{content:"\F0708"}.mdi-read::before{content:"\F0447"}.mdi-receipt::before{content:"\F0824"}.mdi-receipt-clock::before{content:"\F1C3E"}.mdi-receipt-clock-outline::before{content:"\F1C3F"}.mdi-receipt-outline::before{content:"\F04F7"}.mdi-receipt-send::before{content:"\F1C40"}.mdi-receipt-send-outline::before{content:"\F1C41"}.mdi-receipt-text::before{content:"\F0449"}.mdi-receipt-text-arrow-left::before{content:"\F1C42"}.mdi-receipt-text-arrow-left-outline::before{content:"\F1C43"}.mdi-receipt-text-arrow-right::before{content:"\F1C44"}.mdi-receipt-text-arrow-right-outline::before{content:"\F1C45"}.mdi-receipt-text-check::before{content:"\F1A63"}.mdi-receipt-text-check-outline::before{content:"\F1A64"}.mdi-receipt-text-clock::before{content:"\F1C46"}.mdi-receipt-text-clock-outline::before{content:"\F1C47"}.mdi-receipt-text-edit::before{content:"\F1C48"}.mdi-receipt-text-edit-outline::before{content:"\F1C49"}.mdi-receipt-text-minus::before{content:"\F1A65"}.mdi-receipt-text-minus-outline::before{content:"\F1A66"}.mdi-receipt-text-outline::before{content:"\F19DC"}.mdi-receipt-text-plus::before{content:"\F1A67"}.mdi-receipt-text-plus-outline::before{content:"\F1A68"}.mdi-receipt-text-remove::before{content:"\F1A69"}.mdi-receipt-text-remove-outline::before{content:"\F1A6A"}.mdi-receipt-text-send::before{content:"\F1C4A"}.mdi-receipt-text-send-outline::before{content:"\F1C4B"}.mdi-record::before{content:"\F044A"}.mdi-record-circle::before{content:"\F0EC2"}.mdi-record-circle-outline::before{content:"\F0EC3"}.mdi-record-player::before{content:"\F099A"}.mdi-record-rec::before{content:"\F044B"}.mdi-rectangle::before{content:"\F0E5E"}.mdi-rectangle-outline::before{content:"\F0E5F"}.mdi-recycle::before{content:"\F044C"}.mdi-recycle-variant::before{content:"\F139D"}.mdi-reddit::before{content:"\F044D"}.mdi-redhat::before{content:"\F111B"}.mdi-redo::before{content:"\F044E"}.mdi-redo-variant::before{content:"\F044F"}.mdi-reflect-horizontal::before{content:"\F0A0E"}.mdi-reflect-vertical::before{content:"\F0A0F"}.mdi-refresh::before{content:"\F0450"}.mdi-refresh-auto::before{content:"\F18F2"}.mdi-refresh-circle::before{content:"\F1377"}.mdi-regex::before{content:"\F0451"}.mdi-registered-trademark::before{content:"\F0A67"}.mdi-reiterate::before{content:"\F1588"}.mdi-relation-many-to-many::before{content:"\F1496"}.mdi-relation-many-to-one::before{content:"\F1497"}.mdi-relation-many-to-one-or-many::before{content:"\F1498"}.mdi-relation-many-to-only-one::before{content:"\F1499"}.mdi-relation-many-to-zero-or-many::before{content:"\F149A"}.mdi-relation-many-to-zero-or-one::before{content:"\F149B"}.mdi-relation-one-or-many-to-many::before{content:"\F149C"}.mdi-relation-one-or-many-to-one::before{content:"\F149D"}.mdi-relation-one-or-many-to-one-or-many::before{content:"\F149E"}.mdi-relation-one-or-many-to-only-one::before{content:"\F149F"}.mdi-relation-one-or-many-to-zero-or-many::before{content:"\F14A0"}.mdi-relation-one-or-many-to-zero-or-one::before{content:"\F14A1"}.mdi-relation-one-to-many::before{content:"\F14A2"}.mdi-relation-one-to-one::before{content:"\F14A3"}.mdi-relation-one-to-one-or-many::before{content:"\F14A4"}.mdi-relation-one-to-only-one::before{content:"\F14A5"}.mdi-relation-one-to-zero-or-many::before{content:"\F14A6"}.mdi-relation-one-to-zero-or-one::before{content:"\F14A7"}.mdi-relation-only-one-to-many::before{content:"\F14A8"}.mdi-relation-only-one-to-one::before{content:"\F14A9"}.mdi-relation-only-one-to-one-or-many::before{content:"\F14AA"}.mdi-relation-only-one-to-only-one::before{content:"\F14AB"}.mdi-relation-only-one-to-zero-or-many::before{content:"\F14AC"}.mdi-relation-only-one-to-zero-or-one::before{content:"\F14AD"}.mdi-relation-zero-or-many-to-many::before{content:"\F14AE"}.mdi-relation-zero-or-many-to-one::before{content:"\F14AF"}.mdi-relation-zero-or-many-to-one-or-many::before{content:"\F14B0"}.mdi-relation-zero-or-many-to-only-one::before{content:"\F14B1"}.mdi-relation-zero-or-many-to-zero-or-many::before{content:"\F14B2"}.mdi-relation-zero-or-many-to-zero-or-one::before{content:"\F14B3"}.mdi-relation-zero-or-one-to-many::before{content:"\F14B4"}.mdi-relation-zero-or-one-to-one::before{content:"\F14B5"}.mdi-relation-zero-or-one-to-one-or-many::before{content:"\F14B6"}.mdi-relation-zero-or-one-to-only-one::before{content:"\F14B7"}.mdi-relation-zero-or-one-to-zero-or-many::before{content:"\F14B8"}.mdi-relation-zero-or-one-to-zero-or-one::before{content:"\F14B9"}.mdi-relative-scale::before{content:"\F0452"}.mdi-reload::before{content:"\F0453"}.mdi-reload-alert::before{content:"\F110B"}.mdi-reminder::before{content:"\F088C"}.mdi-remote::before{content:"\F0454"}.mdi-remote-desktop::before{content:"\F08B9"}.mdi-remote-off::before{content:"\F0EC4"}.mdi-remote-tv::before{content:"\F0EC5"}.mdi-remote-tv-off::before{content:"\F0EC6"}.mdi-rename::before{content:"\F1C18"}.mdi-rename-box::before{content:"\F0455"}.mdi-rename-box-outline::before{content:"\F1C19"}.mdi-rename-outline::before{content:"\F1C1A"}.mdi-reorder-horizontal::before{content:"\F0688"}.mdi-reorder-vertical::before{content:"\F0689"}.mdi-repeat::before{content:"\F0456"}.mdi-repeat-off::before{content:"\F0457"}.mdi-repeat-once::before{content:"\F0458"}.mdi-repeat-variant::before{content:"\F0547"}.mdi-replay::before{content:"\F0459"}.mdi-reply::before{content:"\F045A"}.mdi-reply-all::before{content:"\F045B"}.mdi-reply-all-outline::before{content:"\F0F1F"}.mdi-reply-circle::before{content:"\F11AE"}.mdi-reply-outline::before{content:"\F0F20"}.mdi-reproduction::before{content:"\F045C"}.mdi-resistor::before{content:"\F0B44"}.mdi-resistor-nodes::before{content:"\F0B45"}.mdi-resize::before{content:"\F0A68"}.mdi-resize-bottom-right::before{content:"\F045D"}.mdi-responsive::before{content:"\F045E"}.mdi-restart::before{content:"\F0709"}.mdi-restart-alert::before{content:"\F110C"}.mdi-restart-off::before{content:"\F0D95"}.mdi-restore::before{content:"\F099B"}.mdi-restore-alert::before{content:"\F110D"}.mdi-rewind::before{content:"\F045F"}.mdi-rewind-10::before{content:"\F0D2A"}.mdi-rewind-15::before{content:"\F1946"}.mdi-rewind-30::before{content:"\F0D96"}.mdi-rewind-45::before{content:"\F1B13"}.mdi-rewind-5::before{content:"\F11F9"}.mdi-rewind-60::before{content:"\F160C"}.mdi-rewind-outline::before{content:"\F070A"}.mdi-rhombus::before{content:"\F070B"}.mdi-rhombus-medium::before{content:"\F0A10"}.mdi-rhombus-medium-outline::before{content:"\F14DC"}.mdi-rhombus-outline::before{content:"\F070C"}.mdi-rhombus-split::before{content:"\F0A11"}.mdi-rhombus-split-outline::before{content:"\F14DD"}.mdi-ribbon::before{content:"\F0460"}.mdi-rice::before{content:"\F07EA"}.mdi-rickshaw::before{content:"\F15BB"}.mdi-rickshaw-electric::before{content:"\F15BC"}.mdi-ring::before{content:"\F07EB"}.mdi-rivet::before{content:"\F0E60"}.mdi-road::before{content:"\F0461"}.mdi-road-variant::before{content:"\F0462"}.mdi-robber::before{content:"\F1058"}.mdi-robot::before{content:"\F06A9"}.mdi-robot-angry::before{content:"\F169D"}.mdi-robot-angry-outline::before{content:"\F169E"}.mdi-robot-confused::before{content:"\F169F"}.mdi-robot-confused-outline::before{content:"\F16A0"}.mdi-robot-dead::before{content:"\F16A1"}.mdi-robot-dead-outline::before{content:"\F16A2"}.mdi-robot-excited::before{content:"\F16A3"}.mdi-robot-excited-outline::before{content:"\F16A4"}.mdi-robot-happy::before{content:"\F1719"}.mdi-robot-happy-outline::before{content:"\F171A"}.mdi-robot-industrial::before{content:"\F0B46"}.mdi-robot-industrial-outline::before{content:"\F1A1A"}.mdi-robot-love::before{content:"\F16A5"}.mdi-robot-love-outline::before{content:"\F16A6"}.mdi-robot-mower::before{content:"\F11F7"}.mdi-robot-mower-outline::before{content:"\F11F3"}.mdi-robot-off::before{content:"\F16A7"}.mdi-robot-off-outline::before{content:"\F167B"}.mdi-robot-outline::before{content:"\F167A"}.mdi-robot-vacuum::before{content:"\F070D"}.mdi-robot-vacuum-alert::before{content:"\F1B5D"}.mdi-robot-vacuum-off::before{content:"\F1C01"}.mdi-robot-vacuum-variant::before{content:"\F0908"}.mdi-robot-vacuum-variant-alert::before{content:"\F1B5E"}.mdi-robot-vacuum-variant-off::before{content:"\F1C02"}.mdi-rocket::before{content:"\F0463"}.mdi-rocket-launch::before{content:"\F14DE"}.mdi-rocket-launch-outline::before{content:"\F14DF"}.mdi-rocket-outline::before{content:"\F13AF"}.mdi-rodent::before{content:"\F1327"}.mdi-roller-shade::before{content:"\F1A6B"}.mdi-roller-shade-closed::before{content:"\F1A6C"}.mdi-roller-skate::before{content:"\F0D2B"}.mdi-roller-skate-off::before{content:"\F0145"}.mdi-rollerblade::before{content:"\F0D2C"}.mdi-rollerblade-off::before{content:"\F002E"}.mdi-rollupjs::before{content:"\F0BC0"}.mdi-rolodex::before{content:"\F1AB9"}.mdi-rolodex-outline::before{content:"\F1ABA"}.mdi-roman-numeral-1::before{content:"\F1088"}.mdi-roman-numeral-10::before{content:"\F1091"}.mdi-roman-numeral-2::before{content:"\F1089"}.mdi-roman-numeral-3::before{content:"\F108A"}.mdi-roman-numeral-4::before{content:"\F108B"}.mdi-roman-numeral-5::before{content:"\F108C"}.mdi-roman-numeral-6::before{content:"\F108D"}.mdi-roman-numeral-7::before{content:"\F108E"}.mdi-roman-numeral-8::before{content:"\F108F"}.mdi-roman-numeral-9::before{content:"\F1090"}.mdi-room-service::before{content:"\F088D"}.mdi-room-service-outline::before{content:"\F0D97"}.mdi-rotate-360::before{content:"\F1999"}.mdi-rotate-3d::before{content:"\F0EC7"}.mdi-rotate-3d-variant::before{content:"\F0464"}.mdi-rotate-left::before{content:"\F0465"}.mdi-rotate-left-variant::before{content:"\F0466"}.mdi-rotate-orbit::before{content:"\F0D98"}.mdi-rotate-right::before{content:"\F0467"}.mdi-rotate-right-variant::before{content:"\F0468"}.mdi-rounded-corner::before{content:"\F0607"}.mdi-router::before{content:"\F11E2"}.mdi-router-network::before{content:"\F1087"}.mdi-router-network-wireless::before{content:"\F1C97"}.mdi-router-wireless::before{content:"\F0469"}.mdi-router-wireless-off::before{content:"\F15A3"}.mdi-router-wireless-settings::before{content:"\F0A69"}.mdi-routes::before{content:"\F046A"}.mdi-routes-clock::before{content:"\F1059"}.mdi-rowing::before{content:"\F0608"}.mdi-rss::before{content:"\F046B"}.mdi-rss-box::before{content:"\F046C"}.mdi-rss-off::before{content:"\F0F21"}.mdi-rug::before{content:"\F1475"}.mdi-rugby::before{content:"\F0D99"}.mdi-ruler::before{content:"\F046D"}.mdi-ruler-square::before{content:"\F0CC2"}.mdi-ruler-square-compass::before{content:"\F0EBE"}.mdi-run::before{content:"\F070E"}.mdi-run-fast::before{content:"\F046E"}.mdi-rv-truck::before{content:"\F11D4"}.mdi-sack::before{content:"\F0D2E"}.mdi-sack-outline::before{content:"\F1C4C"}.mdi-sack-percent::before{content:"\F0D2F"}.mdi-safe::before{content:"\F0A6A"}.mdi-safe-square::before{content:"\F127C"}.mdi-safe-square-outline::before{content:"\F127D"}.mdi-safety-goggles::before{content:"\F0D30"}.mdi-sail-boat::before{content:"\F0EC8"}.mdi-sail-boat-sink::before{content:"\F1AEF"}.mdi-sale::before{content:"\F046F"}.mdi-sale-outline::before{content:"\F1A06"}.mdi-salesforce::before{content:"\F088E"}.mdi-sass::before{content:"\F07EC"}.mdi-satellite::before{content:"\F0470"}.mdi-satellite-uplink::before{content:"\F0909"}.mdi-satellite-variant::before{content:"\F0471"}.mdi-sausage::before{content:"\F08BA"}.mdi-sausage-off::before{content:"\F1789"}.mdi-saw-blade::before{content:"\F0E61"}.mdi-sawtooth-wave::before{content:"\F147A"}.mdi-saxophone::before{content:"\F0609"}.mdi-scale::before{content:"\F0472"}.mdi-scale-balance::before{content:"\F05D1"}.mdi-scale-bathroom::before{content:"\F0473"}.mdi-scale-off::before{content:"\F105A"}.mdi-scale-unbalanced::before{content:"\F19B8"}.mdi-scan-helper::before{content:"\F13D8"}.mdi-scanner::before{content:"\F06AB"}.mdi-scanner-off::before{content:"\F090A"}.mdi-scatter-plot::before{content:"\F0EC9"}.mdi-scatter-plot-outline::before{content:"\F0ECA"}.mdi-scent::before{content:"\F1958"}.mdi-scent-off::before{content:"\F1959"}.mdi-school::before{content:"\F0474"}.mdi-school-outline::before{content:"\F1180"}.mdi-scissors-cutting::before{content:"\F0A6B"}.mdi-scooter::before{content:"\F15BD"}.mdi-scooter-electric::before{content:"\F15BE"}.mdi-scoreboard::before{content:"\F127E"}.mdi-scoreboard-outline::before{content:"\F127F"}.mdi-screen-rotation::before{content:"\F0475"}.mdi-screen-rotation-lock::before{content:"\F0478"}.mdi-screw-flat-top::before{content:"\F0DF3"}.mdi-screw-lag::before{content:"\F0DF4"}.mdi-screw-machine-flat-top::before{content:"\F0DF5"}.mdi-screw-machine-round-top::before{content:"\F0DF6"}.mdi-screw-round-top::before{content:"\F0DF7"}.mdi-screwdriver::before{content:"\F0476"}.mdi-script::before{content:"\F0BC1"}.mdi-script-outline::before{content:"\F0477"}.mdi-script-text::before{content:"\F0BC2"}.mdi-script-text-key::before{content:"\F1725"}.mdi-script-text-key-outline::before{content:"\F1726"}.mdi-script-text-outline::before{content:"\F0BC3"}.mdi-script-text-play::before{content:"\F1727"}.mdi-script-text-play-outline::before{content:"\F1728"}.mdi-sd::before{content:"\F0479"}.mdi-seal::before{content:"\F047A"}.mdi-seal-variant::before{content:"\F0FD9"}.mdi-search-web::before{content:"\F070F"}.mdi-seat::before{content:"\F0CC3"}.mdi-seat-flat::before{content:"\F047B"}.mdi-seat-flat-angled::before{content:"\F047C"}.mdi-seat-individual-suite::before{content:"\F047D"}.mdi-seat-legroom-extra::before{content:"\F047E"}.mdi-seat-legroom-normal::before{content:"\F047F"}.mdi-seat-legroom-reduced::before{content:"\F0480"}.mdi-seat-outline::before{content:"\F0CC4"}.mdi-seat-passenger::before{content:"\F1249"}.mdi-seat-recline-extra::before{content:"\F0481"}.mdi-seat-recline-normal::before{content:"\F0482"}.mdi-seatbelt::before{content:"\F0CC5"}.mdi-security::before{content:"\F0483"}.mdi-security-network::before{content:"\F0484"}.mdi-seed::before{content:"\F0E62"}.mdi-seed-off::before{content:"\F13FD"}.mdi-seed-off-outline::before{content:"\F13FE"}.mdi-seed-outline::before{content:"\F0E63"}.mdi-seed-plus::before{content:"\F1A6D"}.mdi-seed-plus-outline::before{content:"\F1A6E"}.mdi-seesaw::before{content:"\F15A4"}.mdi-segment::before{content:"\F0ECB"}.mdi-select::before{content:"\F0485"}.mdi-select-all::before{content:"\F0486"}.mdi-select-arrow-down::before{content:"\F1B59"}.mdi-select-arrow-up::before{content:"\F1B58"}.mdi-select-color::before{content:"\F0D31"}.mdi-select-compare::before{content:"\F0AD9"}.mdi-select-drag::before{content:"\F0A6C"}.mdi-select-group::before{content:"\F0F82"}.mdi-select-inverse::before{content:"\F0487"}.mdi-select-marker::before{content:"\F1280"}.mdi-select-multiple::before{content:"\F1281"}.mdi-select-multiple-marker::before{content:"\F1282"}.mdi-select-off::before{content:"\F0488"}.mdi-select-place::before{content:"\F0FDA"}.mdi-select-remove::before{content:"\F17C1"}.mdi-select-search::before{content:"\F1204"}.mdi-selection::before{content:"\F0489"}.mdi-selection-drag::before{content:"\F0A6D"}.mdi-selection-ellipse::before{content:"\F0D32"}.mdi-selection-ellipse-arrow-inside::before{content:"\F0F22"}.mdi-selection-ellipse-remove::before{content:"\F17C2"}.mdi-selection-marker::before{content:"\F1283"}.mdi-selection-multiple::before{content:"\F1285"}.mdi-selection-multiple-marker::before{content:"\F1284"}.mdi-selection-off::before{content:"\F0777"}.mdi-selection-remove::before{content:"\F17C3"}.mdi-selection-search::before{content:"\F1205"}.mdi-semantic-web::before{content:"\F1316"}.mdi-send::before{content:"\F048A"}.mdi-send-check::before{content:"\F1161"}.mdi-send-check-outline::before{content:"\F1162"}.mdi-send-circle::before{content:"\F0DF8"}.mdi-send-circle-outline::before{content:"\F0DF9"}.mdi-send-clock::before{content:"\F1163"}.mdi-send-clock-outline::before{content:"\F1164"}.mdi-send-lock::before{content:"\F07ED"}.mdi-send-lock-outline::before{content:"\F1166"}.mdi-send-outline::before{content:"\F1165"}.mdi-send-variant::before{content:"\F1C4D"}.mdi-send-variant-clock::before{content:"\F1C7E"}.mdi-send-variant-clock-outline::before{content:"\F1C7F"}.mdi-send-variant-outline::before{content:"\F1C4E"}.mdi-serial-port::before{content:"\F065C"}.mdi-server::before{content:"\F048B"}.mdi-server-minus::before{content:"\F048C"}.mdi-server-minus-outline::before{content:"\F1C98"}.mdi-server-network::before{content:"\F048D"}.mdi-server-network-off::before{content:"\F048E"}.mdi-server-network-outline::before{content:"\F1C99"}.mdi-server-off::before{content:"\F048F"}.mdi-server-outline::before{content:"\F1C9A"}.mdi-server-plus::before{content:"\F0490"}.mdi-server-plus-outline::before{content:"\F1C9B"}.mdi-server-remove::before{content:"\F0491"}.mdi-server-security::before{content:"\F0492"}.mdi-set-all::before{content:"\F0778"}.mdi-set-center::before{content:"\F0779"}.mdi-set-center-right::before{content:"\F077A"}.mdi-set-left::before{content:"\F077B"}.mdi-set-left-center::before{content:"\F077C"}.mdi-set-left-right::before{content:"\F077D"}.mdi-set-merge::before{content:"\F14E0"}.mdi-set-none::before{content:"\F077E"}.mdi-set-right::before{content:"\F077F"}.mdi-set-split::before{content:"\F14E1"}.mdi-set-square::before{content:"\F145D"}.mdi-set-top-box::before{content:"\F099F"}.mdi-settings-helper::before{content:"\F0A6E"}.mdi-shaker::before{content:"\F110E"}.mdi-shaker-outline::before{content:"\F110F"}.mdi-shape::before{content:"\F0831"}.mdi-shape-circle-plus::before{content:"\F065D"}.mdi-shape-outline::before{content:"\F0832"}.mdi-shape-oval-plus::before{content:"\F11FA"}.mdi-shape-plus::before{content:"\F0495"}.mdi-shape-plus-outline::before{content:"\F1C4F"}.mdi-shape-polygon-plus::before{content:"\F065E"}.mdi-shape-rectangle-plus::before{content:"\F065F"}.mdi-shape-square-plus::before{content:"\F0660"}.mdi-shape-square-rounded-plus::before{content:"\F14FA"}.mdi-share::before{content:"\F0496"}.mdi-share-all::before{content:"\F11F4"}.mdi-share-all-outline::before{content:"\F11F5"}.mdi-share-circle::before{content:"\F11AD"}.mdi-share-off::before{content:"\F0F23"}.mdi-share-off-outline::before{content:"\F0F24"}.mdi-share-outline::before{content:"\F0932"}.mdi-share-variant::before{content:"\F0497"}.mdi-share-variant-outline::before{content:"\F1514"}.mdi-shark::before{content:"\F18BA"}.mdi-shark-fin::before{content:"\F1673"}.mdi-shark-fin-outline::before{content:"\F1674"}.mdi-shark-off::before{content:"\F18BB"}.mdi-sheep::before{content:"\F0CC6"}.mdi-shield::before{content:"\F0498"}.mdi-shield-account::before{content:"\F088F"}.mdi-shield-account-outline::before{content:"\F0A12"}.mdi-shield-account-variant::before{content:"\F15A7"}.mdi-shield-account-variant-outline::before{content:"\F15A8"}.mdi-shield-airplane::before{content:"\F06BB"}.mdi-shield-airplane-outline::before{content:"\F0CC7"}.mdi-shield-alert::before{content:"\F0ECC"}.mdi-shield-alert-outline::before{content:"\F0ECD"}.mdi-shield-bug::before{content:"\F13DA"}.mdi-shield-bug-outline::before{content:"\F13DB"}.mdi-shield-car::before{content:"\F0F83"}.mdi-shield-check::before{content:"\F0565"}.mdi-shield-check-outline::before{content:"\F0CC8"}.mdi-shield-cross::before{content:"\F0CC9"}.mdi-shield-cross-outline::before{content:"\F0CCA"}.mdi-shield-crown::before{content:"\F18BC"}.mdi-shield-crown-outline::before{content:"\F18BD"}.mdi-shield-edit::before{content:"\F11A0"}.mdi-shield-edit-outline::before{content:"\F11A1"}.mdi-shield-half::before{content:"\F1360"}.mdi-shield-half-full::before{content:"\F0780"}.mdi-shield-home::before{content:"\F068A"}.mdi-shield-home-outline::before{content:"\F0CCB"}.mdi-shield-key::before{content:"\F0BC4"}.mdi-shield-key-outline::before{content:"\F0BC5"}.mdi-shield-link-variant::before{content:"\F0D33"}.mdi-shield-link-variant-outline::before{content:"\F0D34"}.mdi-shield-lock::before{content:"\F099D"}.mdi-shield-lock-open::before{content:"\F199A"}.mdi-shield-lock-open-outline::before{content:"\F199B"}.mdi-shield-lock-outline::before{content:"\F0CCC"}.mdi-shield-moon::before{content:"\F1828"}.mdi-shield-moon-outline::before{content:"\F1829"}.mdi-shield-off::before{content:"\F099E"}.mdi-shield-off-outline::before{content:"\F099C"}.mdi-shield-outline::before{content:"\F0499"}.mdi-shield-plus::before{content:"\F0ADA"}.mdi-shield-plus-outline::before{content:"\F0ADB"}.mdi-shield-refresh::before{content:"\F00AA"}.mdi-shield-refresh-outline::before{content:"\F01E0"}.mdi-shield-remove::before{content:"\F0ADC"}.mdi-shield-remove-outline::before{content:"\F0ADD"}.mdi-shield-search::before{content:"\F0D9A"}.mdi-shield-star::before{content:"\F113B"}.mdi-shield-star-outline::before{content:"\F113C"}.mdi-shield-sun::before{content:"\F105D"}.mdi-shield-sun-outline::before{content:"\F105E"}.mdi-shield-sword::before{content:"\F18BE"}.mdi-shield-sword-outline::before{content:"\F18BF"}.mdi-shield-sync::before{content:"\F11A2"}.mdi-shield-sync-outline::before{content:"\F11A3"}.mdi-shimmer::before{content:"\F1545"}.mdi-ship-wheel::before{content:"\F0833"}.mdi-shipping-pallet::before{content:"\F184E"}.mdi-shoe-ballet::before{content:"\F15CA"}.mdi-shoe-cleat::before{content:"\F15C7"}.mdi-shoe-formal::before{content:"\F0B47"}.mdi-shoe-heel::before{content:"\F0B48"}.mdi-shoe-print::before{content:"\F0DFA"}.mdi-shoe-sneaker::before{content:"\F15C8"}.mdi-shopping::before{content:"\F049A"}.mdi-shopping-music::before{content:"\F049B"}.mdi-shopping-outline::before{content:"\F11D5"}.mdi-shopping-search::before{content:"\F0F84"}.mdi-shopping-search-outline::before{content:"\F1A6F"}.mdi-shore::before{content:"\F14F9"}.mdi-shovel::before{content:"\F0710"}.mdi-shovel-off::before{content:"\F0711"}.mdi-shower::before{content:"\F09A0"}.mdi-shower-head::before{content:"\F09A1"}.mdi-shredder::before{content:"\F049C"}.mdi-shuffle::before{content:"\F049D"}.mdi-shuffle-disabled::before{content:"\F049E"}.mdi-shuffle-variant::before{content:"\F049F"}.mdi-shuriken::before{content:"\F137F"}.mdi-sickle::before{content:"\F18C0"}.mdi-sigma::before{content:"\F04A0"}.mdi-sigma-lower::before{content:"\F062B"}.mdi-sign-caution::before{content:"\F04A1"}.mdi-sign-direction::before{content:"\F0781"}.mdi-sign-direction-minus::before{content:"\F1000"}.mdi-sign-direction-plus::before{content:"\F0FDC"}.mdi-sign-direction-remove::before{content:"\F0FDD"}.mdi-sign-language::before{content:"\F1B4D"}.mdi-sign-language-outline::before{content:"\F1B4E"}.mdi-sign-pole::before{content:"\F14F8"}.mdi-sign-real-estate::before{content:"\F1118"}.mdi-sign-text::before{content:"\F0782"}.mdi-sign-yield::before{content:"\F1BAF"}.mdi-signal::before{content:"\F04A2"}.mdi-signal-2g::before{content:"\F0712"}.mdi-signal-3g::before{content:"\F0713"}.mdi-signal-4g::before{content:"\F0714"}.mdi-signal-5g::before{content:"\F0A6F"}.mdi-signal-cellular-1::before{content:"\F08BC"}.mdi-signal-cellular-2::before{content:"\F08BD"}.mdi-signal-cellular-3::before{content:"\F08BE"}.mdi-signal-cellular-outline::before{content:"\F08BF"}.mdi-signal-distance-variant::before{content:"\F0E64"}.mdi-signal-hspa::before{content:"\F0715"}.mdi-signal-hspa-plus::before{content:"\F0716"}.mdi-signal-off::before{content:"\F0783"}.mdi-signal-variant::before{content:"\F060A"}.mdi-signature::before{content:"\F0DFB"}.mdi-signature-freehand::before{content:"\F0DFC"}.mdi-signature-image::before{content:"\F0DFD"}.mdi-signature-text::before{content:"\F0DFE"}.mdi-silo::before{content:"\F1B9F"}.mdi-silo-outline::before{content:"\F0B49"}.mdi-silverware::before{content:"\F04A3"}.mdi-silverware-clean::before{content:"\F0FDE"}.mdi-silverware-fork::before{content:"\F04A4"}.mdi-silverware-fork-knife::before{content:"\F0A70"}.mdi-silverware-spoon::before{content:"\F04A5"}.mdi-silverware-variant::before{content:"\F04A6"}.mdi-sim::before{content:"\F04A7"}.mdi-sim-alert::before{content:"\F04A8"}.mdi-sim-alert-outline::before{content:"\F15D3"}.mdi-sim-off::before{content:"\F04A9"}.mdi-sim-off-outline::before{content:"\F15D4"}.mdi-sim-outline::before{content:"\F15D5"}.mdi-simple-icons::before{content:"\F131D"}.mdi-sina-weibo::before{content:"\F0ADF"}.mdi-sine-wave::before{content:"\F095B"}.mdi-sitemap::before{content:"\F04AA"}.mdi-sitemap-outline::before{content:"\F199C"}.mdi-size-l::before{content:"\F13A6"}.mdi-size-m::before{content:"\F13A5"}.mdi-size-s::before{content:"\F13A4"}.mdi-size-xl::before{content:"\F13A7"}.mdi-size-xs::before{content:"\F13A3"}.mdi-size-xxl::before{content:"\F13A8"}.mdi-size-xxs::before{content:"\F13A2"}.mdi-size-xxxl::before{content:"\F13A9"}.mdi-skate::before{content:"\F0D35"}.mdi-skate-off::before{content:"\F0699"}.mdi-skateboard::before{content:"\F14C2"}.mdi-skateboarding::before{content:"\F0501"}.mdi-skew-less::before{content:"\F0D36"}.mdi-skew-more::before{content:"\F0D37"}.mdi-ski::before{content:"\F1304"}.mdi-ski-cross-country::before{content:"\F1305"}.mdi-ski-water::before{content:"\F1306"}.mdi-skip-backward::before{content:"\F04AB"}.mdi-skip-backward-outline::before{content:"\F0F25"}.mdi-skip-forward::before{content:"\F04AC"}.mdi-skip-forward-outline::before{content:"\F0F26"}.mdi-skip-next::before{content:"\F04AD"}.mdi-skip-next-circle::before{content:"\F0661"}.mdi-skip-next-circle-outline::before{content:"\F0662"}.mdi-skip-next-outline::before{content:"\F0F27"}.mdi-skip-previous::before{content:"\F04AE"}.mdi-skip-previous-circle::before{content:"\F0663"}.mdi-skip-previous-circle-outline::before{content:"\F0664"}.mdi-skip-previous-outline::before{content:"\F0F28"}.mdi-skull::before{content:"\F068C"}.mdi-skull-crossbones::before{content:"\F0BC6"}.mdi-skull-crossbones-outline::before{content:"\F0BC7"}.mdi-skull-outline::before{content:"\F0BC8"}.mdi-skull-scan::before{content:"\F14C7"}.mdi-skull-scan-outline::before{content:"\F14C8"}.mdi-skype::before{content:"\F04AF"}.mdi-skype-business::before{content:"\F04B0"}.mdi-slack::before{content:"\F04B1"}.mdi-slash-forward::before{content:"\F0FDF"}.mdi-slash-forward-box::before{content:"\F0FE0"}.mdi-sledding::before{content:"\F041B"}.mdi-sleep::before{content:"\F04B2"}.mdi-sleep-off::before{content:"\F04B3"}.mdi-slide::before{content:"\F15A5"}.mdi-slope-downhill::before{content:"\F0DFF"}.mdi-slope-uphill::before{content:"\F0E00"}.mdi-slot-machine::before{content:"\F1114"}.mdi-slot-machine-outline::before{content:"\F1115"}.mdi-smart-card::before{content:"\F10BD"}.mdi-smart-card-off::before{content:"\F18F7"}.mdi-smart-card-off-outline::before{content:"\F18F8"}.mdi-smart-card-outline::before{content:"\F10BE"}.mdi-smart-card-reader::before{content:"\F10BF"}.mdi-smart-card-reader-outline::before{content:"\F10C0"}.mdi-smog::before{content:"\F0A71"}.mdi-smoke::before{content:"\F1799"}.mdi-smoke-detector::before{content:"\F0392"}.mdi-smoke-detector-alert::before{content:"\F192E"}.mdi-smoke-detector-alert-outline::before{content:"\F192F"}.mdi-smoke-detector-off::before{content:"\F1809"}.mdi-smoke-detector-off-outline::before{content:"\F180A"}.mdi-smoke-detector-outline::before{content:"\F1808"}.mdi-smoke-detector-variant::before{content:"\F180B"}.mdi-smoke-detector-variant-alert::before{content:"\F1930"}.mdi-smoke-detector-variant-off::before{content:"\F180C"}.mdi-smoking::before{content:"\F04B4"}.mdi-smoking-off::before{content:"\F04B5"}.mdi-smoking-pipe::before{content:"\F140D"}.mdi-smoking-pipe-off::before{content:"\F1428"}.mdi-snail::before{content:"\F1677"}.mdi-snake::before{content:"\F150E"}.mdi-snapchat::before{content:"\F04B6"}.mdi-snowboard::before{content:"\F1307"}.mdi-snowflake::before{content:"\F0717"}.mdi-snowflake-alert::before{content:"\F0F29"}.mdi-snowflake-check::before{content:"\F1A70"}.mdi-snowflake-melt::before{content:"\F12CB"}.mdi-snowflake-off::before{content:"\F14E3"}.mdi-snowflake-thermometer::before{content:"\F1A71"}.mdi-snowflake-variant::before{content:"\F0F2A"}.mdi-snowman::before{content:"\F04B7"}.mdi-snowmobile::before{content:"\F06DD"}.mdi-snowshoeing::before{content:"\F1A72"}.mdi-soccer::before{content:"\F04B8"}.mdi-soccer-field::before{content:"\F0834"}.mdi-social-distance-2-meters::before{content:"\F1579"}.mdi-social-distance-6-feet::before{content:"\F157A"}.mdi-sofa::before{content:"\F04B9"}.mdi-sofa-outline::before{content:"\F156D"}.mdi-sofa-single::before{content:"\F156E"}.mdi-sofa-single-outline::before{content:"\F156F"}.mdi-solar-panel::before{content:"\F0D9B"}.mdi-solar-panel-large::before{content:"\F0D9C"}.mdi-solar-power::before{content:"\F0A72"}.mdi-solar-power-variant::before{content:"\F1A73"}.mdi-solar-power-variant-outline::before{content:"\F1A74"}.mdi-soldering-iron::before{content:"\F1092"}.mdi-solid::before{content:"\F068D"}.mdi-sony-playstation::before{content:"\F0414"}.mdi-sort::before{content:"\F04BA"}.mdi-sort-alphabetical-ascending::before{content:"\F05BD"}.mdi-sort-alphabetical-ascending-variant::before{content:"\F1148"}.mdi-sort-alphabetical-descending::before{content:"\F05BF"}.mdi-sort-alphabetical-descending-variant::before{content:"\F1149"}.mdi-sort-alphabetical-variant::before{content:"\F04BB"}.mdi-sort-ascending::before{content:"\F04BC"}.mdi-sort-bool-ascending::before{content:"\F1385"}.mdi-sort-bool-ascending-variant::before{content:"\F1386"}.mdi-sort-bool-descending::before{content:"\F1387"}.mdi-sort-bool-descending-variant::before{content:"\F1388"}.mdi-sort-calendar-ascending::before{content:"\F1547"}.mdi-sort-calendar-descending::before{content:"\F1548"}.mdi-sort-clock-ascending::before{content:"\F1549"}.mdi-sort-clock-ascending-outline::before{content:"\F154A"}.mdi-sort-clock-descending::before{content:"\F154B"}.mdi-sort-clock-descending-outline::before{content:"\F154C"}.mdi-sort-descending::before{content:"\F04BD"}.mdi-sort-numeric-ascending::before{content:"\F1389"}.mdi-sort-numeric-ascending-variant::before{content:"\F090D"}.mdi-sort-numeric-descending::before{content:"\F138A"}.mdi-sort-numeric-descending-variant::before{content:"\F0AD2"}.mdi-sort-numeric-variant::before{content:"\F04BE"}.mdi-sort-reverse-variant::before{content:"\F033C"}.mdi-sort-variant::before{content:"\F04BF"}.mdi-sort-variant-lock::before{content:"\F0CCD"}.mdi-sort-variant-lock-open::before{content:"\F0CCE"}.mdi-sort-variant-off::before{content:"\F1ABB"}.mdi-sort-variant-remove::before{content:"\F1147"}.mdi-soundbar::before{content:"\F17DB"}.mdi-soundcloud::before{content:"\F04C0"}.mdi-source-branch::before{content:"\F062C"}.mdi-source-branch-check::before{content:"\F14CF"}.mdi-source-branch-minus::before{content:"\F14CB"}.mdi-source-branch-plus::before{content:"\F14CA"}.mdi-source-branch-refresh::before{content:"\F14CD"}.mdi-source-branch-remove::before{content:"\F14CC"}.mdi-source-branch-sync::before{content:"\F14CE"}.mdi-source-commit::before{content:"\F0718"}.mdi-source-commit-end::before{content:"\F0719"}.mdi-source-commit-end-local::before{content:"\F071A"}.mdi-source-commit-local::before{content:"\F071B"}.mdi-source-commit-next-local::before{content:"\F071C"}.mdi-source-commit-start::before{content:"\F071D"}.mdi-source-commit-start-next-local::before{content:"\F071E"}.mdi-source-fork::before{content:"\F04C1"}.mdi-source-merge::before{content:"\F062D"}.mdi-source-pull::before{content:"\F04C2"}.mdi-source-repository::before{content:"\F0CCF"}.mdi-source-repository-multiple::before{content:"\F0CD0"}.mdi-soy-sauce::before{content:"\F07EE"}.mdi-soy-sauce-off::before{content:"\F13FC"}.mdi-spa::before{content:"\F0CD1"}.mdi-spa-outline::before{content:"\F0CD2"}.mdi-space-invaders::before{content:"\F0BC9"}.mdi-space-station::before{content:"\F1383"}.mdi-spade::before{content:"\F0E65"}.mdi-speaker::before{content:"\F04C3"}.mdi-speaker-bluetooth::before{content:"\F09A2"}.mdi-speaker-message::before{content:"\F1B11"}.mdi-speaker-multiple::before{content:"\F0D38"}.mdi-speaker-off::before{content:"\F04C4"}.mdi-speaker-pause::before{content:"\F1B73"}.mdi-speaker-play::before{content:"\F1B72"}.mdi-speaker-stop::before{content:"\F1B74"}.mdi-speaker-wireless::before{content:"\F071F"}.mdi-spear::before{content:"\F1845"}.mdi-speedometer::before{content:"\F04C5"}.mdi-speedometer-medium::before{content:"\F0F85"}.mdi-speedometer-slow::before{content:"\F0F86"}.mdi-spellcheck::before{content:"\F04C6"}.mdi-sphere::before{content:"\F1954"}.mdi-sphere-off::before{content:"\F1955"}.mdi-spider::before{content:"\F11EA"}.mdi-spider-outline::before{content:"\F1C75"}.mdi-spider-thread::before{content:"\F11EB"}.mdi-spider-web::before{content:"\F0BCA"}.mdi-spirit-level::before{content:"\F14F1"}.mdi-spoon-sugar::before{content:"\F1429"}.mdi-spotify::before{content:"\F04C7"}.mdi-spotlight::before{content:"\F04C8"}.mdi-spotlight-beam::before{content:"\F04C9"}.mdi-spray::before{content:"\F0665"}.mdi-spray-bottle::before{content:"\F0AE0"}.mdi-sprinkler::before{content:"\F105F"}.mdi-sprinkler-fire::before{content:"\F199D"}.mdi-sprinkler-variant::before{content:"\F1060"}.mdi-sprout::before{content:"\F0E66"}.mdi-sprout-outline::before{content:"\F0E67"}.mdi-square::before{content:"\F0764"}.mdi-square-circle::before{content:"\F1500"}.mdi-square-circle-outline::before{content:"\F1C50"}.mdi-square-edit-outline::before{content:"\F090C"}.mdi-square-medium::before{content:"\F0A13"}.mdi-square-medium-outline::before{content:"\F0A14"}.mdi-square-off::before{content:"\F12EE"}.mdi-square-off-outline::before{content:"\F12EF"}.mdi-square-opacity::before{content:"\F1854"}.mdi-square-outline::before{content:"\F0763"}.mdi-square-root::before{content:"\F0784"}.mdi-square-root-box::before{content:"\F09A3"}.mdi-square-rounded::before{content:"\F14FB"}.mdi-square-rounded-badge::before{content:"\F1A07"}.mdi-square-rounded-badge-outline::before{content:"\F1A08"}.mdi-square-rounded-outline::before{content:"\F14FC"}.mdi-square-small::before{content:"\F0A15"}.mdi-square-wave::before{content:"\F147B"}.mdi-squeegee::before{content:"\F0AE1"}.mdi-ssh::before{content:"\F08C0"}.mdi-stack-exchange::before{content:"\F060B"}.mdi-stack-overflow::before{content:"\F04CC"}.mdi-stackpath::before{content:"\F0359"}.mdi-stadium::before{content:"\F0FF9"}.mdi-stadium-outline::before{content:"\F1B03"}.mdi-stadium-variant::before{content:"\F0720"}.mdi-stairs::before{content:"\F04CD"}.mdi-stairs-box::before{content:"\F139E"}.mdi-stairs-down::before{content:"\F12BE"}.mdi-stairs-up::before{content:"\F12BD"}.mdi-stamper::before{content:"\F0D39"}.mdi-standard-definition::before{content:"\F07EF"}.mdi-star::before{content:"\F04CE"}.mdi-star-box::before{content:"\F0A73"}.mdi-star-box-multiple::before{content:"\F1286"}.mdi-star-box-multiple-outline::before{content:"\F1287"}.mdi-star-box-outline::before{content:"\F0A74"}.mdi-star-check::before{content:"\F1566"}.mdi-star-check-outline::before{content:"\F156A"}.mdi-star-circle::before{content:"\F04CF"}.mdi-star-circle-outline::before{content:"\F09A4"}.mdi-star-cog::before{content:"\F1668"}.mdi-star-cog-outline::before{content:"\F1669"}.mdi-star-crescent::before{content:"\F0979"}.mdi-star-david::before{content:"\F097A"}.mdi-star-face::before{content:"\F09A5"}.mdi-star-four-points::before{content:"\F0AE2"}.mdi-star-four-points-box::before{content:"\F1C51"}.mdi-star-four-points-box-outline::before{content:"\F1C52"}.mdi-star-four-points-circle::before{content:"\F1C53"}.mdi-star-four-points-circle-outline::before{content:"\F1C54"}.mdi-star-four-points-outline::before{content:"\F0AE3"}.mdi-star-four-points-small::before{content:"\F1C55"}.mdi-star-half::before{content:"\F0246"}.mdi-star-half-full::before{content:"\F04D0"}.mdi-star-minus::before{content:"\F1564"}.mdi-star-minus-outline::before{content:"\F1568"}.mdi-star-off::before{content:"\F04D1"}.mdi-star-off-outline::before{content:"\F155B"}.mdi-star-outline::before{content:"\F04D2"}.mdi-star-plus::before{content:"\F1563"}.mdi-star-plus-outline::before{content:"\F1567"}.mdi-star-remove::before{content:"\F1565"}.mdi-star-remove-outline::before{content:"\F1569"}.mdi-star-settings::before{content:"\F166A"}.mdi-star-settings-outline::before{content:"\F166B"}.mdi-star-shooting::before{content:"\F1741"}.mdi-star-shooting-outline::before{content:"\F1742"}.mdi-star-three-points::before{content:"\F0AE4"}.mdi-star-three-points-outline::before{content:"\F0AE5"}.mdi-state-machine::before{content:"\F11EF"}.mdi-steam::before{content:"\F04D3"}.mdi-steering::before{content:"\F04D4"}.mdi-steering-off::before{content:"\F090E"}.mdi-step-backward::before{content:"\F04D5"}.mdi-step-backward-2::before{content:"\F04D6"}.mdi-step-forward::before{content:"\F04D7"}.mdi-step-forward-2::before{content:"\F04D8"}.mdi-stethoscope::before{content:"\F04D9"}.mdi-sticker::before{content:"\F1364"}.mdi-sticker-alert::before{content:"\F1365"}.mdi-sticker-alert-outline::before{content:"\F1366"}.mdi-sticker-check::before{content:"\F1367"}.mdi-sticker-check-outline::before{content:"\F1368"}.mdi-sticker-circle-outline::before{content:"\F05D0"}.mdi-sticker-emoji::before{content:"\F0785"}.mdi-sticker-minus::before{content:"\F1369"}.mdi-sticker-minus-outline::before{content:"\F136A"}.mdi-sticker-outline::before{content:"\F136B"}.mdi-sticker-plus::before{content:"\F136C"}.mdi-sticker-plus-outline::before{content:"\F136D"}.mdi-sticker-remove::before{content:"\F136E"}.mdi-sticker-remove-outline::before{content:"\F136F"}.mdi-sticker-text::before{content:"\F178E"}.mdi-sticker-text-outline::before{content:"\F178F"}.mdi-stocking::before{content:"\F04DA"}.mdi-stomach::before{content:"\F1093"}.mdi-stool::before{content:"\F195D"}.mdi-stool-outline::before{content:"\F195E"}.mdi-stop::before{content:"\F04DB"}.mdi-stop-circle::before{content:"\F0666"}.mdi-stop-circle-outline::before{content:"\F0667"}.mdi-storage-tank::before{content:"\F1A75"}.mdi-storage-tank-outline::before{content:"\F1A76"}.mdi-store::before{content:"\F04DC"}.mdi-store-24-hour::before{content:"\F04DD"}.mdi-store-alert::before{content:"\F18C1"}.mdi-store-alert-outline::before{content:"\F18C2"}.mdi-store-check::before{content:"\F18C3"}.mdi-store-check-outline::before{content:"\F18C4"}.mdi-store-clock::before{content:"\F18C5"}.mdi-store-clock-outline::before{content:"\F18C6"}.mdi-store-cog::before{content:"\F18C7"}.mdi-store-cog-outline::before{content:"\F18C8"}.mdi-store-edit::before{content:"\F18C9"}.mdi-store-edit-outline::before{content:"\F18CA"}.mdi-store-marker::before{content:"\F18CB"}.mdi-store-marker-outline::before{content:"\F18CC"}.mdi-store-minus::before{content:"\F165E"}.mdi-store-minus-outline::before{content:"\F18CD"}.mdi-store-off::before{content:"\F18CE"}.mdi-store-off-outline::before{content:"\F18CF"}.mdi-store-outline::before{content:"\F1361"}.mdi-store-plus::before{content:"\F165F"}.mdi-store-plus-outline::before{content:"\F18D0"}.mdi-store-remove::before{content:"\F1660"}.mdi-store-remove-outline::before{content:"\F18D1"}.mdi-store-search::before{content:"\F18D2"}.mdi-store-search-outline::before{content:"\F18D3"}.mdi-store-settings::before{content:"\F18D4"}.mdi-store-settings-outline::before{content:"\F18D5"}.mdi-storefront::before{content:"\F07C7"}.mdi-storefront-check::before{content:"\F1B7D"}.mdi-storefront-check-outline::before{content:"\F1B7E"}.mdi-storefront-edit::before{content:"\F1B7F"}.mdi-storefront-edit-outline::before{content:"\F1B80"}.mdi-storefront-minus::before{content:"\F1B83"}.mdi-storefront-minus-outline::before{content:"\F1B84"}.mdi-storefront-outline::before{content:"\F10C1"}.mdi-storefront-plus::before{content:"\F1B81"}.mdi-storefront-plus-outline::before{content:"\F1B82"}.mdi-storefront-remove::before{content:"\F1B85"}.mdi-storefront-remove-outline::before{content:"\F1B86"}.mdi-stove::before{content:"\F04DE"}.mdi-strategy::before{content:"\F11D6"}.mdi-stretch-to-page::before{content:"\F0F2B"}.mdi-stretch-to-page-outline::before{content:"\F0F2C"}.mdi-string-lights::before{content:"\F12BA"}.mdi-string-lights-off::before{content:"\F12BB"}.mdi-subdirectory-arrow-left::before{content:"\F060C"}.mdi-subdirectory-arrow-right::before{content:"\F060D"}.mdi-submarine::before{content:"\F156C"}.mdi-subtitles::before{content:"\F0A16"}.mdi-subtitles-outline::before{content:"\F0A17"}.mdi-subway::before{content:"\F06AC"}.mdi-subway-alert-variant::before{content:"\F0D9D"}.mdi-subway-variant::before{content:"\F04DF"}.mdi-summit::before{content:"\F0786"}.mdi-sun-angle::before{content:"\F1B27"}.mdi-sun-angle-outline::before{content:"\F1B28"}.mdi-sun-clock::before{content:"\F1A77"}.mdi-sun-clock-outline::before{content:"\F1A78"}.mdi-sun-compass::before{content:"\F19A5"}.mdi-sun-snowflake::before{content:"\F1796"}.mdi-sun-snowflake-variant::before{content:"\F1A79"}.mdi-sun-thermometer::before{content:"\F18D6"}.mdi-sun-thermometer-outline::before{content:"\F18D7"}.mdi-sun-wireless::before{content:"\F17FE"}.mdi-sun-wireless-outline::before{content:"\F17FF"}.mdi-sunglasses::before{content:"\F04E0"}.mdi-surfing::before{content:"\F1746"}.mdi-surround-sound::before{content:"\F05C5"}.mdi-surround-sound-2-0::before{content:"\F07F0"}.mdi-surround-sound-2-1::before{content:"\F1729"}.mdi-surround-sound-3-1::before{content:"\F07F1"}.mdi-surround-sound-5-1::before{content:"\F07F2"}.mdi-surround-sound-5-1-2::before{content:"\F172A"}.mdi-surround-sound-7-1::before{content:"\F07F3"}.mdi-svg::before{content:"\F0721"}.mdi-swap-horizontal::before{content:"\F04E1"}.mdi-swap-horizontal-bold::before{content:"\F0BCD"}.mdi-swap-horizontal-circle::before{content:"\F0FE1"}.mdi-swap-horizontal-circle-outline::before{content:"\F0FE2"}.mdi-swap-horizontal-hidden::before{content:"\F1D0E"}.mdi-swap-horizontal-variant::before{content:"\F08C1"}.mdi-swap-vertical::before{content:"\F04E2"}.mdi-swap-vertical-bold::before{content:"\F0BCE"}.mdi-swap-vertical-circle::before{content:"\F0FE3"}.mdi-swap-vertical-circle-outline::before{content:"\F0FE4"}.mdi-swap-vertical-variant::before{content:"\F08C2"}.mdi-swim::before{content:"\F04E3"}.mdi-switch::before{content:"\F04E4"}.mdi-sword::before{content:"\F04E5"}.mdi-sword-cross::before{content:"\F0787"}.mdi-syllabary-hangul::before{content:"\F1333"}.mdi-syllabary-hiragana::before{content:"\F1334"}.mdi-syllabary-katakana::before{content:"\F1335"}.mdi-syllabary-katakana-halfwidth::before{content:"\F1336"}.mdi-symbol::before{content:"\F1501"}.mdi-symfony::before{content:"\F0AE6"}.mdi-synagogue::before{content:"\F1B04"}.mdi-synagogue-outline::before{content:"\F1B05"}.mdi-sync::before{content:"\F04E6"}.mdi-sync-alert::before{content:"\F04E7"}.mdi-sync-circle::before{content:"\F1378"}.mdi-sync-off::before{content:"\F04E8"}.mdi-tab::before{content:"\F04E9"}.mdi-tab-minus::before{content:"\F0B4B"}.mdi-tab-plus::before{content:"\F075C"}.mdi-tab-remove::before{content:"\F0B4C"}.mdi-tab-search::before{content:"\F199E"}.mdi-tab-unselected::before{content:"\F04EA"}.mdi-table::before{content:"\F04EB"}.mdi-table-account::before{content:"\F13B9"}.mdi-table-alert::before{content:"\F13BA"}.mdi-table-arrow-down::before{content:"\F13BB"}.mdi-table-arrow-left::before{content:"\F13BC"}.mdi-table-arrow-right::before{content:"\F13BD"}.mdi-table-arrow-up::before{content:"\F13BE"}.mdi-table-border::before{content:"\F0A18"}.mdi-table-cancel::before{content:"\F13BF"}.mdi-table-chair::before{content:"\F1061"}.mdi-table-check::before{content:"\F13C0"}.mdi-table-clock::before{content:"\F13C1"}.mdi-table-cog::before{content:"\F13C2"}.mdi-table-column::before{content:"\F0835"}.mdi-table-column-plus-after::before{content:"\F04EC"}.mdi-table-column-plus-before::before{content:"\F04ED"}.mdi-table-column-remove::before{content:"\F04EE"}.mdi-table-column-width::before{content:"\F04EF"}.mdi-table-edit::before{content:"\F04F0"}.mdi-table-eye::before{content:"\F1094"}.mdi-table-eye-off::before{content:"\F13C3"}.mdi-table-filter::before{content:"\F1B8C"}.mdi-table-furniture::before{content:"\F05BC"}.mdi-table-headers-eye::before{content:"\F121D"}.mdi-table-headers-eye-off::before{content:"\F121E"}.mdi-table-heart::before{content:"\F13C4"}.mdi-table-key::before{content:"\F13C5"}.mdi-table-large::before{content:"\F04F1"}.mdi-table-large-plus::before{content:"\F0F87"}.mdi-table-large-remove::before{content:"\F0F88"}.mdi-table-lock::before{content:"\F13C6"}.mdi-table-merge-cells::before{content:"\F09A6"}.mdi-table-minus::before{content:"\F13C7"}.mdi-table-multiple::before{content:"\F13C8"}.mdi-table-network::before{content:"\F13C9"}.mdi-table-of-contents::before{content:"\F0836"}.mdi-table-off::before{content:"\F13CA"}.mdi-table-picnic::before{content:"\F1743"}.mdi-table-pivot::before{content:"\F183C"}.mdi-table-plus::before{content:"\F0A75"}.mdi-table-question::before{content:"\F1B21"}.mdi-table-refresh::before{content:"\F13A0"}.mdi-table-remove::before{content:"\F0A76"}.mdi-table-row::before{content:"\F0837"}.mdi-table-row-height::before{content:"\F04F2"}.mdi-table-row-plus-after::before{content:"\F04F3"}.mdi-table-row-plus-before::before{content:"\F04F4"}.mdi-table-row-remove::before{content:"\F04F5"}.mdi-table-search::before{content:"\F090F"}.mdi-table-settings::before{content:"\F0838"}.mdi-table-split-cell::before{content:"\F142A"}.mdi-table-star::before{content:"\F13CB"}.mdi-table-sync::before{content:"\F13A1"}.mdi-table-tennis::before{content:"\F0E68"}.mdi-tablet::before{content:"\F04F6"}.mdi-tablet-cellphone::before{content:"\F09A7"}.mdi-tablet-dashboard::before{content:"\F0ECE"}.mdi-taco::before{content:"\F0762"}.mdi-tag::before{content:"\F04F9"}.mdi-tag-arrow-down::before{content:"\F172B"}.mdi-tag-arrow-down-outline::before{content:"\F172C"}.mdi-tag-arrow-left::before{content:"\F172D"}.mdi-tag-arrow-left-outline::before{content:"\F172E"}.mdi-tag-arrow-right::before{content:"\F172F"}.mdi-tag-arrow-right-outline::before{content:"\F1730"}.mdi-tag-arrow-up::before{content:"\F1731"}.mdi-tag-arrow-up-outline::before{content:"\F1732"}.mdi-tag-check::before{content:"\F1A7A"}.mdi-tag-check-outline::before{content:"\F1A7B"}.mdi-tag-edit::before{content:"\F1C9C"}.mdi-tag-edit-outline::before{content:"\F1C9D"}.mdi-tag-faces::before{content:"\F04FA"}.mdi-tag-heart::before{content:"\F068B"}.mdi-tag-heart-outline::before{content:"\F0BCF"}.mdi-tag-hidden::before{content:"\F1C76"}.mdi-tag-minus::before{content:"\F0910"}.mdi-tag-minus-outline::before{content:"\F121F"}.mdi-tag-multiple::before{content:"\F04FB"}.mdi-tag-multiple-outline::before{content:"\F12F7"}.mdi-tag-off::before{content:"\F1220"}.mdi-tag-off-outline::before{content:"\F1221"}.mdi-tag-outline::before{content:"\F04FC"}.mdi-tag-plus::before{content:"\F0722"}.mdi-tag-plus-outline::before{content:"\F1222"}.mdi-tag-remove::before{content:"\F0723"}.mdi-tag-remove-outline::before{content:"\F1223"}.mdi-tag-search::before{content:"\F1907"}.mdi-tag-search-outline::before{content:"\F1908"}.mdi-tag-text::before{content:"\F1224"}.mdi-tag-text-outline::before{content:"\F04FD"}.mdi-tailwind::before{content:"\F13FF"}.mdi-tally-mark-1::before{content:"\F1ABC"}.mdi-tally-mark-2::before{content:"\F1ABD"}.mdi-tally-mark-3::before{content:"\F1ABE"}.mdi-tally-mark-4::before{content:"\F1ABF"}.mdi-tally-mark-5::before{content:"\F1AC0"}.mdi-tangram::before{content:"\F04F8"}.mdi-tank::before{content:"\F0D3A"}.mdi-tanker-truck::before{content:"\F0FE5"}.mdi-tape-drive::before{content:"\F16DF"}.mdi-tape-measure::before{content:"\F0B4D"}.mdi-target::before{content:"\F04FE"}.mdi-target-account::before{content:"\F0BD0"}.mdi-target-variant::before{content:"\F0A77"}.mdi-taxi::before{content:"\F04FF"}.mdi-tea::before{content:"\F0D9E"}.mdi-tea-outline::before{content:"\F0D9F"}.mdi-teamviewer::before{content:"\F0500"}.mdi-teddy-bear::before{content:"\F18FB"}.mdi-telescope::before{content:"\F0B4E"}.mdi-television::before{content:"\F0502"}.mdi-television-ambient-light::before{content:"\F1356"}.mdi-television-box::before{content:"\F0839"}.mdi-television-classic::before{content:"\F07F4"}.mdi-television-classic-off::before{content:"\F083A"}.mdi-television-guide::before{content:"\F0503"}.mdi-television-off::before{content:"\F083B"}.mdi-television-pause::before{content:"\F0F89"}.mdi-television-play::before{content:"\F0ECF"}.mdi-television-shimmer::before{content:"\F1110"}.mdi-television-speaker::before{content:"\F1B1B"}.mdi-television-speaker-off::before{content:"\F1B1C"}.mdi-television-stop::before{content:"\F0F8A"}.mdi-temperature-celsius::before{content:"\F0504"}.mdi-temperature-fahrenheit::before{content:"\F0505"}.mdi-temperature-kelvin::before{content:"\F0506"}.mdi-temple-buddhist::before{content:"\F1B06"}.mdi-temple-buddhist-outline::before{content:"\F1B07"}.mdi-temple-hindu::before{content:"\F1B08"}.mdi-temple-hindu-outline::before{content:"\F1B09"}.mdi-tennis::before{content:"\F0DA0"}.mdi-tennis-ball::before{content:"\F0507"}.mdi-tennis-ball-outline::before{content:"\F1C5F"}.mdi-tent::before{content:"\F0508"}.mdi-terraform::before{content:"\F1062"}.mdi-terrain::before{content:"\F0509"}.mdi-test-tube::before{content:"\F0668"}.mdi-test-tube-empty::before{content:"\F0911"}.mdi-test-tube-off::before{content:"\F0912"}.mdi-text::before{content:"\F09A8"}.mdi-text-account::before{content:"\F1570"}.mdi-text-box::before{content:"\F021A"}.mdi-text-box-check::before{content:"\F0EA6"}.mdi-text-box-check-outline::before{content:"\F0EA7"}.mdi-text-box-edit::before{content:"\F1A7C"}.mdi-text-box-edit-outline::before{content:"\F1A7D"}.mdi-text-box-minus::before{content:"\F0EA8"}.mdi-text-box-minus-outline::before{content:"\F0EA9"}.mdi-text-box-multiple::before{content:"\F0AB7"}.mdi-text-box-multiple-outline::before{content:"\F0AB8"}.mdi-text-box-outline::before{content:"\F09ED"}.mdi-text-box-plus::before{content:"\F0EAA"}.mdi-text-box-plus-outline::before{content:"\F0EAB"}.mdi-text-box-remove::before{content:"\F0EAC"}.mdi-text-box-remove-outline::before{content:"\F0EAD"}.mdi-text-box-search::before{content:"\F0EAE"}.mdi-text-box-search-outline::before{content:"\F0EAF"}.mdi-text-long::before{content:"\F09AA"}.mdi-text-recognition::before{content:"\F113D"}.mdi-text-search::before{content:"\F13B8"}.mdi-text-search-variant::before{content:"\F1A7E"}.mdi-text-shadow::before{content:"\F0669"}.mdi-text-short::before{content:"\F09A9"}.mdi-texture::before{content:"\F050C"}.mdi-texture-box::before{content:"\F0FE6"}.mdi-theater::before{content:"\F050D"}.mdi-theme-light-dark::before{content:"\F050E"}.mdi-thermometer::before{content:"\F050F"}.mdi-thermometer-alert::before{content:"\F0E01"}.mdi-thermometer-auto::before{content:"\F1B0F"}.mdi-thermometer-bluetooth::before{content:"\F1895"}.mdi-thermometer-check::before{content:"\F1A7F"}.mdi-thermometer-chevron-down::before{content:"\F0E02"}.mdi-thermometer-chevron-up::before{content:"\F0E03"}.mdi-thermometer-high::before{content:"\F10C2"}.mdi-thermometer-lines::before{content:"\F0510"}.mdi-thermometer-low::before{content:"\F10C3"}.mdi-thermometer-minus::before{content:"\F0E04"}.mdi-thermometer-off::before{content:"\F1531"}.mdi-thermometer-plus::before{content:"\F0E05"}.mdi-thermometer-probe::before{content:"\F1B2B"}.mdi-thermometer-probe-off::before{content:"\F1B2C"}.mdi-thermometer-water::before{content:"\F1A80"}.mdi-thermostat::before{content:"\F0393"}.mdi-thermostat-auto::before{content:"\F1B17"}.mdi-thermostat-box::before{content:"\F0891"}.mdi-thermostat-box-auto::before{content:"\F1B18"}.mdi-thermostat-cog::before{content:"\F1C80"}.mdi-thought-bubble::before{content:"\F07F6"}.mdi-thought-bubble-outline::before{content:"\F07F7"}.mdi-thumb-down::before{content:"\F0511"}.mdi-thumb-down-outline::before{content:"\F0512"}.mdi-thumb-up::before{content:"\F0513"}.mdi-thumb-up-outline::before{content:"\F0514"}.mdi-thumbs-up-down::before{content:"\F0515"}.mdi-thumbs-up-down-outline::before{content:"\F1914"}.mdi-ticket::before{content:"\F0516"}.mdi-ticket-account::before{content:"\F0517"}.mdi-ticket-confirmation::before{content:"\F0518"}.mdi-ticket-confirmation-outline::before{content:"\F13AA"}.mdi-ticket-outline::before{content:"\F0913"}.mdi-ticket-percent::before{content:"\F0724"}.mdi-ticket-percent-outline::before{content:"\F142B"}.mdi-tie::before{content:"\F0519"}.mdi-tilde::before{content:"\F0725"}.mdi-tilde-off::before{content:"\F18F3"}.mdi-timelapse::before{content:"\F051A"}.mdi-timeline::before{content:"\F0BD1"}.mdi-timeline-alert::before{content:"\F0F95"}.mdi-timeline-alert-outline::before{content:"\F0F98"}.mdi-timeline-check::before{content:"\F1532"}.mdi-timeline-check-outline::before{content:"\F1533"}.mdi-timeline-clock::before{content:"\F11FB"}.mdi-timeline-clock-outline::before{content:"\F11FC"}.mdi-timeline-minus::before{content:"\F1534"}.mdi-timeline-minus-outline::before{content:"\F1535"}.mdi-timeline-outline::before{content:"\F0BD2"}.mdi-timeline-plus::before{content:"\F0F96"}.mdi-timeline-plus-outline::before{content:"\F0F97"}.mdi-timeline-question::before{content:"\F0F99"}.mdi-timeline-question-outline::before{content:"\F0F9A"}.mdi-timeline-remove::before{content:"\F1536"}.mdi-timeline-remove-outline::before{content:"\F1537"}.mdi-timeline-text::before{content:"\F0BD3"}.mdi-timeline-text-outline::before{content:"\F0BD4"}.mdi-timer::before{content:"\F13AB"}.mdi-timer-10::before{content:"\F051C"}.mdi-timer-3::before{content:"\F051D"}.mdi-timer-alert::before{content:"\F1ACC"}.mdi-timer-alert-outline::before{content:"\F1ACD"}.mdi-timer-cancel::before{content:"\F1ACE"}.mdi-timer-cancel-outline::before{content:"\F1ACF"}.mdi-timer-check::before{content:"\F1AD0"}.mdi-timer-check-outline::before{content:"\F1AD1"}.mdi-timer-cog::before{content:"\F1925"}.mdi-timer-cog-outline::before{content:"\F1926"}.mdi-timer-edit::before{content:"\F1AD2"}.mdi-timer-edit-outline::before{content:"\F1AD3"}.mdi-timer-lock::before{content:"\F1AD4"}.mdi-timer-lock-open::before{content:"\F1AD5"}.mdi-timer-lock-open-outline::before{content:"\F1AD6"}.mdi-timer-lock-outline::before{content:"\F1AD7"}.mdi-timer-marker::before{content:"\F1AD8"}.mdi-timer-marker-outline::before{content:"\F1AD9"}.mdi-timer-minus::before{content:"\F1ADA"}.mdi-timer-minus-outline::before{content:"\F1ADB"}.mdi-timer-music::before{content:"\F1ADC"}.mdi-timer-music-outline::before{content:"\F1ADD"}.mdi-timer-off::before{content:"\F13AC"}.mdi-timer-off-outline::before{content:"\F051E"}.mdi-timer-outline::before{content:"\F051B"}.mdi-timer-pause::before{content:"\F1ADE"}.mdi-timer-pause-outline::before{content:"\F1ADF"}.mdi-timer-play::before{content:"\F1AE0"}.mdi-timer-play-outline::before{content:"\F1AE1"}.mdi-timer-plus::before{content:"\F1AE2"}.mdi-timer-plus-outline::before{content:"\F1AE3"}.mdi-timer-refresh::before{content:"\F1AE4"}.mdi-timer-refresh-outline::before{content:"\F1AE5"}.mdi-timer-remove::before{content:"\F1AE6"}.mdi-timer-remove-outline::before{content:"\F1AE7"}.mdi-timer-sand::before{content:"\F051F"}.mdi-timer-sand-complete::before{content:"\F199F"}.mdi-timer-sand-empty::before{content:"\F06AD"}.mdi-timer-sand-full::before{content:"\F078C"}.mdi-timer-sand-paused::before{content:"\F19A0"}.mdi-timer-settings::before{content:"\F1923"}.mdi-timer-settings-outline::before{content:"\F1924"}.mdi-timer-star::before{content:"\F1AE8"}.mdi-timer-star-outline::before{content:"\F1AE9"}.mdi-timer-stop::before{content:"\F1AEA"}.mdi-timer-stop-outline::before{content:"\F1AEB"}.mdi-timer-sync::before{content:"\F1AEC"}.mdi-timer-sync-outline::before{content:"\F1AED"}.mdi-timetable::before{content:"\F0520"}.mdi-tire::before{content:"\F1896"}.mdi-toaster::before{content:"\F1063"}.mdi-toaster-off::before{content:"\F11B7"}.mdi-toaster-oven::before{content:"\F0CD3"}.mdi-toggle-switch::before{content:"\F0521"}.mdi-toggle-switch-off::before{content:"\F0522"}.mdi-toggle-switch-off-outline::before{content:"\F0A19"}.mdi-toggle-switch-outline::before{content:"\F0A1A"}.mdi-toggle-switch-variant::before{content:"\F1A25"}.mdi-toggle-switch-variant-off::before{content:"\F1A26"}.mdi-toilet::before{content:"\F09AB"}.mdi-toolbox::before{content:"\F09AC"}.mdi-toolbox-outline::before{content:"\F09AD"}.mdi-tools::before{content:"\F1064"}.mdi-tooltip::before{content:"\F0523"}.mdi-tooltip-account::before{content:"\F000C"}.mdi-tooltip-cellphone::before{content:"\F183B"}.mdi-tooltip-check::before{content:"\F155C"}.mdi-tooltip-check-outline::before{content:"\F155D"}.mdi-tooltip-edit::before{content:"\F0524"}.mdi-tooltip-edit-outline::before{content:"\F12C5"}.mdi-tooltip-image::before{content:"\F0525"}.mdi-tooltip-image-outline::before{content:"\F0BD5"}.mdi-tooltip-minus::before{content:"\F155E"}.mdi-tooltip-minus-outline::before{content:"\F155F"}.mdi-tooltip-outline::before{content:"\F0526"}.mdi-tooltip-plus::before{content:"\F0BD6"}.mdi-tooltip-plus-outline::before{content:"\F0527"}.mdi-tooltip-question::before{content:"\F1BBA"}.mdi-tooltip-question-outline::before{content:"\F1BBB"}.mdi-tooltip-remove::before{content:"\F1560"}.mdi-tooltip-remove-outline::before{content:"\F1561"}.mdi-tooltip-text::before{content:"\F0528"}.mdi-tooltip-text-outline::before{content:"\F0BD7"}.mdi-tooth::before{content:"\F08C3"}.mdi-tooth-outline::before{content:"\F0529"}.mdi-toothbrush::before{content:"\F1129"}.mdi-toothbrush-electric::before{content:"\F112C"}.mdi-toothbrush-paste::before{content:"\F112A"}.mdi-torch::before{content:"\F1606"}.mdi-tortoise::before{content:"\F0D3B"}.mdi-toslink::before{content:"\F12B8"}.mdi-touch-text-outline::before{content:"\F1C60"}.mdi-tournament::before{content:"\F09AE"}.mdi-tow-truck::before{content:"\F083C"}.mdi-tower-beach::before{content:"\F0681"}.mdi-tower-fire::before{content:"\F0682"}.mdi-town-hall::before{content:"\F1875"}.mdi-toy-brick::before{content:"\F1288"}.mdi-toy-brick-marker::before{content:"\F1289"}.mdi-toy-brick-marker-outline::before{content:"\F128A"}.mdi-toy-brick-minus::before{content:"\F128B"}.mdi-toy-brick-minus-outline::before{content:"\F128C"}.mdi-toy-brick-outline::before{content:"\F128D"}.mdi-toy-brick-plus::before{content:"\F128E"}.mdi-toy-brick-plus-outline::before{content:"\F128F"}.mdi-toy-brick-remove::before{content:"\F1290"}.mdi-toy-brick-remove-outline::before{content:"\F1291"}.mdi-toy-brick-search::before{content:"\F1292"}.mdi-toy-brick-search-outline::before{content:"\F1293"}.mdi-track-light::before{content:"\F0914"}.mdi-track-light-off::before{content:"\F1B01"}.mdi-trackpad::before{content:"\F07F8"}.mdi-trackpad-lock::before{content:"\F0933"}.mdi-tractor::before{content:"\F0892"}.mdi-tractor-variant::before{content:"\F14C4"}.mdi-trademark::before{content:"\F0A78"}.mdi-traffic-cone::before{content:"\F137C"}.mdi-traffic-light::before{content:"\F052B"}.mdi-traffic-light-outline::before{content:"\F182A"}.mdi-train::before{content:"\F052C"}.mdi-train-bus::before{content:"\F1CC7"}.mdi-train-car::before{content:"\F0BD8"}.mdi-train-car-autorack::before{content:"\F1B2D"}.mdi-train-car-box::before{content:"\F1B2E"}.mdi-train-car-box-full::before{content:"\F1B2F"}.mdi-train-car-box-open::before{content:"\F1B30"}.mdi-train-car-caboose::before{content:"\F1B31"}.mdi-train-car-centerbeam::before{content:"\F1B32"}.mdi-train-car-centerbeam-full::before{content:"\F1B33"}.mdi-train-car-container::before{content:"\F1B34"}.mdi-train-car-flatbed::before{content:"\F1B35"}.mdi-train-car-flatbed-car::before{content:"\F1B36"}.mdi-train-car-flatbed-tank::before{content:"\F1B37"}.mdi-train-car-gondola::before{content:"\F1B38"}.mdi-train-car-gondola-full::before{content:"\F1B39"}.mdi-train-car-hopper::before{content:"\F1B3A"}.mdi-train-car-hopper-covered::before{content:"\F1B3B"}.mdi-train-car-hopper-full::before{content:"\F1B3C"}.mdi-train-car-intermodal::before{content:"\F1B3D"}.mdi-train-car-passenger::before{content:"\F1733"}.mdi-train-car-passenger-door::before{content:"\F1734"}.mdi-train-car-passenger-door-open::before{content:"\F1735"}.mdi-train-car-passenger-variant::before{content:"\F1736"}.mdi-train-car-tank::before{content:"\F1B3E"}.mdi-train-variant::before{content:"\F08C4"}.mdi-tram::before{content:"\F052D"}.mdi-tram-side::before{content:"\F0FE7"}.mdi-transcribe::before{content:"\F052E"}.mdi-transcribe-close::before{content:"\F052F"}.mdi-transfer::before{content:"\F1065"}.mdi-transfer-down::before{content:"\F0DA1"}.mdi-transfer-left::before{content:"\F0DA2"}.mdi-transfer-right::before{content:"\F0530"}.mdi-transfer-up::before{content:"\F0DA3"}.mdi-transit-connection::before{content:"\F0D3C"}.mdi-transit-connection-horizontal::before{content:"\F1546"}.mdi-transit-connection-variant::before{content:"\F0D3D"}.mdi-transit-detour::before{content:"\F0F8B"}.mdi-transit-skip::before{content:"\F1515"}.mdi-transit-transfer::before{content:"\F06AE"}.mdi-transition::before{content:"\F0915"}.mdi-transition-masked::before{content:"\F0916"}.mdi-translate::before{content:"\F05CA"}.mdi-translate-off::before{content:"\F0E06"}.mdi-translate-variant::before{content:"\F1B99"}.mdi-transmission-tower::before{content:"\F0D3E"}.mdi-transmission-tower-export::before{content:"\F192C"}.mdi-transmission-tower-import::before{content:"\F192D"}.mdi-transmission-tower-off::before{content:"\F19DD"}.mdi-trash-can::before{content:"\F0A79"}.mdi-trash-can-outline::before{content:"\F0A7A"}.mdi-tray::before{content:"\F1294"}.mdi-tray-alert::before{content:"\F1295"}.mdi-tray-arrow-down::before{content:"\F0120"}.mdi-tray-arrow-up::before{content:"\F011D"}.mdi-tray-full::before{content:"\F1296"}.mdi-tray-minus::before{content:"\F1297"}.mdi-tray-plus::before{content:"\F1298"}.mdi-tray-remove::before{content:"\F1299"}.mdi-treasure-chest::before{content:"\F0726"}.mdi-treasure-chest-outline::before{content:"\F1C77"}.mdi-tree::before{content:"\F0531"}.mdi-tree-outline::before{content:"\F0E69"}.mdi-trello::before{content:"\F0532"}.mdi-trending-down::before{content:"\F0533"}.mdi-trending-neutral::before{content:"\F0534"}.mdi-trending-up::before{content:"\F0535"}.mdi-triangle::before{content:"\F0536"}.mdi-triangle-down::before{content:"\F1C56"}.mdi-triangle-down-outline::before{content:"\F1C57"}.mdi-triangle-outline::before{content:"\F0537"}.mdi-triangle-small-down::before{content:"\F1A09"}.mdi-triangle-small-up::before{content:"\F1A0A"}.mdi-triangle-wave::before{content:"\F147C"}.mdi-triforce::before{content:"\F0BD9"}.mdi-trophy::before{content:"\F0538"}.mdi-trophy-award::before{content:"\F0539"}.mdi-trophy-broken::before{content:"\F0DA4"}.mdi-trophy-outline::before{content:"\F053A"}.mdi-trophy-variant::before{content:"\F053B"}.mdi-trophy-variant-outline::before{content:"\F053C"}.mdi-truck::before{content:"\F053D"}.mdi-truck-alert::before{content:"\F19DE"}.mdi-truck-alert-outline::before{content:"\F19DF"}.mdi-truck-cargo-container::before{content:"\F18D8"}.mdi-truck-check::before{content:"\F0CD4"}.mdi-truck-check-outline::before{content:"\F129A"}.mdi-truck-delivery::before{content:"\F053E"}.mdi-truck-delivery-outline::before{content:"\F129B"}.mdi-truck-fast::before{content:"\F0788"}.mdi-truck-fast-outline::before{content:"\F129C"}.mdi-truck-flatbed::before{content:"\F1891"}.mdi-truck-minus::before{content:"\F19AE"}.mdi-truck-minus-outline::before{content:"\F19BD"}.mdi-truck-off-road::before{content:"\F1C9E"}.mdi-truck-off-road-off::before{content:"\F1C9F"}.mdi-truck-outline::before{content:"\F129D"}.mdi-truck-plus::before{content:"\F19AD"}.mdi-truck-plus-outline::before{content:"\F19BC"}.mdi-truck-remove::before{content:"\F19AF"}.mdi-truck-remove-outline::before{content:"\F19BE"}.mdi-truck-snowflake::before{content:"\F19A6"}.mdi-truck-trailer::before{content:"\F0727"}.mdi-trumpet::before{content:"\F1096"}.mdi-tshirt-crew::before{content:"\F0A7B"}.mdi-tshirt-crew-outline::before{content:"\F053F"}.mdi-tshirt-v::before{content:"\F0A7C"}.mdi-tshirt-v-outline::before{content:"\F0540"}.mdi-tsunami::before{content:"\F1A81"}.mdi-tumble-dryer::before{content:"\F0917"}.mdi-tumble-dryer-alert::before{content:"\F11BA"}.mdi-tumble-dryer-off::before{content:"\F11BB"}.mdi-tune::before{content:"\F062E"}.mdi-tune-variant::before{content:"\F1542"}.mdi-tune-vertical::before{content:"\F066A"}.mdi-tune-vertical-variant::before{content:"\F1543"}.mdi-tunnel::before{content:"\F183D"}.mdi-tunnel-outline::before{content:"\F183E"}.mdi-turbine::before{content:"\F1A82"}.mdi-turkey::before{content:"\F171B"}.mdi-turnstile::before{content:"\F0CD5"}.mdi-turnstile-outline::before{content:"\F0CD6"}.mdi-turtle::before{content:"\F0CD7"}.mdi-twitch::before{content:"\F0543"}.mdi-twitter::before{content:"\F0544"}.mdi-two-factor-authentication::before{content:"\F09AF"}.mdi-typewriter::before{content:"\F0F2D"}.mdi-ubisoft::before{content:"\F0BDA"}.mdi-ubuntu::before{content:"\F0548"}.mdi-ufo::before{content:"\F10C4"}.mdi-ufo-outline::before{content:"\F10C5"}.mdi-ultra-high-definition::before{content:"\F07F9"}.mdi-umbraco::before{content:"\F0549"}.mdi-umbrella::before{content:"\F054A"}.mdi-umbrella-beach::before{content:"\F188A"}.mdi-umbrella-beach-outline::before{content:"\F188B"}.mdi-umbrella-closed::before{content:"\F09B0"}.mdi-umbrella-closed-outline::before{content:"\F13E2"}.mdi-umbrella-closed-variant::before{content:"\F13E1"}.mdi-umbrella-outline::before{content:"\F054B"}.mdi-underwear-outline::before{content:"\F1D0F"}.mdi-undo::before{content:"\F054C"}.mdi-undo-variant::before{content:"\F054D"}.mdi-unfold-less-horizontal::before{content:"\F054E"}.mdi-unfold-less-vertical::before{content:"\F0760"}.mdi-unfold-more-horizontal::before{content:"\F054F"}.mdi-unfold-more-vertical::before{content:"\F0761"}.mdi-ungroup::before{content:"\F0550"}.mdi-unicode::before{content:"\F0ED0"}.mdi-unicorn::before{content:"\F15C2"}.mdi-unicorn-variant::before{content:"\F15C3"}.mdi-unicycle::before{content:"\F15E5"}.mdi-unity::before{content:"\F06AF"}.mdi-unreal::before{content:"\F09B1"}.mdi-update::before{content:"\F06B0"}.mdi-upload::before{content:"\F0552"}.mdi-upload-box::before{content:"\F1D10"}.mdi-upload-box-outline::before{content:"\F1D11"}.mdi-upload-circle::before{content:"\F1D12"}.mdi-upload-circle-outline::before{content:"\F1D13"}.mdi-upload-lock::before{content:"\F1373"}.mdi-upload-lock-outline::before{content:"\F1374"}.mdi-upload-multiple::before{content:"\F083D"}.mdi-upload-multiple-outline::before{content:"\F1D14"}.mdi-upload-network::before{content:"\F06F6"}.mdi-upload-network-outline::before{content:"\F0CD8"}.mdi-upload-off::before{content:"\F10C6"}.mdi-upload-off-outline::before{content:"\F10C7"}.mdi-upload-outline::before{content:"\F0E07"}.mdi-usb::before{content:"\F0553"}.mdi-usb-c-port::before{content:"\F1CBF"}.mdi-usb-flash-drive::before{content:"\F129E"}.mdi-usb-flash-drive-outline::before{content:"\F129F"}.mdi-usb-port::before{content:"\F11F0"}.mdi-vacuum::before{content:"\F19A1"}.mdi-vacuum-outline::before{content:"\F19A2"}.mdi-valve::before{content:"\F1066"}.mdi-valve-closed::before{content:"\F1067"}.mdi-valve-open::before{content:"\F1068"}.mdi-van-passenger::before{content:"\F07FA"}.mdi-van-utility::before{content:"\F07FB"}.mdi-vanish::before{content:"\F07FC"}.mdi-vanish-quarter::before{content:"\F1554"}.mdi-vanity-light::before{content:"\F11E1"}.mdi-variable::before{content:"\F0AE7"}.mdi-variable-box::before{content:"\F1111"}.mdi-vector-arrange-above::before{content:"\F0554"}.mdi-vector-arrange-below::before{content:"\F0555"}.mdi-vector-bezier::before{content:"\F0AE8"}.mdi-vector-circle::before{content:"\F0556"}.mdi-vector-circle-variant::before{content:"\F0557"}.mdi-vector-combine::before{content:"\F0558"}.mdi-vector-curve::before{content:"\F0559"}.mdi-vector-difference::before{content:"\F055A"}.mdi-vector-difference-ab::before{content:"\F055B"}.mdi-vector-difference-ba::before{content:"\F055C"}.mdi-vector-ellipse::before{content:"\F0893"}.mdi-vector-intersection::before{content:"\F055D"}.mdi-vector-line::before{content:"\F055E"}.mdi-vector-link::before{content:"\F0FE8"}.mdi-vector-point::before{content:"\F01C4"}.mdi-vector-point-edit::before{content:"\F09E8"}.mdi-vector-point-minus::before{content:"\F1B78"}.mdi-vector-point-plus::before{content:"\F1B79"}.mdi-vector-point-select::before{content:"\F055F"}.mdi-vector-polygon::before{content:"\F0560"}.mdi-vector-polygon-variant::before{content:"\F1856"}.mdi-vector-polyline::before{content:"\F0561"}.mdi-vector-polyline-edit::before{content:"\F1225"}.mdi-vector-polyline-minus::before{content:"\F1226"}.mdi-vector-polyline-plus::before{content:"\F1227"}.mdi-vector-polyline-remove::before{content:"\F1228"}.mdi-vector-radius::before{content:"\F074A"}.mdi-vector-rectangle::before{content:"\F05C6"}.mdi-vector-selection::before{content:"\F0562"}.mdi-vector-square::before{content:"\F0001"}.mdi-vector-square-close::before{content:"\F1857"}.mdi-vector-square-edit::before{content:"\F18D9"}.mdi-vector-square-minus::before{content:"\F18DA"}.mdi-vector-square-open::before{content:"\F1858"}.mdi-vector-square-plus::before{content:"\F18DB"}.mdi-vector-square-remove::before{content:"\F18DC"}.mdi-vector-triangle::before{content:"\F0563"}.mdi-vector-union::before{content:"\F0564"}.mdi-vhs::before{content:"\F0A1B"}.mdi-vibrate::before{content:"\F0566"}.mdi-vibrate-off::before{content:"\F0CD9"}.mdi-video::before{content:"\F0567"}.mdi-video-2d::before{content:"\F1A1C"}.mdi-video-3d::before{content:"\F07FD"}.mdi-video-3d-off::before{content:"\F13D9"}.mdi-video-3d-variant::before{content:"\F0ED1"}.mdi-video-4k-box::before{content:"\F083E"}.mdi-video-account::before{content:"\F0919"}.mdi-video-box::before{content:"\F00FD"}.mdi-video-box-off::before{content:"\F00FE"}.mdi-video-check::before{content:"\F1069"}.mdi-video-check-outline::before{content:"\F106A"}.mdi-video-high-definition::before{content:"\F152E"}.mdi-video-image::before{content:"\F091A"}.mdi-video-input-antenna::before{content:"\F083F"}.mdi-video-input-component::before{content:"\F0840"}.mdi-video-input-hdmi::before{content:"\F0841"}.mdi-video-input-scart::before{content:"\F0F8C"}.mdi-video-input-svideo::before{content:"\F0842"}.mdi-video-marker::before{content:"\F19A9"}.mdi-video-marker-outline::before{content:"\F19AA"}.mdi-video-minus::before{content:"\F09B2"}.mdi-video-minus-outline::before{content:"\F02BA"}.mdi-video-off::before{content:"\F0568"}.mdi-video-off-outline::before{content:"\F0BDB"}.mdi-video-outline::before{content:"\F0BDC"}.mdi-video-plus::before{content:"\F09B3"}.mdi-video-plus-outline::before{content:"\F01D3"}.mdi-video-stabilization::before{content:"\F091B"}.mdi-video-standard-definition::before{content:"\F1CA0"}.mdi-video-switch::before{content:"\F0569"}.mdi-video-switch-outline::before{content:"\F0790"}.mdi-video-vintage::before{content:"\F0A1C"}.mdi-video-wireless::before{content:"\F0ED2"}.mdi-video-wireless-outline::before{content:"\F0ED3"}.mdi-view-agenda::before{content:"\F056A"}.mdi-view-agenda-outline::before{content:"\F11D8"}.mdi-view-array::before{content:"\F056B"}.mdi-view-array-outline::before{content:"\F1485"}.mdi-view-carousel::before{content:"\F056C"}.mdi-view-carousel-outline::before{content:"\F1486"}.mdi-view-column::before{content:"\F056D"}.mdi-view-column-outline::before{content:"\F1487"}.mdi-view-comfy::before{content:"\F0E6A"}.mdi-view-comfy-outline::before{content:"\F1488"}.mdi-view-compact::before{content:"\F0E6B"}.mdi-view-compact-outline::before{content:"\F0E6C"}.mdi-view-dashboard::before{content:"\F056E"}.mdi-view-dashboard-edit::before{content:"\F1947"}.mdi-view-dashboard-edit-outline::before{content:"\F1948"}.mdi-view-dashboard-outline::before{content:"\F0A1D"}.mdi-view-dashboard-variant::before{content:"\F0843"}.mdi-view-dashboard-variant-outline::before{content:"\F1489"}.mdi-view-day::before{content:"\F056F"}.mdi-view-day-outline::before{content:"\F148A"}.mdi-view-gallery::before{content:"\F1888"}.mdi-view-gallery-outline::before{content:"\F1889"}.mdi-view-grid::before{content:"\F0570"}.mdi-view-grid-compact::before{content:"\F1C61"}.mdi-view-grid-outline::before{content:"\F11D9"}.mdi-view-grid-plus::before{content:"\F0F8D"}.mdi-view-grid-plus-outline::before{content:"\F11DA"}.mdi-view-headline::before{content:"\F0571"}.mdi-view-list::before{content:"\F0572"}.mdi-view-list-outline::before{content:"\F148B"}.mdi-view-module::before{content:"\F0573"}.mdi-view-module-outline::before{content:"\F148C"}.mdi-view-parallel::before{content:"\F0728"}.mdi-view-parallel-outline::before{content:"\F148D"}.mdi-view-quilt::before{content:"\F0574"}.mdi-view-quilt-outline::before{content:"\F148E"}.mdi-view-sequential::before{content:"\F0729"}.mdi-view-sequential-outline::before{content:"\F148F"}.mdi-view-split-horizontal::before{content:"\F0BCB"}.mdi-view-split-vertical::before{content:"\F0BCC"}.mdi-view-stream::before{content:"\F0575"}.mdi-view-stream-outline::before{content:"\F1490"}.mdi-view-week::before{content:"\F0576"}.mdi-view-week-outline::before{content:"\F1491"}.mdi-vimeo::before{content:"\F0577"}.mdi-violin::before{content:"\F060F"}.mdi-virtual-reality::before{content:"\F0894"}.mdi-virus::before{content:"\F13B6"}.mdi-virus-off::before{content:"\F18E1"}.mdi-virus-off-outline::before{content:"\F18E2"}.mdi-virus-outline::before{content:"\F13B7"}.mdi-vlc::before{content:"\F057C"}.mdi-voicemail::before{content:"\F057D"}.mdi-volcano::before{content:"\F1A83"}.mdi-volcano-outline::before{content:"\F1A84"}.mdi-volleyball::before{content:"\F09B4"}.mdi-volume-equal::before{content:"\F1B10"}.mdi-volume-high::before{content:"\F057E"}.mdi-volume-low::before{content:"\F057F"}.mdi-volume-medium::before{content:"\F0580"}.mdi-volume-minus::before{content:"\F075E"}.mdi-volume-mute::before{content:"\F075F"}.mdi-volume-off::before{content:"\F0581"}.mdi-volume-plus::before{content:"\F075D"}.mdi-volume-source::before{content:"\F1120"}.mdi-volume-variant-off::before{content:"\F0E08"}.mdi-volume-vibrate::before{content:"\F1121"}.mdi-vote::before{content:"\F0A1F"}.mdi-vote-outline::before{content:"\F0A20"}.mdi-vpn::before{content:"\F0582"}.mdi-vuejs::before{content:"\F0844"}.mdi-vuetify::before{content:"\F0E6D"}.mdi-walk::before{content:"\F0583"}.mdi-wall::before{content:"\F07FE"}.mdi-wall-fire::before{content:"\F1A11"}.mdi-wall-sconce::before{content:"\F091C"}.mdi-wall-sconce-flat::before{content:"\F091D"}.mdi-wall-sconce-flat-outline::before{content:"\F17C9"}.mdi-wall-sconce-flat-variant::before{content:"\F041C"}.mdi-wall-sconce-flat-variant-outline::before{content:"\F17CA"}.mdi-wall-sconce-outline::before{content:"\F17CB"}.mdi-wall-sconce-round::before{content:"\F0748"}.mdi-wall-sconce-round-outline::before{content:"\F17CC"}.mdi-wall-sconce-round-variant::before{content:"\F091E"}.mdi-wall-sconce-round-variant-outline::before{content:"\F17CD"}.mdi-wallet::before{content:"\F0584"}.mdi-wallet-bifold::before{content:"\F1C58"}.mdi-wallet-bifold-outline::before{content:"\F1C59"}.mdi-wallet-giftcard::before{content:"\F0585"}.mdi-wallet-membership::before{content:"\F0586"}.mdi-wallet-outline::before{content:"\F0BDD"}.mdi-wallet-plus::before{content:"\F0F8E"}.mdi-wallet-plus-outline::before{content:"\F0F8F"}.mdi-wallet-travel::before{content:"\F0587"}.mdi-wallpaper::before{content:"\F0E09"}.mdi-wan::before{content:"\F0588"}.mdi-wardrobe::before{content:"\F0F90"}.mdi-wardrobe-outline::before{content:"\F0F91"}.mdi-warehouse::before{content:"\F0F81"}.mdi-washing-machine::before{content:"\F072A"}.mdi-washing-machine-alert::before{content:"\F11BC"}.mdi-washing-machine-off::before{content:"\F11BD"}.mdi-watch::before{content:"\F0589"}.mdi-watch-export::before{content:"\F058A"}.mdi-watch-export-variant::before{content:"\F0895"}.mdi-watch-import::before{content:"\F058B"}.mdi-watch-import-variant::before{content:"\F0896"}.mdi-watch-variant::before{content:"\F0897"}.mdi-watch-vibrate::before{content:"\F06B1"}.mdi-watch-vibrate-off::before{content:"\F0CDA"}.mdi-water::before{content:"\F058C"}.mdi-water-alert::before{content:"\F1502"}.mdi-water-alert-outline::before{content:"\F1503"}.mdi-water-boiler::before{content:"\F0F92"}.mdi-water-boiler-alert::before{content:"\F11B3"}.mdi-water-boiler-auto::before{content:"\F1B98"}.mdi-water-boiler-off::before{content:"\F11B4"}.mdi-water-check::before{content:"\F1504"}.mdi-water-check-outline::before{content:"\F1505"}.mdi-water-circle::before{content:"\F1806"}.mdi-water-minus::before{content:"\F1506"}.mdi-water-minus-outline::before{content:"\F1507"}.mdi-water-off::before{content:"\F058D"}.mdi-water-off-outline::before{content:"\F1508"}.mdi-water-opacity::before{content:"\F1855"}.mdi-water-outline::before{content:"\F0E0A"}.mdi-water-percent::before{content:"\F058E"}.mdi-water-percent-alert::before{content:"\F1509"}.mdi-water-plus::before{content:"\F150A"}.mdi-water-plus-outline::before{content:"\F150B"}.mdi-water-polo::before{content:"\F12A0"}.mdi-water-pump::before{content:"\F058F"}.mdi-water-pump-off::before{content:"\F0F93"}.mdi-water-remove::before{content:"\F150C"}.mdi-water-remove-outline::before{content:"\F150D"}.mdi-water-sync::before{content:"\F17C6"}.mdi-water-thermometer::before{content:"\F1A85"}.mdi-water-thermometer-outline::before{content:"\F1A86"}.mdi-water-well::before{content:"\F106B"}.mdi-water-well-outline::before{content:"\F106C"}.mdi-waterfall::before{content:"\F1849"}.mdi-watering-can::before{content:"\F1481"}.mdi-watering-can-outline::before{content:"\F1482"}.mdi-watermark::before{content:"\F0612"}.mdi-wave::before{content:"\F0F2E"}.mdi-wave-arrow-down::before{content:"\F1CB0"}.mdi-wave-arrow-up::before{content:"\F1CB1"}.mdi-wave-undercurrent::before{content:"\F1CC0"}.mdi-waveform::before{content:"\F147D"}.mdi-waves::before{content:"\F078D"}.mdi-waves-arrow-left::before{content:"\F1859"}.mdi-waves-arrow-right::before{content:"\F185A"}.mdi-waves-arrow-up::before{content:"\F185B"}.mdi-waze::before{content:"\F0BDE"}.mdi-weather-cloudy::before{content:"\F0590"}.mdi-weather-cloudy-alert::before{content:"\F0F2F"}.mdi-weather-cloudy-arrow-right::before{content:"\F0E6E"}.mdi-weather-cloudy-clock::before{content:"\F18F6"}.mdi-weather-dust::before{content:"\F1B5A"}.mdi-weather-fog::before{content:"\F0591"}.mdi-weather-hail::before{content:"\F0592"}.mdi-weather-hazy::before{content:"\F0F30"}.mdi-weather-hurricane::before{content:"\F0898"}.mdi-weather-hurricane-outline::before{content:"\F1C78"}.mdi-weather-lightning::before{content:"\F0593"}.mdi-weather-lightning-rainy::before{content:"\F067E"}.mdi-weather-moonset::before{content:"\F1D15"}.mdi-weather-moonset-down::before{content:"\F1D16"}.mdi-weather-moonset-up::before{content:"\F1D17"}.mdi-weather-night::before{content:"\F0594"}.mdi-weather-night-partly-cloudy::before{content:"\F0F31"}.mdi-weather-partly-cloudy::before{content:"\F0595"}.mdi-weather-partly-lightning::before{content:"\F0F32"}.mdi-weather-partly-rainy::before{content:"\F0F33"}.mdi-weather-partly-snowy::before{content:"\F0F34"}.mdi-weather-partly-snowy-rainy::before{content:"\F0F35"}.mdi-weather-pouring::before{content:"\F0596"}.mdi-weather-rainy::before{content:"\F0597"}.mdi-weather-snowy::before{content:"\F0598"}.mdi-weather-snowy-heavy::before{content:"\F0F36"}.mdi-weather-snowy-rainy::before{content:"\F067F"}.mdi-weather-sunny::before{content:"\F0599"}.mdi-weather-sunny-alert::before{content:"\F0F37"}.mdi-weather-sunny-off::before{content:"\F14E4"}.mdi-weather-sunset::before{content:"\F059A"}.mdi-weather-sunset-down::before{content:"\F059B"}.mdi-weather-sunset-up::before{content:"\F059C"}.mdi-weather-tornado::before{content:"\F0F38"}.mdi-weather-windy::before{content:"\F059D"}.mdi-weather-windy-variant::before{content:"\F059E"}.mdi-web::before{content:"\F059F"}.mdi-web-box::before{content:"\F0F94"}.mdi-web-cancel::before{content:"\F1790"}.mdi-web-check::before{content:"\F0789"}.mdi-web-clock::before{content:"\F124A"}.mdi-web-minus::before{content:"\F10A0"}.mdi-web-off::before{content:"\F0A8E"}.mdi-web-plus::before{content:"\F0033"}.mdi-web-refresh::before{content:"\F1791"}.mdi-web-remove::before{content:"\F0551"}.mdi-web-sync::before{content:"\F1792"}.mdi-webcam::before{content:"\F05A0"}.mdi-webcam-off::before{content:"\F1737"}.mdi-webhook::before{content:"\F062F"}.mdi-webpack::before{content:"\F072B"}.mdi-webrtc::before{content:"\F1248"}.mdi-wechat::before{content:"\F0611"}.mdi-weight::before{content:"\F05A1"}.mdi-weight-gram::before{content:"\F0D3F"}.mdi-weight-kilogram::before{content:"\F05A2"}.mdi-weight-lifter::before{content:"\F115D"}.mdi-weight-pound::before{content:"\F09B5"}.mdi-whatsapp::before{content:"\F05A3"}.mdi-wheel-barrow::before{content:"\F14F2"}.mdi-wheelchair::before{content:"\F1A87"}.mdi-wheelchair-accessibility::before{content:"\F05A4"}.mdi-whistle::before{content:"\F09B6"}.mdi-whistle-outline::before{content:"\F12BC"}.mdi-white-balance-auto::before{content:"\F05A5"}.mdi-white-balance-incandescent::before{content:"\F05A6"}.mdi-white-balance-iridescent::before{content:"\F05A7"}.mdi-white-balance-sunny::before{content:"\F05A8"}.mdi-widgets::before{content:"\F072C"}.mdi-widgets-outline::before{content:"\F1355"}.mdi-wifi::before{content:"\F05A9"}.mdi-wifi-alert::before{content:"\F16B5"}.mdi-wifi-arrow-down::before{content:"\F16B6"}.mdi-wifi-arrow-left::before{content:"\F16B7"}.mdi-wifi-arrow-left-right::before{content:"\F16B8"}.mdi-wifi-arrow-right::before{content:"\F16B9"}.mdi-wifi-arrow-up::before{content:"\F16BA"}.mdi-wifi-arrow-up-down::before{content:"\F16BB"}.mdi-wifi-cancel::before{content:"\F16BC"}.mdi-wifi-check::before{content:"\F16BD"}.mdi-wifi-cog::before{content:"\F16BE"}.mdi-wifi-lock::before{content:"\F16BF"}.mdi-wifi-lock-open::before{content:"\F16C0"}.mdi-wifi-marker::before{content:"\F16C1"}.mdi-wifi-minus::before{content:"\F16C2"}.mdi-wifi-off::before{content:"\F05AA"}.mdi-wifi-plus::before{content:"\F16C3"}.mdi-wifi-refresh::before{content:"\F16C4"}.mdi-wifi-remove::before{content:"\F16C5"}.mdi-wifi-settings::before{content:"\F16C6"}.mdi-wifi-star::before{content:"\F0E0B"}.mdi-wifi-strength-1::before{content:"\F091F"}.mdi-wifi-strength-1-alert::before{content:"\F0920"}.mdi-wifi-strength-1-lock::before{content:"\F0921"}.mdi-wifi-strength-1-lock-open::before{content:"\F16CB"}.mdi-wifi-strength-2::before{content:"\F0922"}.mdi-wifi-strength-2-alert::before{content:"\F0923"}.mdi-wifi-strength-2-lock::before{content:"\F0924"}.mdi-wifi-strength-2-lock-open::before{content:"\F16CC"}.mdi-wifi-strength-3::before{content:"\F0925"}.mdi-wifi-strength-3-alert::before{content:"\F0926"}.mdi-wifi-strength-3-lock::before{content:"\F0927"}.mdi-wifi-strength-3-lock-open::before{content:"\F16CD"}.mdi-wifi-strength-4::before{content:"\F0928"}.mdi-wifi-strength-4-alert::before{content:"\F0929"}.mdi-wifi-strength-4-lock::before{content:"\F092A"}.mdi-wifi-strength-4-lock-open::before{content:"\F16CE"}.mdi-wifi-strength-alert-outline::before{content:"\F092B"}.mdi-wifi-strength-lock-open-outline::before{content:"\F16CF"}.mdi-wifi-strength-lock-outline::before{content:"\F092C"}.mdi-wifi-strength-off::before{content:"\F092D"}.mdi-wifi-strength-off-outline::before{content:"\F092E"}.mdi-wifi-strength-outline::before{content:"\F092F"}.mdi-wifi-sync::before{content:"\F16C7"}.mdi-wikipedia::before{content:"\F05AC"}.mdi-wind-power::before{content:"\F1A88"}.mdi-wind-power-outline::before{content:"\F1A89"}.mdi-wind-turbine::before{content:"\F0DA5"}.mdi-wind-turbine-alert::before{content:"\F19AB"}.mdi-wind-turbine-check::before{content:"\F19AC"}.mdi-window-close::before{content:"\F05AD"}.mdi-window-closed::before{content:"\F05AE"}.mdi-window-closed-variant::before{content:"\F11DB"}.mdi-window-maximize::before{content:"\F05AF"}.mdi-window-minimize::before{content:"\F05B0"}.mdi-window-open::before{content:"\F05B1"}.mdi-window-open-variant::before{content:"\F11DC"}.mdi-window-restore::before{content:"\F05B2"}.mdi-window-shutter::before{content:"\F111C"}.mdi-window-shutter-alert::before{content:"\F111D"}.mdi-window-shutter-auto::before{content:"\F1BA3"}.mdi-window-shutter-cog::before{content:"\F1A8A"}.mdi-window-shutter-open::before{content:"\F111E"}.mdi-window-shutter-settings::before{content:"\F1A8B"}.mdi-windsock::before{content:"\F15FA"}.mdi-wiper::before{content:"\F0AE9"}.mdi-wiper-wash::before{content:"\F0DA6"}.mdi-wiper-wash-alert::before{content:"\F18DF"}.mdi-wizard-hat::before{content:"\F1477"}.mdi-wordpress::before{content:"\F05B4"}.mdi-wrap::before{content:"\F05B6"}.mdi-wrap-disabled::before{content:"\F0BDF"}.mdi-wrench::before{content:"\F05B7"}.mdi-wrench-check::before{content:"\F1B8F"}.mdi-wrench-check-outline::before{content:"\F1B90"}.mdi-wrench-clock::before{content:"\F19A3"}.mdi-wrench-clock-outline::before{content:"\F1B93"}.mdi-wrench-cog::before{content:"\F1B91"}.mdi-wrench-cog-outline::before{content:"\F1B92"}.mdi-wrench-outline::before{content:"\F0BE0"}.mdi-xamarin::before{content:"\F0845"}.mdi-xml::before{content:"\F05C0"}.mdi-xmpp::before{content:"\F07FF"}.mdi-yahoo::before{content:"\F0B4F"}.mdi-yeast::before{content:"\F05C1"}.mdi-yin-yang::before{content:"\F0680"}.mdi-yoga::before{content:"\F117C"}.mdi-youtube::before{content:"\F05C3"}.mdi-youtube-gaming::before{content:"\F0848"}.mdi-youtube-studio::before{content:"\F0847"}.mdi-youtube-subscription::before{content:"\F0D40"}.mdi-youtube-tv::before{content:"\F0448"}.mdi-yurt::before{content:"\F1516"}.mdi-z-wave::before{content:"\F0AEA"}.mdi-zend::before{content:"\F0AEB"}.mdi-zigbee::before{content:"\F0D41"}.mdi-zip-box::before{content:"\F05C4"}.mdi-zip-box-outline::before{content:"\F0FFA"}.mdi-zip-disk::before{content:"\F0A23"}.mdi-zodiac-aquarius::before{content:"\F0A7D"}.mdi-zodiac-aries::before{content:"\F0A7E"}.mdi-zodiac-cancer::before{content:"\F0A7F"}.mdi-zodiac-capricorn::before{content:"\F0A80"}.mdi-zodiac-gemini::before{content:"\F0A81"}.mdi-zodiac-leo::before{content:"\F0A82"}.mdi-zodiac-libra::before{content:"\F0A83"}.mdi-zodiac-pisces::before{content:"\F0A84"}.mdi-zodiac-sagittarius::before{content:"\F0A85"}.mdi-zodiac-scorpio::before{content:"\F0A86"}.mdi-zodiac-taurus::before{content:"\F0A87"}.mdi-zodiac-virgo::before{content:"\F0A88"}.mdi-blank::before{content:"\F68C";visibility:hidden}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark:before{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive:before{color:rgba(0,0,0,0.26)}.mdi-light:before{color:#fff}.mdi-light.mdi-inactive:before{color:rgba(255,255,255,0.3)}.mdi-rotate-45:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315:before{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-h:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-v:before{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.mdi-spin:before{-webkit-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
/*# sourceMappingURL=materialdesignicons.min.css.map */
.doc-annotations {
    min-width: 250px !important;
    max-width: 250px;
    margin-left: 1em;
}

.margin-enabled > .tiptap > *:not(.margin-class) {
    margin-right: 250px !important;
}


.legend[data-v-7b825b1b] {
  width: 100%;
  margin: 20px 0;
}
.gradient-bar[data-v-7b825b1b] {
  height: 20px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.legend-items[data-v-7b825b1b] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.legend-item[data-v-7b825b1b] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.color-marker[data-v-7b825b1b],
.size-marker[data-v-7b825b1b],
.pattern-marker[data-v-7b825b1b] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.size-marker[data-v-7b825b1b] {
  background-color: #000;
  border-radius: 50%;
}
.pattern-marker[data-v-7b825b1b] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.label[data-v-7b825b1b] {
  font-size: 12px;
}
.legend-dense .dense-legend[data-v-7b825b1b] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.legend-dense .dense-gradient-bar[data-v-7b825b1b] {
  flex-grow: 1;
  height: 10px;
  border-radius: 5px;
}
.legend-dense .dense-label[data-v-7b825b1b] {
  font-size: 12px;
  white-space: nowrap;
}

.card-body {
  /* background-color: red; */
  height: 100% !important;
  min-height: 80px;
  /* background-color: unset; */
}

.title[data-v-61ed9ae9] {
  font-size: 1rem;
  font-weight: 500;
}
.entity-title[data-v-61ed9ae9] {
  max-height: 2.8rem;
  font-weight: 600;
  line-height: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-wrap: nowrap;
  overflow: hidden;
  font-size: 1.4rem;
  text-overflow: ellipsis;
}
.show-card[data-v-61ed9ae9] {
  height: 100%;
}
.subtitle[data-v-61ed9ae9] {
  max-height: 10px;
}
.hide-card[data-v-61ed9ae9] {
  /* background-color: red; */
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.article-entity-card[data-v-61ed9ae9] {
  min-height: 100px;
  /* background-color: unset; */
}
.entity-description[data-v-61ed9ae9] {
  font-size: 1rem;
  opacity: 0.7;
  max-height: 2.2rem;
  min-height: 2.2rem;
  height: 2.2rem;
  margin-top: 5px;
  line-height: 1.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-wrap: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-top:-5px; */
}
.entity-action[data-v-61ed9ae9] {
  padding: 3px;
  font-size: 1.2em;
  background-color: unset;
  color: var(--p-primary-500);
}

.element-container[data-v-b2a82f2c] {
  min-width: 300px;
  min-height: 100px;
}

.category-container[data-v-ce75338d] {
  padding: 1em;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  background-color: #fafafa;
}
.category-label[data-v-ce75338d] {
  font-weight: bold;
  margin-bottom: 0.5em;
  display: block;
}
.category-select[data-v-ce75338d] {
  width: 100%;
  margin-bottom: 1em;
}
.potential-relations-container[data-v-ce75338d] {
  margin-bottom: 1em;
}
.potential-relations-title[data-v-ce75338d] {
  margin-bottom: 0.5em;
  font-size: 1.1em;
}
.potential-relations-list[data-v-ce75338d] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.potential-relations-item[data-v-ce75338d] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.relation-icon[data-v-ce75338d] {
  margin-right: 0.5em;
  font-size: 1.2em;
}
.link-button[data-v-ce75338d] {
  width: 100%;
}

/* New styles for results section */
.results-container[data-v-ce75338d] {
  padding: 1em;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
.results-header-wrapper[data-v-ce75338d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
.results-header[data-v-ce75338d] {
  font-size: 1.5em;
  margin: 0;
  /* border-bottom: 1px solid #e0e0e0; */
  /* padding-bottom: 0.5em; */
}
.clear-results-button[data-v-ce75338d] {
  /* Additional styling can be added if needed */
  width: 15rem;
}
.result-item[data-v-ce75338d] {
  /* margin-bottom: 1em; */
  /* padding: 0.5em; */
  border-bottom: 1px solid #e0e0e0;
}
.result-title[data-v-ce75338d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.relatedness-badge[data-v-ce75338d] {
  background-color: #e0e0e0;
  border-radius: 12px;
  padding: 0.2em 0.6em;
  font-size: 0.9em;
}
.relation-item[data-v-ce75338d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom: 0.5em; */
  padding: 0.5em 0;
  transition: background-color 0.3s ease;
}
.relation-item[data-v-ce75338d]:hover {
  background-color: #f5f5f5;
}
.action-buttons[data-v-ce75338d] {
  display: flex;
  flex-direction: row;
}
.action-buttons Button[data-v-ce75338d] {
  margin-left: 0.5em;
}
.relation-info[data-v-ce75338d] {
  display: flex;
  align-items: center;
  flex: 1;
}
.relation-details[data-v-ce75338d] {
  display: flex;
  flex-direction: column;
  margin-left: 0.5em;
}
.relation-type[data-v-ce75338d] {
  font-weight: bold;
}
.relation-explanation[data-v-ce75338d] {
  font-size: 0.9em;
}
.relation-confidence[data-v-ce75338d] {
  font-size: 0.8em;
  color: #666;
}

.selected-card[data-v-73b6f445] {
  border: 2px solid !important;
}


.prop-key {
  font-weight: bold;
  font-size: 0.8rem;
}
.no-shadow {
  box-shadow: none;
}
.ie-indicators {
  background-color: var(--p-surface-100);
  margin: 0;
  padding: 3px;
  border-radius: 10px;
  border: 1px solid var(--p-surface-400);
}
/* Add styles for IE indicator section */
.ie-indicators .prop-key {
  margin-right: 0.25rem;
}
.ie-indicators .confidence {
  display: flex;
  align-items: center;
}
.ie-indicators .explanation,
.ie-indicators .source {
  display: block;
}

.loading-element[data-v-753cd60e] {
  opacity: 0.25;
}
.selection-placeholder[data-v-753cd60e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 2em;
  color: var(--text-color-secondary);
}

.not-found-container[data-v-859d37eb] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: var(--p-content-background);
}
.not-found-content[data-v-859d37eb] {
  text-align: center;
  padding: 2rem;
  border-radius: 8px;
  background-color: var(--bg-card);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  border: 1px solid var(--p-content-border-color);
}
.not-found-title[data-v-859d37eb] {
  font-size: 6rem;
  font-weight: 700;
  color: var(--p-primary-color);
  margin: 0;
  line-height: 1;
}
.not-found-subtitle[data-v-859d37eb] {
  font-size: 2rem;
  font-weight: 600;
  margin: 0.5rem 0 1.5rem;
  color: var(--p-text-color);
}
.not-found-message[data-v-859d37eb] {
  font-size: 1.1rem;
  color: var(--p-text-color);
  margin-bottom: 2rem;
}
.not-found-button[data-v-859d37eb] {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}

.cs-input-dialog {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cs-input-dialog-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cs-input-dialog-title {
  margin: 0;
}
.cs-input-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
}
.w-full {
  width: 100%;
}

/* Remove padding from headings in markdownrender */
.markdownrender[data-v-f23c4875] h1,
.markdownrender[data-v-f23c4875] h2,
.markdownrender[data-v-f23c4875] h3,
.markdownrender[data-v-f23c4875] h4,
.markdownrender[data-v-f23c4875] ul,


.markdownrender[data-v-f23c4875] p {
  /* Normalize paragraph spacing for readability inside dialog */
  padding: 0 !important;
  /* margin: 0.25rem 0 0.4rem 0 !important; */
}

/* Normalize list spacing */
.markdownrender[data-v-f23c4875] ol,
.markdownrender[data-v-f23c4875] ul {
  margin: 0.25rem 0 0.4rem 1.25rem !important;
  padding: 0 !important;
}
.markdownrender[data-v-f23c4875] li {
  margin: 0.15rem 0 !important;
}

/* Claartje adds */

/* Fix for strong tags in paragraphs - ensure they stay inline without breaks */
[data-v-f23c4875] p strong {
  display: inline; /* Ensure strong tags in paragraphs stay inline */
  white-space: normal; /* Allow normal text wrapping */
  word-break: normal; /* Prevent unwanted word breaks */
}

/* Fix for strong tags in list items */
.markdownrender[data-v-f23c4875] li strong {
  display: inline; /* Ensure strong tags stay inline */
  white-space: normal; /* Allow normal text wrapping */
  word-break: normal; /* Prevent unwanted word breaks */
  list-style: circle;
}

/* Ensure list items display properly */
.markdownrender[data-v-f23c4875] li {
  display: list-item;  
  white-space: normal; /* Allow normal text wrapping */
  list-style: square;
}

/* More specific definition list styling - only target actual dl structures */
[data-v-f23c4875] dl dt {
  font-weight: 600;
  display: inline-block; /* Changed from inline to inline-block for better control */
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
}
[data-v-f23c4875] dl dd {
  display: block; /* Changed from inline to block for proper definition list styling */
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}

/* Stop Claartje adds */

/* Your existing styles */
.mermaid-diagram[data-v-f23c4875], .vega-chart-placeholder[data-v-f23c4875] {
  margin: 1rem 0;
}

/* Mermaid diagram wrapper styles */
.mermaid-diagram-wrapper[data-v-f23c4875] {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 1rem 0;
  border: 1px solid var(--p-content-border-color, #e5e7eb);
  border-radius: var(--p-border-radius, 6px);
  overflow: hidden;
  background: var(--p-content-background, #ffffff);
}
.mermaid-diagram-content[data-v-f23c4875] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  min-height: 200px;
  /* Allow horizontal scroll instead of shrinking SVG text too small */
  overflow-x: auto;
  overflow-y: hidden;
}

/* Mermaid diagram font size overrides */
.mermaid-diagram-content[data-v-f23c4875] svg {
  font-size: 12px !important;
  color: #222 !important;
  /* Avoid Mermaid's default max-width:100% shrinking the diagram; keep intrinsic width and allow scroll */
  max-width: none !important;
  height: auto !important;
  width: auto !important;
  display: block;
}
.mermaid-diagram-content[data-v-f23c4875] .node text {
  font-size: 11px !important;
  fill: #222 !important; /* Ensure SVG text is visible */
  color: #222 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Some Mermaid versions place node label text under .label > text */
.mermaid-diagram-content[data-v-f23c4875] .label text,
.mermaid-diagram-content[data-v-f23c4875] text.nodeLabel,
.mermaid-diagram-content[data-v-f23c4875] .label tspan {
  fill: #222 !important;
  color: #222 !important;
  opacity: 1 !important;
  font-size: 12px !important;
}
.mermaid-diagram-content[data-v-f23c4875] .edgeLabel text {
  font-size: 10px !important;
  fill: #222 !important;
  color: #222 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.mermaid-diagram-content[data-v-f23c4875] .cluster-label text {
  font-size: 12px !important;
  font-weight: 600 !important;
  fill: #222 !important;
  color: #222 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.mermaid-diagram-content[data-v-f23c4875] .nodeLabel {
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #222 !important; /* HTML label fallback */
}
.mermaid-diagram-content[data-v-f23c4875] .edgeLabel {
  font-size: 10px !important;
  color: #222 !important; /* HTML label fallback */
}

/* ForeignObject/HTML label fallbacks (when htmlLabels is true) */
.mermaid-diagram-content[data-v-f23c4875] foreignObject,
.mermaid-diagram-content[data-v-f23c4875] foreignObject div,
.mermaid-diagram-content[data-v-f23c4875] foreignObject span,
.mermaid-diagram-content[data-v-f23c4875] foreignObject p {
  color: #222 !important;
  /* Ensure labels are visible and not clipped */
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: flex !important;
  align-items: flex-start !important; /* top-align content */
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  padding-top: 4px !important; /* slight top padding for readability */
}

/* Provide comfortable padding for HTML node labels */
.mermaid-diagram-content[data-v-f23c4875] .label,
.mermaid-diagram-content[data-v-f23c4875] foreignObject .label {
  margin: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  display: flex !important;
  align-items: flex-start !important; /* top-align content */
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  padding-top: 4px !important;
}

/* Some renderers wrap the label text in <div> without .label; cover it too */
.mermaid-diagram-content[data-v-f23c4875] foreignObject div {
  padding: 4px 10px !important;
  line-height: 1.25 !important;
}

/* Generic SVG text fallback */
.mermaid-diagram-content[data-v-f23c4875] text,
.mermaid-diagram-content[data-v-f23c4875] tspan {
  fill: #222 !important;
  /* Avoid invisible text due to inherited CSS */
  opacity: 1 !important;
  text-anchor: middle !important; /* center horizontally */
  dominant-baseline: text-before-edge !important; /* top-align vertically */
}
.mermaid-fullscreen-button-container[data-v-f23c4875] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}
.mermaid-button-group[data-v-f23c4875] {
  display: flex;
  gap: 4px;
  align-items: center;
}
.mermaid-control-btn[data-v-f23c4875] {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.mermaid-control-btn[data-v-f23c4875]:hover {
  opacity: 1;
}
.mermaid-fullscreen-btn[data-v-f23c4875] {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.mermaid-fullscreen-btn[data-v-f23c4875]:hover {
  opacity: 1;
}

/* Fullscreen overlay styles */
.fullscreen-overlay[data-v-f23c4875] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.fullscreen-content[data-v-f23c4875] {
  position: relative;
  background: var(--p-content-background, #ffffff);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fullscreen-controls[data-v-f23c4875] {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  display: flex;
  gap: 8px;
  align-items: center;
}
.fullscreen-control-btn[data-v-f23c4875] {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.fullscreen-control-btn[data-v-f23c4875]:hover {
  opacity: 1;
}
.close-button[data-v-f23c4875] {
  opacity: 0.8;
  transition: opacity 0.2s ease;
  margin: 0 !important;
}
.close-button[data-v-f23c4875]:hover {
  opacity: 1;
}
.fullscreen-diagram[data-v-f23c4875] {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 2rem 2rem 2rem;
  box-sizing: border-box;
}
.fullscreen-diagram[data-v-f23c4875] svg {
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 6rem);
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
.fullscreen-overlay[data-v-f23c4875] {
    padding: 1rem;
}
.fullscreen-content[data-v-f23c4875] {
    max-width: 100vw;
    max-height: 100vh;
}
.fullscreen-diagram[data-v-f23c4875] {
    padding: 1.5rem;
    min-height: 300px;
}
.mermaid-fullscreen-btn[data-v-f23c4875] {
    font-size: 12px;
    padding: 4px 6px;
}
.fullscreen-controls[data-v-f23c4875] {
    top: 10px;
    right: 10px;
    gap: 4px;
}
.fullscreen-control-btn[data-v-f23c4875],
  .close-button[data-v-f23c4875] {
    font-size: 14px;
}
}
.mermaid-error[data-v-f23c4875], .vega-chart-error[data-v-f23c4875] {
  color: #e53e3e;
  padding: 1rem;
  border: 1px solid #e53e3e;
  border-radius: 4px;
  background-color: #fff5f5;
  margin: 1rem 0;
}

/* ---------------------- Rich Cards for Video Lists ---------------------- */
.markdownrender[data-v-f23c4875] .video-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  margin: 0.5rem 0 1rem 0;
}
.video-card[data-v-f23c4875] {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--p-content-border-color, #e5e7eb);
  border-radius: var(--p-border-radius, 8px);
  background: var(--p-content-background, #fff);
  overflow: hidden;
  box-shadow: var(--p-shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
}
.video-thumb[data-v-f23c4875] {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--p-surface-100, #f5f6f7);
  overflow: hidden;
}
.video-thumb img[data-v-f23c4875] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-thumb .play-overlay[data-v-f23c4875] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, rgba(0,0,0,0.45), rgba(0,0,0,0.1));
  color: #fff;
}
.video-thumb .play-overlay i[data-v-f23c4875] {
  font-size: 42px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35));
}
.video-body[data-v-f23c4875] {
  padding: 0.75rem 0.9rem 0.9rem 0.9rem;
}
.video-title[data-v-f23c4875] {
  margin: 0 0 0.5rem 0;
  font-size: 0.98rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--p-text-color, #111827);
}
.video-meta[data-v-f23c4875] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 0.6rem;
}
.video-chip[data-v-f23c4875] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  background: var(--p-surface-100, #f3f4f6);
  color: var(--p-text-color, #374151);
}
.video-chip i[data-v-f23c4875] {
  font-size: 14px;
  opacity: 0.85;
}
.video-actions[data-v-f23c4875] {
  display: flex;
  gap: 8px;
}
.video-btn[data-v-f23c4875] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.4rem 0.65rem;
  font-size: 0.85rem;
  border: 1px solid var(--p-primary-color, #3b82f6);
  color: var(--p-primary-color, #3b82f6);
  border-radius: var(--p-border-radius, 8px);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.video-btn[data-v-f23c4875]:hover {
  background: var(--p-primary-50, rgba(59,130,246,.08));
}

/* Reference chips */
.reference-chips[data-v-f23c4875] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0.5rem;
}
.ref-chip[data-v-f23c4875] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.35rem 0.6rem;
  background: var(--p-surface-100, #f3f4f6);
  border: 1px solid var(--p-content-border-color, #e5e7eb);
  border-radius: 999px;
  text-decoration: none;
  color: var(--p-text-color, #374151);
}
.ref-chip[data-v-f23c4875]:hover { background: var(--p-surface-200, #e5e7eb);
}

/* Table Styling with PrimeVue 4 Design Tokens */
[data-v-f23c4875] table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  background: var(--p-content-background);
  border: 1px solid var(--p-content-border-color);
  border-radius: var(--p-border-radius);
  overflow: hidden;
  box-shadow: var(--p-shadow-md);
}
[data-v-f23c4875] table thead {
  background: var(--p-highlight-background);
  border-bottom: 2px solid var(--p-primary-color);
}
[data-v-f23c4875] table thead th {
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 600;
  color: var(--p-highlight-text-color);
  background: var(--p-highlight-background);
  border-right: 1px solid var(--p-content-border-color);
  position: relative;
}
[data-v-f23c4875] table thead th:last-child {
  border-right: none;
}
[data-v-f23c4875] table tbody {
  background: var(--p-content-background);
}
[data-v-f23c4875] table tbody tr {
  transition: background-color 0.2s ease;
  border-bottom: 1px solid var(--p-content-border-color);
}
[data-v-f23c4875] table tbody tr:hover {
  background: var(--p-highlight-background);
}
[data-v-f23c4875] table tbody tr:nth-child(even) {
  background: var(--p-surface-50);
}
[data-v-f23c4875] table tbody tr:nth-child(even):hover {
  background: var(--p-highlight-background);
}
[data-v-f23c4875] table tbody tr:last-child {
  border-bottom: none;
}
[data-v-f23c4875] table tbody td {
  padding: 0.75rem 1rem;
  color: var(--p-text-color);
  border-right: 1px solid var(--p-content-border-color);
  vertical-align: top;
  background-color: var(--p-content-background) !important;
}
[data-v-f23c4875] table tbody td:last-child {
  border-right: none;
}

/* Special styling for table headers in tbody (for tables without thead) */
[data-v-f23c4875] table:not(:has(thead)) tbody tr:first-child td {
  font-weight: 600;
  background: var(--p-highlight-background);
  color: var(--p-highlight-text-color);
  border-bottom: 2px solid var(--p-primary-color);
}

/* Responsive table styling */
@media (max-width: 768px) {
[data-v-f23c4875] table {
    font-size: 0.875rem;
}
[data-v-f23c4875] table thead th,[data-v-f23c4875] table tbody td {
    padding: 0.5rem 0.75rem;
}
}

/* Dark mode specific adjustments using CSS custom properties */
@media (prefers-color-scheme: dark) {
[data-v-f23c4875] table tbody tr:nth-child(even) {
    background: var(--p-surface-800);
}
}

/* Table caption styling */
[data-v-f23c4875] table caption {
  caption-side: top;
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: var(--p-text-color);
  background: var(--p-surface-100);
  border: 1px solid var(--p-content-border-color);
  border-bottom: none;
  border-radius: var(--p-border-radius) var(--p-border-radius) 0 0;
}

/* Table with striped rows alternative styling */
[data-v-f23c4875] .table-striped table tbody tr:nth-child(odd) {
  background: var(--p-content-background);
}
[data-v-f23c4875] .table-striped table tbody tr:nth-child(even) {
  background: var(--p-surface-50);
}

/* Compact table styling */
[data-v-f23c4875] .table-compact table thead th,[data-v-f23c4875] .table-compact table tbody td {
  padding: 0.5rem;
}

/* Table with accent borders */
[data-v-f23c4875] table.table-accent {
  border-left: 4px solid var(--p-primary-color);
}
[data-v-f23c4875] table.table-accent thead th:first-child {
  border-left: 4px solid var(--p-primary-color);
}

.analysis-header {
  max-width: 80%;
}
.ie-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.ie-card {
  margin-bottom: 1rem;
  width: 30%;
}
.analysis-class {
  margin-bottom: 1rem;
  /* border-color: red;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 10px; */
  /* height: 300px; */
  /* width: 100%; */
  /* background-color: blue; */
}

.ie-button[data-v-e46dee61] {
  text-align: left;
}

.indicator-container[data-v-f97b22e9] {
  position: relative;
}
.indicator-type[data-v-f97b22e9] {
  position: relative;
}
.indicator-button[data-v-f97b22e9] {
  text-align: left;
}
.element-result[data-v-f97b22e9] {
  width: 15em;
  margin-right: 0.5em;
}
.delete-button[data-v-f97b22e9] {
  display: none;
  margin-left: 4px;
  position: relative;
  cursor: pointer;
}
.indicator-container:hover .delete-button[data-v-f97b22e9] {
  display: inline-block;
}

.paragraph-annotations[data-v-f97b22e9] {
  /* border-right: 4px solid var(--border-color, #d3d3d3); */
  padding-right: 5px;

  transition: border-color 0.3s ease;
}
.indicators[data-v-f97b22e9] {
  font-size: 0.8em;
  color: #666;
  margin-top: 0.5em;
}
.indicator[data-v-f97b22e9] {
  display: inline-block;
  margin-right: 1em;
}
.indicator-type[data-v-f97b22e9] {
  /* font-weight: bold; */
}
.indicator-value[data-v-f97b22e9] {
  font-weight: bold;
}

.action-buttons[data-v-f9d6bc65] {
  display: flex;
  opacity: 0;
  justify-content: flex-start;
  /* margin-bottom: 4px; */
  height: 15px;
}
.paragraph-class:hover .action-buttons[data-v-f9d6bc65] {
  opacity: 100;
}

.text-background[data-v-f9d6bc65] {
  /* display: inline-block; */
  /* background-color: yellow; */
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.paragraph-class[data-v-f9d6bc65] {
  margin: 0;
  margin-bottom: 0px;
}

.ProseMirror-focused {

  outline: none !important;
}

/* removed empty ruleset */
.has-entity {
  font-weight: 700;
  cursor: pointer;
  position: relative;
  background: linear-gradient(to right, transparent 70%, var(--p-surface-300) 30%);
  background-size: 200% 100%;
  background-position: 0 0;
  transition: background-position 0.3s ease-out;
}
.has-entity:hover {
  background-position: -100% 0;
}

.highlighted[data-v-ad7eb96e] {
  font-weight: 900;
  display: inline-block;
}
.highlight-button-wrapper[data-v-ad7eb96e] {
  display: inline-block;
  vertical-align: middle;
}
.highlight-action-button {
&[data-v-ad7eb96e] {
  padding: 0.25rem !important;
  font-size: 0.75rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  }
.mdi[data-v-ad7eb96e] {
    font-size: 0.75rem;
}
}
.example-mark[data-v-ad7eb96e] {
  background-color: var(--primary-50);
  padding: 2px 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.example-mark.has-value[data-v-ad7eb96e] {
  background-color: var(--primary-100);
  border-bottom: 2px solid var(--primary-500);
}
.tiptap[data-v-ad7eb96e] {
  min-height: 100%;
  overflow-y: auto;
  outline: none !important;
}
.editor-content[data-v-ad7eb96e] {
  /* position: absolute;
  top: 100px;
  bottom: 0; */
  height: 100%;
  min-height: 400px;
  overflow-y: scroll;
}
.separator[data-v-ad7eb96e] {
  content: "";
  margin-right: 0.5rem;
}
.editor-toolbar[data-v-ad7eb96e] {
  background-color: transparent;
  border-bottom: 2px solid var(--surface-border) !important;
  border-radius: 0;
  margin-bottom: 4px;
}
.tiptap p.is-empty[data-v-ad7eb96e]::before {
  content: attr(data-placeholder);
  float: left;
  color: #adb5bd;
  pointer-events: none;
  height: 0;
}
#toolbar {
&[data-v-ad7eb96e] {
  padding: 0.5rem;
  border: none;
  border-bottom: none;
  }
Button[data-v-ad7eb96e] {
    margin-right: 0.25rem;
    border-radius: 0;
    color: var(--text-color);
}
.p-colorpicker[data-v-ad7eb96e] {
    margin-right: 0.25rem;
}
.p-button.p-button-sm[data-v-ad7eb96e] {
    padding: 0.4375rem 0.4375rem;
    border-radius: 5px !important;
    background-color: var(--surface-border);
    border: none;
}
}
.p-tiptap[data-v-ad7eb96e] :focus {
  outline-offset: 2px;
  outline: 2px solid transparent;
}
#bold[data-v-ad7eb96e] {
  font-weight: 900;
}
#italic[data-v-ad7eb96e] {
  font-style: italic;
}
#strike[data-v-ad7eb96e] {
  text-decoration: line-through;
}
.mention[data-v-ad7eb96e] {
  border-radius: 0.4rem;
  padding: 0.1rem 0.3rem;
  box-decoration-break: clone;
  background-color: var(--surface-200);
}
.text-action[data-v-ad7eb96e] {
  border-radius: 0.4rem;
  padding: 0.1rem 0.3rem;
  box-decoration-break: clone;
  background-color: var(--primary-color);
  color: white;
  font-weight: bold;
  cursor: pointer;
}
.text-action[data-v-ad7eb96e]:hover {
  background-color: var(--primary-600);
}
.sidebar-panel[data-v-ad7eb96e] {
  width: 250px;
  padding: 1rem;
  background-color: #f5f5f5;
  overflow-y: auto;
  transition: transform 0.3s ease;
}
.sidebar-panel.hidden[data-v-ad7eb96e] {
  transform: translateX(-100%);
}
.divider[data-v-ad7eb96e] {
  width: 1px;
  background-color: #ccc;
}
.flex-row[data-v-ad7eb96e] {
  display: flex;
  height: 100%;
}
.doc-editor[data-v-ad7eb96e] {
  overflow-y: clip;
}
.flex-column[data-v-ad7eb96e] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.drag-handle[data-v-ad7eb96e] {
  z-index: 100 !important;
  /* Ensure it's above other elements */
  background-color: rgba(255,
      255,
      255,
      0.7) !important;
  /* Add semi-transparent background */
  border-radius: 4px;
}

/* Add styling to make paragraphs clearly show they're draggable on hover */
.tiptap p[data-v-ad7eb96e]:hover,
.tiptap h1[data-v-ad7eb96e]:hover,
.tiptap h2[data-v-ad7eb96e]:hover,
.tiptap h3[data-v-ad7eb96e]:hover,
.tiptap h4[data-v-ad7eb96e]:hover,
.tiptap blockquote[data-v-ad7eb96e]:hover,
.tiptap ul[data-v-ad7eb96e]:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

/* Add any specific styles for OutlineItem if needed */

.doc-menu-bar[data-v-2bfca312] {
  margin-top: 3px;
  /* border-bottom: 1px solid var(--p-splitter-border-color); */
  /* background-color: var(--p-splitter-border-color); */
  /* padding: 4px; */
}
.bottom-toolbar[data-v-2bfca312] {
  /* border-bottom: none; */
}
.bottom-progress[data-v-2bfca312] {
  height: 6px;
  transform: translateY(-6px);
}
.ie-class-selection[data-v-2bfca312] {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  gap: 5px;
  width: 14em;
  padding: 10px;
  border-radius: 5px;

  position: relative;
}
.ie-class-selection .copy-question-btn[data-v-2bfca312] {
  position: absolute;
  top: 5px;
  right: 5px;
  max-height: 30px;
  max-width: 30px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ie-class-selection:hover .copy-question-btn[data-v-2bfca312] {
  opacity: 1;
}
.classification-preset[data-v-2bfca312] {
  display: flex;

  cursor: pointer;
  gap: 5px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--p-surface-100);
}
.document-editor[data-v-2bfca312] {
  background-color: var(--surface-a);
  padding: 0;
  /* border: 1px solid #ccc; */
  /* border-radius: 5px; */
  /* margin-left: 5px; */
}
.active-legend[data-v-2bfca312] {
  width: 200px;
  margin: 0;
  margin-top: 10px;
}
.outline-panel[data-v-2bfca312] {
  width: 250px;
  padding: 1rem;
  background-color: var(--p-accent-color);
  overflow-y: auto;
  transition: transform 0.3s ease;
  margin-right: 5px;
  border-right: 1px solid var(--p-splitter-border-color);
}
.outline-list[data-v-2bfca312] {
  list-style-type: none;
  /* Remove default bullets */
  padding-left: 0;
}
.outline-list li[data-v-2bfca312] {
  padding: 8px 0;
  /* Add more vertical space between rows */
  border-bottom: 1px solid #e0e0e0;
  /* Optional: Add bottom border for separation */
}
.outline-list li[data-v-2bfca312]:last-child {
  border-bottom: none;
  /* Remove border from the last item */
}
.outline-list li[data-v-2bfca312]::before {
  content: "•";
  /* Add custom bullet */
  color: #007bff;
  /* Bullet color */
  display: inline-block;
  width: 1em;
  /* Bullet positioning */
  margin-left: -1em;
  /* Align bullet properly */
}
.outline-list ul[data-v-2bfca312] {
  padding-left: 1rem;
}
.outline-list li a[data-v-2bfca312] {
  text-decoration: none;
  color: var(--text-color);
}
.outline-list li a[data-v-2bfca312]:hover {
  text-decoration: underline;
}

/* Add styles for the outline panel toggle */
.doc-menu-bar .toggle-outline[data-v-2bfca312] {
  margin-left: 1rem;
}
.flex[data-v-2bfca312] {
  display: flex;
}
.flex-row[data-v-2bfca312] {
  display: flex;
}
.flex-1[data-v-2bfca312] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.location-lookup[data-v-07c3c0a1] {
  width: 600px;
  max-height: 600px;
  overflow-y: auto;
  padding: 10px;
  background-color: var(--p-surface-200, #F8FAFC);
}

/* Improve dropdown item appearance */
.location-item[data-v-07c3c0a1] {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid var(--p-surface-200, #E2E8F0);
}
.location-item[data-v-07c3c0a1]:last-child {
  border-bottom: none;
}
.location-icon[data-v-07c3c0a1] {
  font-size: 1.5rem;
  margin-right: 0.75rem;
  color: var(--primary-color, #3B82F6);
  min-width: 32px;
  text-align: center;
}
.location-details[data-v-07c3c0a1] {
  flex: 1;
  overflow: hidden;
}
.location-name[data-v-07c3c0a1] {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.location-description[data-v-07c3c0a1] {
}

/* Improve selected location card appearance */
.selected-location[data-v-07c3c0a1] {
}
.selected-location .location-coordinates[data-v-07c3c0a1] {
}

/* Location properties form styling */
.location-properties-form[data-v-07c3c0a1] {  
  border-top: 1px solid var(--p-surface-200, #E2E8F0);
}
.location-properties-form .p-card-subtitle[data-v-07c3c0a1] {
  margin-bottom: 1rem;
  font-weight: 600;
}

/* Grid layout for the form */
.form-grid[data-v-07c3c0a1] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /* gap: 1rem; */
}
.form-grid .field[data-v-07c3c0a1] {
  margin-bottom: 0.5rem;
}
.form-grid .col-12[data-v-07c3c0a1] {
  grid-column: span 12;
}
.form-grid .col-9[data-v-07c3c0a1] {
  grid-column: span 9;
}
.form-grid .col-6[data-v-07c3c0a1] {
  grid-column: span 6;
}
.form-grid .col-3[data-v-07c3c0a1] {
  grid-column: span 3;
}
.form-grid label[data-v-07c3c0a1] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

/* Make sure input fields fill their containers */
.form-grid[data-v-07c3c0a1] .p-inputtext,
.form-grid[data-v-07c3c0a1] .p-inputnumber {
  width: 100%;
}

/* Responsive adjustments for small screens */
@media screen and (max-width: 576px) {
.form-grid .col-6[data-v-07c3c0a1] {
    grid-column: span 12;
}
}

/* Reverse lookup button styling */
.p-inputgroup[data-v-07c3c0a1] {
  display: flex;
}
.reverse-lookup-btn[data-v-07c3c0a1] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.p-inputgroup[data-v-07c3c0a1] .p-autocomplete {
  flex-grow: 1;
}
.p-inputgroup[data-v-07c3c0a1] .p-autocomplete input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-grid[data-v-07c3c0a1] .p-filled {
  background-color: var(--p-content-background) !important;
}

.cs-form-container[data-v-043f7984] {
  display: grid;
  position: relative;
}

/* Default layout without AI panel */
.cs-form-container.no-ai-panel[data-v-043f7984] {
  grid-template-areas:
    "debug-indicator toggle-buttons"
    "form-content form-content";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
}

/* Large width with AI panel visible */
.cs-form-container.has-ai-panel[data-v-043f7984]:not(.small-width) {
  grid-template-areas:
    "debug-indicator"
    "form-content ai-tools";
  grid-template-columns: 1fr 30%;
  grid-template-rows: auto 1fr;
}

/* Small width with AI panel visible */
.cs-form-container.has-ai-panel.small-width[data-v-043f7984] {
  grid-template-areas:
    "debug-indicator"
    "ai-tools ai-tools"
    "form-content form-content";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto 1fr;
}
.size-debug-indicator[data-v-043f7984] {
  grid-area: debug-indicator;
  background: rgba(0, 0, 0, 0.05);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  color: var(--text-color-secondary);
}
.toggle-form-mode[data-v-043f7984] {
  position: absolute;
  justify-self: end;
}
.form-content[data-v-043f7984] {
  grid-area: form-content;
}
.ai-tools-panel[data-v-043f7984] {
  grid-area: ai-tools;
}
.ai-tools-form[data-v-043f7984] {
  background-color: var(--surface-card, #ffffff);
  border-radius: 8px;
  border: 1px solid var(--surface-border, #dee2e6);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  overflow-y: auto;
  min-height: 200px;
}
.ai-tools-header[data-v-043f7984] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.ai-tools-header h3[data-v-043f7984] {
  margin: 0;
  font-size: 1.2rem;
}
.ai-tools-content[data-v-043f7984] {
  padding: 0.5rem 0;
}
.advanced-mode-indicator[data-v-043f7984] {
  background-color: var(--surface-hover, #f4f4f4);
  color: var(--primary-color, #4CAF50);
  border-radius: 4px;
  padding: 4px 8px;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
}
.advanced-mode-indicator .mdi[data-v-043f7984] {
  margin-right: 0.5rem;
}

.tiptap {
  /* Vue component */
.vue-component {
    background-color: var(--purple-light);
    border: 2px solid var(--purple);
    border-radius: 0.5rem;
label {
      background-color: var(--purple);
      border-radius: 0 0 0.5rem 0;
      color: var(--white);
      font-size: 0.75rem;
      font-weight: bold;
      padding: 0.25rem 0.5rem;
}
.content {
      margin-top: 1.5rem;
      padding: 1rem;
}
}
}

.link-element[data-v-ef0c47c6] {
  margin-left: 3px;
  cursor: pointer;
}
.element-style[data-v-ef0c47c6] {
  border: 0.5px #d1d1d1 solid !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.element-content[data-v-ef0c47c6]:hover {
  background-color: var(--p-primary-100);
}
.empty-element[data-v-ef0c47c6] {
  border: 0.5px black !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 5px;
  color: var(--p-text-color);
  background-color: var(--p-primary-100);
  border-style: dotted;
}


.command-menu-content[data-v-548b1585] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Popover Content Styling */
.command-menu-popover-content[data-v-548b1585] {
  width: 280px; /* Or 'auto' if you want it to size to content */
  display: flex;
  flex-direction: column;
  padding: 5px;
  margin-block-start: var(--p-popover-gutter);
  background: var(--p-popover-background);
  color: var(--p-popover-color);
  border: 1px solid var(--p-popover-border-color);
  border-radius: var(--p-popover-border-radius);
}

/* Button row styles */
.button-row[data-v-548b1585] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid var(--p-surface-200);
  padding-bottom: 0.5rem;
}
.editor-action-btn[data-v-548b1585] {
  padding: 0.25rem !important;
  font-size: 0.875rem !important;
}
.editor-action-btn[data-v-548b1585]:hover {
  background-color: var(--p-surface-100) !important;
  color: var(--p-primary-color) !important;
}
.command-search-input[data-v-548b1585] {
  /* Uses PrimeVue's InputText styling, can be customized further */
  padding: 0.5rem 0.75rem; /* Adjust padding if needed */
  font-size: 14px;
}

/* Menu item styling for TieredMenu */
.menu-item-container[data-v-548b1585] {
  display: flex;
  align-items: flex-start;
  padding: 0.65rem 0.75rem;
  cursor: pointer;
}
.menu-item-icon[data-v-548b1585] {
  margin-right: 0.75rem;
  font-size: 1.2rem;
  color: var(--p-surface-600);
}
.menu-item-content[data-v-548b1585] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.menu-item-title[data-v-548b1585] {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: flex; /* Added to align icon with title */
  align-items: center; /* Added to align icon with title */
}
.ai-indicator-icon[data-v-548b1585] {
  font-size: 0.9em; /* Adjust size as needed */
  color: var(--p-primary-color); /* Or any color you prefer */
  opacity: 0.7;
}
.menu-item-description[data-v-548b1585] {
  font-size: 0.85rem;
  color: var(--p-surface-600);
}
.submenu-indicator[data-v-548b1585] {
  color: var(--p-surface-500);
  font-size: 0.9rem;
  margin-left: 0.5rem;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.menu-item-container:hover .submenu-indicator[data-v-548b1585] {
  opacity: 1;
  color: var(--p-primary-color);
}

/* Custom styling for the active menu item */
.cs-menu-item-active[data-v-548b1585] {
  background-color: var(--p-primary-50);
  border-left: 2px solid var(--p-primary-color);
}

/* Ensure our custom highlight takes precedence over PrimeVue's styles */
.p-tieredmenu .p-menuitem .cs-menu-item-active[data-v-548b1585] {
  background-color: var(--p-primary-50) !important;
}

.editor-menu-popover {
  padding: 0;
}

.cs-paragraph[data-v-8a1d500e] {
  position: relative;
  /* margin: 0.5em 0; */
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-left: 35px; /* Space for the button */
}
.content-dom[data-v-8a1d500e] {
  min-height: 1em;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.menu-trigger-button[data-v-8a1d500e] {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.25rem !important;
  width: 2rem !important;
  height: 2rem !important;
  z-index: 10;
  color: #6c757d;
}
.menu-trigger-button[data-v-8a1d500e]:hover {
  color: #343a40;
}
.command-search-input[data-v-8a1d500e] {
  /* Uses PrimeVue's InputText styling, can be customized further */
  padding: 0.5rem 0.75rem; /* Adjust padding if needed */
  font-size: 14px;
}
.command-list[data-v-8a1d500e] {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 300px; /* Max height for the list before scrolling */
  overflow-y: auto;
}
.command-list-item[data-v-8a1d500e] {
  display: flex;
  align-items: center;
  padding: 0.65rem 0.75rem; /* Slightly more padding for list items */
  cursor: pointer;
  border-radius: 4px; /* PrimeVue's default border-radius is often 6px, adjust to match theme */
  font-size: 14px;
  color: #333; /* Adjust text color as needed */
}
.command-list-item[data-v-8a1d500e]:hover,
.command-list-item.selected[data-v-8a1d500e] {
  background-color: #f0f0f0; /* PrimeVue 'emphasis' or 'highlight' color might be #e9ecef or similar */
  /* color: var(--primary-color-text); */ /* If using PrimeVue themes */
}
.command-list-item.selected[data-v-8a1d500e] {
  background-color: #e0e0e0; /* A slightly darker selected state */
}

/* Menu item styling for TieredMenu */
.menu-item-container[data-v-8a1d500e] {
  display: flex;
  align-items: flex-start;
  padding: 0.65rem 0.75rem;
  cursor: pointer;
}
.menu-item-icon[data-v-8a1d500e] {
  margin-right: 0.75rem;
  font-size: 1.2rem;
  color: var(--p-surface-600);
}
.menu-item-content[data-v-8a1d500e] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.menu-item-title[data-v-8a1d500e] {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.menu-item-description[data-v-8a1d500e] {
  font-size: 0.85rem;
  color: var(--p-surface-600);
}

/* Ensure Popover panel itself has appropriate styling if default is not enough */
[data-v-8a1d500e] .p-popover {
  /* Add your styles here if needed */
  max-width: 320px;
}

.property-type-selector[data-v-160fad5b] {
    width: 300px;
}

.hide-value[data-v-e18fafb6] {
  display: none;
}
.link-element[data-v-e18fafb6] {
  margin-left: 3px;
  cursor: pointer;
}
.element-style[data-v-e18fafb6] {
  border: 0.5px #d1d1d1 solid !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.element-content[data-v-e18fafb6]:hover {
  background-color: var(--p-primary-100);
}
.empty-element[data-v-e18fafb6] {
  border: 0.5px black !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 5px;
  color: var(--p-text-color);
  background-color: var(--p-primary-100);
  border-style: dotted;
}
.property-content[data-v-e18fafb6] {
  background-color: 'red' !important;
  border-radius: 5px;
  padding: 2px;
  margin-left: 3px;
  cursor: default;
  border: #d1d1d1 solid 0.5px !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Property display area - shows the content */
.property-display-area[data-v-e18fafb6] {
  display: inline-flex;
  align-items: center;
  min-height: 1.2em;
  flex: 1;
}

/* Property actions - contains the buttons */
.property-actions[data-v-e18fafb6] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 4px;
}

/* Styles for markdown content within property marks */
.property-markdown-content[data-v-e18fafb6] {
  display: inline;
  font-size: inherit;
  line-height: inherit;
}
.property-markdown-content[data-v-e18fafb6] p {
  display: inline;
  margin: 0;
  padding: 0;
}
.property-markdown-content[data-v-e18fafb6] p:not(:last-child) {
  margin-right: 0.5em;
}
.property-markdown-content[data-v-e18fafb6] strong {
  font-weight: 600;
}
.property-markdown-content[data-v-e18fafb6] em {
  font-style: italic;
}
.property-markdown-content[data-v-e18fafb6] code {
  background-color: var(--p-surface-100);
  padding: 0.125em 0.25em;
  border-radius: 3px;
  font-size: 0.9em;
}
.property-markdown-content[data-v-e18fafb6] a {
  color: var(--p-primary-color);
  text-decoration: underline;
}
.property-markdown-content[data-v-e18fafb6] ul,
.property-markdown-content[data-v-e18fafb6] ol {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.property-markdown-content[data-v-e18fafb6] li {
  display: inline;
  margin: 0;
  padding: 0;
}
.property-markdown-content[data-v-e18fafb6] li:not(:last-child):after {
  content: ", ";
}

/* Styles for empty placeholder */
.property-empty-placeholder[data-v-e18fafb6] {
  color: var(--p-text-muted-color);
  font-style: italic;
  opacity: 0.7;
}

.custom-mark-bold-style {
  font-weight: 600;
}

/* Drop zone styling for the text editor */
.text-editor-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.text-editor-container.drop-target {
  border: 2px dashed var(--p-primary-color);
  background-color: var(--p-primary-50);
}
.editor-drop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  pointer-events: none;
}
.drop-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--p-surface-0);
  border: 2px dashed var(--p-primary-color);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.drop-content i {
  font-size: 3rem;
  color: var(--p-primary-color);
  margin-bottom: 1rem;
}
.drop-content span {
  font-size: 1.1rem;
  color: var(--p-text-color);
  font-weight: 500;
}

.toolbar[data-v-855444e0] {
  padding: 0;
  background-color: var(--p-surface-ground);
  border: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
  gap: 0;
  box-shadow: none;
}
.toolbar[data-v-855444e0] * {
  box-shadow: none !important;
}

/* Editor content wrapper */
.editor-content-wrapper[data-v-855444e0] {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--p-content-background);
  border: 1px solid var(--p-primary-color);
  border-radius: 6px;
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

/* Ensure TipTap ProseMirror editor doesn't overlap toolbar */
.editor-content-wrapper[data-v-855444e0] .ProseMirror {
  flex: 1;
  min-height: 0;
  outline: none;
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
  position: relative;
  z-index: 1;
}

/* Split view layout: editor and markdown side by side */
.split-view[data-v-855444e0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.markdown-preview[data-v-855444e0] {
  background-color: var(--p-surface-card);
  border: 1px solid var(--p-surface-border);
  padding: 1rem;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
  color: var(--p-text-color);
  max-height: 80vh;
}
.toolbar .p-button[data-v-855444e0],
.toolbar .p-selectbutton[data-v-855444e0],
.toolbar .p-dropdown[data-v-855444e0] {
  margin: 0;
  padding: 0;
}

/* Toolbar button density */
.toolbar .p-button.p-button-text[data-v-855444e0] {
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
}
.toolbar-btn[data-v-855444e0] {
  min-width: auto;
  padding: 0 !important;
  margin: 0 !important;
}

/* Dropdown button with text and chevron */
.toolbar-btn-dropdown[data-v-855444e0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0.8125rem;
  min-width: auto;
}
.toolbar-btn-text[data-v-855444e0] {
  font-weight: 500;
  white-space: nowrap;
}
.toolbar-btn-icon[data-v-855444e0] {
  font-size: 1rem;
}
.toolbar-btn-chevron[data-v-855444e0] {
  font-size: 0.75rem;
  opacity: 0.7;
  margin-left: 0.125rem;
}
.toolbar-select[data-v-855444e0] {
  min-width: 80px;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0.8125rem;
}

/* Visual separators between toolbar groups */
.toolbar-separator[data-v-855444e0] {
  width: 1px;
  height: 1.25rem;
  background-color: var(--p-surface-border);
  margin: 0;
  flex-shrink: 0;
}

/* Spacer to push items to the right */
.toolbar-spacer[data-v-855444e0] {
  flex: 1;
}
.toolbar-status[data-v-855444e0] {
  margin: 0;
  color: var(--p-text-color-secondary);
}
.toolbar .p-selectbutton .p-button[data-v-855444e0] {
  padding: 0 !important;
  margin: 0 !important;
  /* Denser padding for select button items */
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--p-text-color-secondary) !important;
}
.toolbar .p-selectbutton .p-button[data-v-855444e0]:hover {
  background-color: var(--p-surface-hover) !important;
  border-color: transparent !important;
  color: var(--p-text-color) !important;
}
.toolbar .p-selectbutton .p-button.p-highlight[data-v-855444e0] {
  background-color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color-text) !important;
}
.toolbar .p-selectbutton .p-button.p-highlight[data-v-855444e0]:hover {
  background-color: var(--p-primary-color) !important;
  opacity: 0.9;
}
.p-ml-auto[data-v-855444e0] {
  margin-left: auto;
  /* Pushes undo/redo to the right */
}

/* Styling for active text buttons */
.toolbar .p-button.p-button-text.is-active[data-v-855444e0] {
  background-color: var(--p-primary-color);
  color: var(--p-primary-color-text);
}

/* Optional: Adjust hover/focus for active buttons if needed */
.toolbar .p-button.p-button-text.is-active[data-v-855444e0]:hover,
.toolbar .p-button.p-button-text.is-active[data-v-855444e0]:focus {
  background-color: var(--p-primary-color);
  opacity: 0.9;
}

/* Ensure inactive text buttons have a clear hover state if default is too subtle */
.toolbar .p-button.p-button-text[data-v-855444e0]:not(.is-active):hover {
  background-color: var(--p-surface-hover);
  /* Subtle hover for inactive text buttons */
}
.status-icon[data-v-855444e0] {
  vertical-align: middle;
  font-size: 1.25rem;
  /* Adjust size as needed */
  color: var(--text-color-secondary);
  /* Or a specific color */
}
.mdi-spin[data-v-855444e0] {
  animation: mdi-spin-855444e0 1s infinite linear;
}
@keyframes mdi-spin-855444e0 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}

/* Bubble Menu Styles */
.bubble-menu-container[data-v-855444e0] {
  position: relative;
}
.bubble-menu[data-v-855444e0] {
  position: fixed;
  background: var(--accent-ground) !important;
  border: 1px solid var(--p-surface-border);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  z-index: 10000;
  min-width: 200px;
  pointer-events: auto;
}
.bubble-menu-content[data-v-855444e0] {
  display: flex;
  align-items: center;
  padding: 4px;
  gap: 2px;
}
.bubble-btn[data-v-855444e0] {
  background: none;
  border: none;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--p-text-color-secondary);
  font-size: 14px;
  transition: all 0.2s ease;
}
.bubble-btn[data-v-855444e0]:hover {
  background: var(--p-surface-hover);
  color: var(--p-text-color);
}
.bubble-btn.is-active[data-v-855444e0] {
  background: var(--p-primary-color);
  color: var(--p-primary-color-text);
}
.bubble-btn-ai[data-v-855444e0] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-weight: 500;
}
.bubble-btn-ai[data-v-855444e0]:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}
.bubble-btn-ai.is-active[data-v-855444e0] {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}
.bubble-select[data-v-855444e0] {
  min-width: 120px;
  font-size: 12px;
}
.bubble-select .p-select[data-v-855444e0] {
  height: 32px;
  font-size: 12px;
}
.bubble-select .p-select-label[data-v-855444e0] {
  padding: 4px 8px;
  font-size: 12px;
}
.bubble-divider[data-v-855444e0] {
  width: 1px;
  height: 20px;
  background: var(--p-surface-border);
  margin: 0 4px;
}
.write-panel[data-v-855444e0] {
  border-top: 1px solid var(--p-surface-border);
  padding: 12px;
  background: var(--p-surface-ground);
  min-width: 350px;
}
.write-content[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.write-section[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.write-label[data-v-855444e0] {
  font-size: 12px;
  font-weight: 500;
  color: var(--p-text-color-secondary);
}
.write-select[data-v-855444e0] {
  width: 100%;
}
.write-input[data-v-855444e0] {
  width: 100%;
  min-width: 300px;
}
.instruction-input-group[data-v-855444e0] {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.instruction-input-group .write-input[data-v-855444e0] {
  flex: 1;
}
.instruction-input-group .write-preset-select[data-v-855444e0] {
  min-width: 120px;
  flex-shrink: 0;
}
.write-buttons[data-v-855444e0] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

/* InputGroup and Autocomplete styles */
.bubble-input-group[data-v-855444e0] {
  min-width: 280px;
  max-width: 350px;
}
.bubble-input-group .bubble-autocomplete[data-v-855444e0] {
  flex: 1;
  font-size: 12px;
}

/* AutoComplete within InputGroup - clean input styling */
.bubble-input-group .bubble-autocomplete .p-autocomplete[data-v-855444e0] {
  width: 100%;
}
.bubble-input-group .bubble-autocomplete .p-autocomplete .p-inputtext[data-v-855444e0] {
  height: 32px;
  font-size: 12px;
  padding: 4px 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.bubble-input-group .p-inputgroupaddon[data-v-855444e0] {
  padding: 0;
}
.bubble-input-group .p-inputgroupaddon .p-button[data-v-855444e0] {
  height: 32px;
  width: 32px;
  min-width: 32px;
  font-size: 12px;
  border-radius: 0;
  margin: 0;
}
.bubble-input-group .p-inputgroupaddon:last-child .p-button[data-v-855444e0] {
  border-radius: 0 6px 6px 0;
}

/* Advanced mode settings button - aligned to the right */
.bubble-advanced-mode[data-v-855444e0] {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.bubble-btn-apply[data-v-855444e0] {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: white !important;
}
.bubble-btn-apply[data-v-855444e0]:hover:not(:disabled) {
  background: #15803d !important;
  border-color: #15803d !important;
}
.bubble-btn-custom.is-active[data-v-855444e0] {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: white !important;
}
.bubble-btn-apply[data-v-855444e0]:disabled {
  background: var(--p-surface-200);
  color: var(--p-text-color-secondary);
  opacity: 0.6;
}

/* Advanced panel styles */
.advanced-panel[data-v-855444e0] {
  border-top: 1px solid var(--p-surface-border);
  padding: 20px;
  background: var(--p-surface-ground);
  min-width: 600px;
  max-width: 800px;
  min-height: 400px;
  position: relative;
  z-index: 20;
}

/* Ensure all Select components in advanced panel have proper z-index above bubble-menu */
.advanced-panel .p-select-overlay[data-v-855444e0] {
  z-index: 103 !important;
}
.advanced-content[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}
.advanced-section[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.advanced-label[data-v-855444e0] {
  font-size: 13px;
  font-weight: 600;
  color: var(--p-text-color-secondary);
}
.advanced-textarea[data-v-855444e0] {
  width: 100%;
  min-height: 60px;
  resize: vertical;
}
.preset-chips[data-v-855444e0] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.preset-chip[data-v-855444e0] {
  cursor: pointer;
  font-size: 11px;
}
.preset-chip[data-v-855444e0]:hover {
  background: var(--p-surface-hover);
}

/* Skills section styles */
.skills-container[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.skill-select[data-v-855444e0] {
  width: 100%;
  min-width: 200px;
  z-index: 10002;
}

/* Ensure the skill select dropdown panel appears above the bubble-menu */
.skill-select .p-select-overlay[data-v-855444e0] {
  z-index: 300003 !important;
}
.skill-select .p-select-list[data-v-855444e0] {
  z-index: 10003 !important;
}
.skill-select-overlay[data-v-855444e0] {
  z-index: 2000003 !important;
}
.skill-input-section[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: var(--p-surface-card);
  border-radius: 6px;
  border: 1px solid var(--p-surface-border);
}
.skill-input-label[data-v-855444e0] {
  font-size: 12px;
  font-weight: 500;
  color: var(--p-text-color-secondary);
}
.skill-input-textarea[data-v-855444e0] {
  width: 100%;
  resize: vertical;
}
.skill-actions[data-v-855444e0] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.execute-skill-btn[data-v-855444e0] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  color: white;
  font-weight: 500;
}
.execute-skill-btn[data-v-855444e0]:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.clear-skill-btn[data-v-855444e0] {
  background: transparent;
  border: 1px solid var(--p-surface-border);
}
.no-skills-message[data-v-855444e0] {
  text-align: center;
  padding: 20px;
  color: var(--p-text-color-secondary);
  font-style: italic;
}
.no-skills-message .text-muted[data-v-855444e0] {
  margin: 0;
  font-size: 14px;
}

/* Preview section styles */
.preview-section[data-v-855444e0] {
  margin: 20px 0;
  padding: 16px;
  border: 1px solid var(--p-surface-border);
  border-radius: 8px;
  background: var(--p-surface-card);
}
.preview-comparison[data-v-855444e0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  min-height: 200px;
}
.preview-original[data-v-855444e0],
.preview-result[data-v-855444e0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.preview-original label[data-v-855444e0],
.preview-result label[data-v-855444e0] {
  font-size: 13px;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.preview-original label[data-v-855444e0] {
  color: #dc2626;
}
.preview-result label[data-v-855444e0] {
  color: #16a34a;
}
.preview-content[data-v-855444e0] {
  flex: 1;
  padding: 12px;
  border: 1px solid var(--p-surface-border);
  border-radius: 6px;
  background: var(--p-surface-ground);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--p-text-color);
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-y: auto;
  max-height: 300px;
}
.preview-content.original[data-v-855444e0] {
  border-color: var(--p-red-300);
  background: var(--p-red-50);
}
.cs-dark {
  border-color: var(--p-red-700);
  background: var(--p-red-900);
}
.preview-content.result[data-v-855444e0] {
  border-color: var(--p-green-300);
  background: var(--p-green-50);
}
.cs-dark {
  border-color: var(--p-green-700);
  background: var(--p-green-900);
}

/* Advanced buttons styling */
.advanced-buttons[data-v-855444e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--p-surface-border);
}
.button-group-left[data-v-855444e0],
.button-group-right[data-v-855444e0] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.property-list[data-v-305301a2] {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}
.property-list-item[data-v-305301a2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  background: #f8fafc;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition: box-shadow 0.2s;
}
.property-list-item[data-v-305301a2]:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.property-label[data-v-305301a2] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #1e293b;
  gap: 0.5rem;
}
.property-icon[data-v-305301a2] {
  font-size: 1.2em;
  color: #64748b;
  margin-right: 0.25rem;
}
.property-actions[data-v-305301a2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}
.select-option[data-v-305301a2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.property-checkbox[data-v-305301a2] {
  margin-right: 0.5rem;
}

.property-list[data-v-40a04948] {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}
.property-list-item[data-v-40a04948] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  background: #f8fafc;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition: box-shadow 0.2s;
}
.property-list-item[data-v-40a04948]:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.property-label[data-v-40a04948] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #1e293b;
  gap: 0.5rem;
}
.property-icon[data-v-40a04948] {
  font-size: 1.2em;
  color: #64748b;
  margin-right: 0.25rem;
}
.property-actions[data-v-40a04948] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}
.select-option[data-v-40a04948] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.property-checkbox[data-v-40a04948] {
  margin-right: 0.5rem;
}

.tab-list[data-v-72e32b68] {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.tab-item[data-v-72e32b68] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: #f8fafc;
  border-radius: 6px;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
/* Highlight active tab */
.tab-item.active[data-v-72e32b68] {
  background: #e0eefc;
}
.tab-label[data-v-72e32b68] {
  flex-grow: 1;
}
.tab-actions[data-v-72e32b68] {
  display: flex;
  gap: 0.5rem;
}
.add-tab[data-v-72e32b68] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.add-input[data-v-72e32b68] {
  flex-grow: 1;
}

.property-list[data-v-4092957a] {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}
.property-list-item[data-v-4092957a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  background: #f8fafc;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition: box-shadow 0.2s;
}
.property-list-item[data-v-4092957a]:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.property-label[data-v-4092957a] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #1e293b;
  gap: 0.5rem;
}
.property-icon[data-v-4092957a] {
  font-size: 1.2em;
  color: #64748b;
  margin-right: 0.25rem;
}
.property-actions[data-v-4092957a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}
.view-style-row[data-v-4092957a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.select-option[data-v-4092957a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.property-checkbox[data-v-4092957a] {
  margin-right: 0.5rem;
}

/* Collapsible section title styles */
.section-header[data-v-4adb4dc0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.25rem;
  gap: 1rem;
}
.section-title-toggle[data-v-4adb4dc0] {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.1rem;
  user-select: none;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.section-title-primary[data-v-4adb4dc0] {
  color: var(--p-primary-color, #1976d2);
}
.section-title-toggle[data-v-4adb4dc0]:hover {
  filter: brightness(1.2);
}
.section-title-text[data-v-4adb4dc0] {
  flex: 1;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section-toggle-icon[data-v-4adb4dc0] {
  font-size: 1.2rem;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.mode-toggle-button[data-v-4adb4dc0] {
  flex-shrink: 0;
}
.section-controls[data-v-4adb4dc0] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-shrink: 0;
}
.section-title-toggle .mdi-chevron-down[data-v-4adb4dc0] {
  transform: rotate(0deg);
}
.section-title-toggle .mdi-chevron-right[data-v-4adb4dc0] {
  transform: rotate(0deg);
}
.section-content-wrapper[data-v-4adb4dc0] {
  width: 100%;
}

/* Container styles */
.section-list-container[data-v-4adb4dc0] {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
.section-container[data-v-4adb4dc0] {
  margin-bottom: 1rem;
  flex-grow: 1;
  box-sizing: border-box;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  /* border: 1px solid var(--p-surface-border, #e0e0e0); */
  border-radius: 0.5rem;
  background-color: var(--p-content-background, #ffffff);
}

/* :root.cs-dark .section-container {
  background-color: var(--p-card-color, var(--p-surface-700, #2a2a2a));
  border-color: var(--p-surface-border, rgba(255, 255, 255, 0.12));
} */

/* Section width styles */
.section-width-small[data-v-4adb4dc0] {
  flex-basis: 300px;
  min-width: 300px;
}
.section-width-medium[data-v-4adb4dc0] {
  flex-basis: 600px;
  min-width: 600px;
}
.section-width-wide[data-v-4adb4dc0] {
  flex-basis: 100%;
  width: 100%;
}
.section-placeholder[data-v-4adb4dc0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background-color: var(--bg-section, var(--p-surface-50, #fafafa));
  border-radius: 0.5rem;
}
.placeholder-icon[data-v-4adb4dc0] {
  font-size: 2rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}

/* Design mode indicator styles */
.section-container.design-mode[data-v-4adb4dc0] {
  border: 2px dashed var(--p-primary-color, #2196f3);
  border-radius: 0.5rem;
  background-color: var(--bg-active, var(--p-primary-50, rgba(33, 150, 243, 0.02)));
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.section-container.design-mode[data-v-4adb4dc0]:hover {
  border-color: var(--p-primary-600, #1976d2);
  box-shadow: var(--shadow-md);
  background-color: var(--p-primary-100, rgba(33, 150, 243, 0.08));
}
:root.cs-dark .section-container.design-mode[data-v-4adb4dc0] {
  background-color: var(--p-primary-900, rgba(33, 150, 243, 0.15));
}
:root.cs-dark .section-container.design-mode[data-v-4adb4dc0]:hover {
  background-color: var(--p-primary-800, rgba(33, 150, 243, 0.25));
}

/* Edit mode styles */
.section-container.edit-mode[data-v-4adb4dc0] {
  background-color: var(--bg-section, var(--p-surface-50, #fafafa));
}

/* Dialog and section manager styles */
.add-section-container[data-v-4adb4dc0] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  padding: 0.5rem;
  width: 100%;
  flex-basis: 100%;
}

/* Highlight effect when hovering the add button container */
.section-container.highlight-add[data-v-4adb4dc0] {
  outline: 2px dashed var(--p-primary-color, #2196F3);
  outline-offset: 2px;
  background-color: var(--bg-active, var(--p-primary-50, rgba(33, 150, 243, 0.05)));
}
:root.cs-dark .section-container.highlight-add[data-v-4adb4dc0] {
  background-color: var(--p-primary-900, rgba(33, 150, 243, 0.15));
}
.array-field[data-v-4adb4dc0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.array-item[data-v-4adb4dc0] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.array-item-content[data-v-4adb4dc0] {
  flex-grow: 1;
}
.array-item-actions[data-v-4adb4dc0] {
  display: flex;
  gap: 0.25rem;
}
.array-item-add[data-v-4adb4dc0] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.array-input[data-v-4adb4dc0] {
  flex-grow: 1;
}
.tab-item[data-v-4adb4dc0] {
  background-color: var(--bg-hover, var(--p-surface-100, #f3f4f6));
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.tab-edit-form[data-v-4adb4dc0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tab-edit-field[data-v-4adb4dc0] {
  flex-grow: 1;
}

/* Divider lines — intentionally hidden across all designs per UX request */
.section-divider-top[data-v-4adb4dc0],
.section-divider-bottom[data-v-4adb4dc0] {
  display: none !important;
  border: none !important;
  margin: 0 !important;
  height: 0 !important;
}

/* Ensure section header itself doesn't provide a bottom border */
.section-header[data-v-4adb4dc0] {
  border-bottom: none !important;
}

/* Section width classes */
.section-width-small[data-v-4adb4dc0] {
  min-width: 300px;
  margin: 0 auto;
}
.section-width-medium[data-v-4adb4dc0] {
  min-width: 600px;
  margin: 0 auto;
}
.section-width-wide[data-v-4adb4dc0] {
  /* max-width: 1000px; */
  margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
.section-width-medium[data-v-4adb4dc0] {
    flex-basis: 500px;
    min-width: 500px;
}
}
@media (max-width: 992px) {
.section-width-medium[data-v-4adb4dc0] {
    flex-basis: 450px;
    min-width: 450px;
}
}
@media (max-width: 768px) {
.section-width-small[data-v-4adb4dc0],
  .section-width-medium[data-v-4adb4dc0] {
    flex-basis: 100%;
    min-width: 100%;
}
}

.skill-input-editor[data-v-752abf89] {
  width: 100%;
}
.schema-form-container[data-v-752abf89],
.json-editor-container[data-v-752abf89] {
  width: 100%;
}
.font-mono[data-v-752abf89] {
  font-family: 'Courier New', Courier, monospace;
}
.json-editor-container .field-help[data-v-752abf89] {
  font-size: 0.75rem;
  color: #6b7280;
  margin-top: 0.25rem;
}

.tab-content[data-v-afaca944] {
  padding: 0.3rem;
}
.expanded-form[data-v-afaca944] {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}
.responsive-form[data-v-afaca944] {
  padding: 1rem;
}
@media (max-width: 768px) {
.responsive-form[data-v-afaca944] {
    padding: 0.75rem;
}
.grid-cols-3[data-v-afaca944] {
    grid-template-columns: 1fr;
}
.grid-cols-2[data-v-afaca944] {
    grid-template-columns: 1fr;
}
.col-span-2[data-v-afaca944],
  .col-span-full[data-v-afaca944] {
    grid-column: span 1 / span 1;
}
}

/* Responsive grid utilities */
@media (min-width: 440px) {
.sm\:grid-cols-2[data-v-afaca944] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3[data-v-afaca944] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-4[data-v-afaca944] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.md\:grid-cols-2[data-v-afaca944] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3[data-v-afaca944] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4[data-v-afaca944] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.lg\:grid-cols-2[data-v-afaca944] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3[data-v-afaca944] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4[data-v-afaca944] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:col-span-2[data-v-afaca944] {
    grid-column: span 2 / span 2;
}
}
@media (min-width: 1280px) {
.xl\:grid-cols-2[data-v-afaca944] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3[data-v-afaca944] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4[data-v-afaca944] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

/* Core Properties Section */
.core-properties-section[data-v-afaca944] {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #f9fafb;
  padding: 1rem;
}
.core-properties-section .property-grid[data-v-afaca944] {
  background-color: white;
  padding: 1rem;
  border-radius: 4px;
}

/* Tab content styling */
.property-tabs[data-v-afaca944] {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #f9fafb;
}
.property-tabs .p-tabview-panels[data-v-afaca944] {
  padding: 1rem;
  background-color: white;
}
.property-tabs .p-tabview-panel[data-v-afaca944] {
  padding: 0;
}

/* Flex field sizing */
.flex-field[data-v-afaca944] {
  flex: 1;
  min-width: 200px;
  /* Minimum width for proper field display */
}
.flex-field-large[data-v-afaca944] {
  flex: 1;
  min-width: 300px;
  /* For label and data type fields */
}
.flex-field-small[data-v-afaca944] {
  flex: 1;
  min-width: 200px;
  /* Minimum width for priority, default, icon fields */
}
.flex-field-checkbox[data-v-afaca944] {
  flex: 0 0 auto;
  min-width: max-content;
  /* Size to content for checkboxes */
}
.flex-field-full[data-v-afaca944] {
  flex: 1 1 100%;
  width: 100%;
  /* Take full width */
}
.field-help[data-v-afaca944] {
  display: block;
  color: #6b7280;
  font-size: 0.7rem;
  margin-top: 0.125rem;
  line-height: 1.2;
}
.field-flat-input[data-v-afaca944] {
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out;
}
.field-flat-input[data-v-afaca944]:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Checkbox styling */
.checkbox-field[data-v-afaca944] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.checkbox-align[data-v-afaca944] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
  flex-wrap: wrap;
  min-width: max-content;
}

/* Legend configuration */
.legend-configuration[data-v-afaca944] {
  padding: 0.75rem 0;
}
.legend-settings[data-v-afaca944] {
  padding-top: 0.5rem;
}
.legend-type-section[data-v-afaca944],
.range-configuration[data-v-afaca944],
.option-colors-section[data-v-afaca944],
.legend-preview-section[data-v-afaca944] {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
}

/* List and Options editors */
.list-editor[data-v-afaca944],
.options-editor[data-v-afaca944] {
  padding: 0.5rem 0;
}

/* Empty states */
.empty-state[data-v-afaca944] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6b7280;
}
.empty-state-small[data-v-afaca944] {
  text-align: center;
  padding: 2rem 1rem;
  color: #6b7280;
}

/* Preview sections */
.legend-preview-container[data-v-afaca944] {
  padding: 1rem 0;
}
.categorical-preview[data-v-afaca944],
.linear-preview[data-v-afaca944],
.option-colors-preview[data-v-afaca944] {
  min-height: 2rem;
}
.placeholder-preview[data-v-afaca944] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
}

/* AI settings */
.ai-settings[data-v-afaca944] {
  padding: 0.75rem 0;
}
.info-panel[data-v-afaca944] {
  margin-top: 0.5rem;
}

/* Utility classes */
.space-y-2[data-v-afaca944]>*+* {
  margin-top: 0.25rem;
}
.space-y-3[data-v-afaca944]>*+* {
  margin-top: 0.375rem;
}
.space-y-4[data-v-afaca944]>*+* {
  margin-top: 0.5rem;
}
.space-y-6[data-v-afaca944]>*+* {
  margin-top: 0.75rem;
}
.grid[data-v-afaca944] {
  display: grid;
}
.grid-cols-1[data-v-afaca944] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2[data-v-afaca944] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3[data-v-afaca944] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4[data-v-afaca944] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-2[data-v-afaca944] {
  gap: 0.5rem;
}
.gap-3[data-v-afaca944] {
  gap: 0.75rem;
}
.gap-4[data-v-afaca944] {
  gap: 1rem;
}
.col-span-full[data-v-afaca944] {
  grid-column: 1 / -1;
}
.flex[data-v-afaca944] {
  display: flex;
}
.flex-1[data-v-afaca944] {
  flex: 1 1 0%;
}
.items-center[data-v-afaca944] {
  align-items: center;
}
.items-start[data-v-afaca944] {
  align-items: flex-start;
}
.justify-between[data-v-afaca944] {
  justify-content: space-between;
}
.w-full[data-v-afaca944] {
  width: 100%;
}
.h-full[data-v-afaca944] {
  height: 100%;
}
.border[data-v-afaca944] {
  border-width: 1px;
}
.border-t[data-v-afaca944] {
  border-top-width: 1px;
}
.border-b[data-v-afaca944] {
  border-bottom-width: 1px;
}
.rounded[data-v-afaca944] {
  border-radius: 0.25rem;
}
.rounded-lg[data-v-afaca944] {
  border-radius: 0.5rem;
}
.p-2[data-v-afaca944] {
  padding: 0.5rem;
}
.p-3[data-v-afaca944] {
  padding: 0.75rem;
}
.p-4[data-v-afaca944] {
  padding: 1rem;
}
.px-2[data-v-afaca944] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-1[data-v-afaca944] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pt-3[data-v-afaca944] {
  padding-top: 0.75rem;
}
.pt-4[data-v-afaca944] {
  padding-top: 1rem;
}
.pb-3[data-v-afaca944] {
  padding-bottom: 0.75rem;
}
.mt-1[data-v-afaca944] {
  margin-top: 0.25rem;
}
.mt-2[data-v-afaca944] {
  margin-top: 0.5rem;
}
.mt-3[data-v-afaca944] {
  margin-top: 0.75rem;
}
.mt-4[data-v-afaca944] {
  margin-top: 1rem;
}
.mt-6[data-v-afaca944] {
  margin-top: 1.5rem;
}
.mb-1[data-v-afaca944] {
  margin-bottom: 0.25rem;
}
.mb-2[data-v-afaca944] {
  margin-bottom: 0.5rem;
}
.mb-3[data-v-afaca944] {
  margin-bottom: 0.75rem;
}
.mb-4[data-v-afaca944] {
  margin-bottom: 1rem;
}
.mb-6[data-v-afaca944] {
  margin-bottom: 1.5rem;
}
.mr-2[data-v-afaca944] {
  margin-right: 0.5rem;
}
.mx-1[data-v-afaca944] {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.text-xs[data-v-afaca944] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-sm[data-v-afaca944] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-lg[data-v-afaca944] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.font-medium[data-v-afaca944] {
  font-weight: 500;
}
.font-semibold[data-v-afaca944] {
  font-weight: 600;
}
.text-gray-400[data-v-afaca944] {
  color: #9ca3af;
}
.text-gray-500[data-v-afaca944] {
  color: #6b7280;
}
.text-gray-600[data-v-afaca944] {
  color: #4b5563;
}
.text-gray-700[data-v-afaca944] {
  color: #374151;
}
.text-gray-800[data-v-afaca944] {
  color: #1f2937;
}
.text-blue-600[data-v-afaca944] {
  color: #2563eb;
}
.text-blue-700[data-v-afaca944] {
  color: #1d4ed8;
}
.text-blue-800[data-v-afaca944] {
  color: #1e40af;
}
.text-green-600[data-v-afaca944] {
  color: #16a34a;
}
.text-purple-600[data-v-afaca944] {
  color: #9333ea;
}
.text-orange-600[data-v-afaca944] {
  color: #ea580c;
}
.text-indigo-600[data-v-afaca944] {
  color: #4f46e5;
}
.text-pink-600[data-v-afaca944] {
  color: #db2777;
}
.text-teal-600[data-v-afaca944] {
  color: #0d9488;
}
.text-amber-600[data-v-afaca944] {
  color: #d97706;
}
.bg-gray-50[data-v-afaca944] {
  background-color: #f9fafb;
}
.bg-blue-50[data-v-afaca944] {
  background-color: #eff6ff;
}
.bg-white[data-v-afaca944] {
  background-color: #ffffff;
}
.border-gray-200[data-v-afaca944] {
  border-color: #e5e7eb;
}
.border-blue-200[data-v-afaca944] {
  border-color: #bfdbfe;
}
.border-dashed[data-v-afaca944] {
  border-style: dashed;
}
.truncate[data-v-afaca944] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.italic[data-v-afaca944] {
  font-style: italic;
}
.max-h-48[data-v-afaca944] {
  max-height: 12rem;
}
.overflow-y-auto[data-v-afaca944] {
  overflow-y: auto;
}
.list-disc[data-v-afaca944] {
  list-style-type: disc;
}
.list-inside[data-v-afaca944] {
  list-style-position: inside;
}
.font-mono[data-v-afaca944] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.selected-mode[data-v-64370a5b] {
  background-color: var(--p-primary-color);
  color: white;
}
.dynamic-layout-container[data-v-64370a5b] {
  display: flex;
  flex-direction: column;
  position: relative;
}
.layout-section[data-v-64370a5b] {
  padding: 0;
  /* ensure at least one declaration to avoid empty ruleset */
}
.no-layout-message[data-v-64370a5b] {
  padding: 2rem;
  text-align: center;
  color: #6b7280;
  font-style: italic;
}
.section-wrapper[data-v-64370a5b] {
  position: relative;
}
.section-controls[data-v-64370a5b] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
  display: flex;
  gap: 0.25rem;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.25rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.mode-toggle-container[data-v-64370a5b] {
  /* Positioned at top right */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  padding: 0.5rem;
}
.add-section-container[data-v-64370a5b] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

/* Design mode indicator styles */
.layout-section.design-mode[data-v-64370a5b] {
  position: relative;
  border: 1px dashed #ccc;
  padding: 1rem;
  border-radius: 8px;
}

/* Edit mode styles - dense layout like view mode */
.layout-section.edit-mode[data-v-64370a5b] {
  /* remove borders and padding for dense layout */
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
}


/* Layout for unused properties displayed as cards */
.unused-properties-list[data-v-64370a5b] {
  margin-top: 1rem;
}
.unused-properties-wrapper[data-v-64370a5b] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.unused-property-item[data-v-64370a5b] {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0.5rem 1rem;
}
.add-property-controls[data-v-64370a5b] {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}

/* Edit mode field styling */
.edit-mode .form-field[data-v-64370a5b] {
  margin-bottom: 0.5rem;
}

/* No sections available styling */
.no-sections-container[data-v-64370a5b] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
}
.no-sections-message[data-v-64370a5b] {
  text-align: center;
  max-width: 600px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 2rem;
}
.no-sections-message h3[data-v-64370a5b] {
  color: #495057;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.no-sections-message p[data-v-64370a5b] {
  color: #6c757d;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}
.proposed-design[data-v-64370a5b] {
  margin-top: 1.5rem;
}
.proposed-design h4[data-v-64370a5b] {
  color: #495057;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.section-preview[data-v-64370a5b] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
  text-align: left;
}
.section-item[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.section-item i[data-v-64370a5b] {
  font-size: 1.5rem;
  color: var(--p-primary-color);
  min-width: 24px;
}
.section-info[data-v-64370a5b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.section-info strong[data-v-64370a5b] {
  color: #212529;
  font-weight: 600;
}
.section-info span[data-v-64370a5b] {
  color: #6c757d;
  font-size: 0.9rem;
}
.action-buttons[data-v-64370a5b] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* Styling for Other Properties section */
.other-properties-section[data-v-64370a5b] {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #f9fafb;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.other-properties-section[data-v-64370a5b]:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.section-header[data-v-64370a5b] {
  position: relative;
  overflow: hidden;
}
.section-header[data-v-64370a5b]::before {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  width: 50px;
  height: 50px;
  background-color: var(--p-primary-color);
  opacity: 0.05;
  border-radius: 50%;
  z-index: 0;
}
.section-title[data-v-64370a5b] {
  position: relative;
  z-index: 1;
}
.subsection-title[data-v-64370a5b] {
  font-size: 1rem;
  font-weight: 500;
  color: #4b5563;
  margin: 1.25rem 0 0.75rem 0;
}
.properties-list[data-v-64370a5b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.property-list-item[data-v-64370a5b] {
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.property-list-item[data-v-64370a5b]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--p-primary-color);
  opacity: 0.3;
  transition: opacity 0.2s ease;
}
.property-list-item[data-v-64370a5b]:hover::before {
  opacity: 0.6;
}
.property-list-item[data-v-64370a5b]:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-color: #d1d5db;
}
.property-list-content[data-v-64370a5b] {
  padding: 0.75rem 1rem;
  padding-left: 1.25rem;
  /* Account for left border */
}
.property-list-main[data-v-64370a5b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.property-list-info[data-v-64370a5b] {
  flex: 1;
  min-width: 0;
  /* Allow text to truncate */
}
.property-list-header[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.property-icon[data-v-64370a5b] {
  font-size: 1rem;
  color: #6b7280;
  flex-shrink: 0;
}
.property-label[data-v-64370a5b] {
  font-weight: 600;
  color: #374151;
}
.property-type[data-v-64370a5b] {
  font-size: 0.75rem;
  color: #6b7280;
  background: #f3f4f6;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  display: inline-block;
}
.property-value[data-v-64370a5b] {
  flex: 1;
  font-size: 0.9rem;
  color: #1f2937;
  padding: 0.4rem 0.6rem;
  background: #f9fafb;
  border-radius: 4px;
  word-break: break-word;
  max-height: 40px;
  overflow-y: auto;
  line-height: 1.3;
  min-width: 0;
}
.property-list-row[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.property-list-actions[data-v-64370a5b] {
  display: flex;
  gap: 0.25rem;
  align-items: flex-start;
}
.property-list-controls[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.property-list-controls .section-select[data-v-64370a5b] {
  min-width: 180px;
  max-width: 220px;
}
.property-actions button[data-v-64370a5b]:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
}
.section-select[data-v-64370a5b] {
  width: 100%;
}
.add-property-section[data-v-64370a5b] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.property-autocomplete[data-v-64370a5b] {
  flex-grow: 1;
}
.available-properties-preview[data-v-64370a5b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.available-property-chip[data-v-64370a5b] {
  display: inline-flex;
  align-items: center;
  background: white;
  padding: 0.4rem 0.75rem;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  font-size: 0.9rem;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.2s ease;
}
.available-property-chip[data-v-64370a5b]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}
.available-property-chip i[data-v-64370a5b] {
  margin-right: 0.5rem;
  color: #6b7280;
}
.property-type-badge[data-v-64370a5b] {
  background: #f3f4f6;
  color: #6b7280;
  padding: 0.1rem 0.4rem;
  border-radius: 4px;
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.more-properties[data-v-64370a5b] {
  font-size: 0.9rem;
  color: #6b7280;
  font-style: italic;
  padding: 0.4rem 0.75rem;
}
.no-properties-message[data-v-64370a5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #6b7280;
  font-style: italic;
  background: white;
  border-radius: 8px;
  border: 1px dashed #d1d5db;
}
.no-properties-message i[data-v-64370a5b] {
  margin-right: 0.75rem;
  font-size: 1.25rem;
}
.dialog-content[data-v-64370a5b] {
  margin-bottom: 1rem;
}
.form-field[data-v-64370a5b] {
  margin-bottom: 1.25rem;
}
.form-field label[data-v-64370a5b] {
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
  display: block;
}
.key-controls[data-v-64370a5b] {
  display: flex;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.w-full[data-v-64370a5b] {
  width: 100%;
}

/* Mode Toggle Styles - Single Icon with Hover Expansion */
.mode-toggle-buttons[data-v-64370a5b] {
  margin-left: auto;
}
.mode-group[data-v-64370a5b] {
  position: relative;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Single icon indicator - default state */
.mode-indicator[data-v-64370a5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  /* Allow hover to pass through to parent */
}
.mode-indicator i[data-v-64370a5b] {
  font-size: 16px;
  color: #9ca3af;
  transition: color 0.3s ease;
}

/* Expanded buttons - hidden by default */
.mode-buttons-expanded[data-v-64370a5b] {
  display: flex;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95) translateY(-5px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 10;
}

/* Show expanded buttons on hover */
.mode-group:hover .mode-indicator[data-v-64370a5b] {
  opacity: 0;
  visibility: hidden;
}
.mode-group:hover .mode-buttons-expanded[data-v-64370a5b] {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(0);
  pointer-events: all;
}
.mode-btn[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  outline: none;
  min-width: 70px;
  justify-content: center;
}
.mode-btn[data-v-64370a5b]:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #374151;
}
.mode-btn[data-v-64370a5b]:active {
  transform: translateY(0);
}
.mode-btn.active[data-v-64370a5b] {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: white;
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}
.mode-btn.active[data-v-64370a5b]:hover {
  background: linear-gradient(135deg, #2563eb, #1e40af);
}
.mode-btn i[data-v-64370a5b] {
  font-size: 14px;
}
.mode-label[data-v-64370a5b] {
  font-size: 12px;
  letter-spacing: 0.025em;
}
.design-controls[data-v-64370a5b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.property-card[data-v-64370a5b] {
    padding: 0.75rem;
}
.properties-grid[data-v-64370a5b] {
    grid-template-columns: 1fr;
}
.section-actions[data-v-64370a5b] {
    flex-direction: column;
}
}
.autocomplete-item[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
}
.autocomplete-item i[data-v-64370a5b] {
  color: var(--p-primary-color);
  font-size: 1.25rem;
}
.autocomplete-label[data-v-64370a5b] {
  font-weight: 500;
  color: #374151;
}
.autocomplete-description[data-v-64370a5b] {
  font-size: 0.85rem;
  color: #6b7280;
}
.quick-create-form[data-v-64370a5b] {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: 0.75rem;
}
.property-name-input[data-v-64370a5b] {
  flex-grow: 1;
}
.create-new-property[data-v-64370a5b] {
  margin-top: 1.5rem;
}

/* Multi-select functionality styles */
.multi-select-controls[data-v-64370a5b] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.selection-info[data-v-64370a5b] {
  margin-bottom: 0.75rem;
}
.selection-count[data-v-64370a5b] {
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: 500;
}
.multi-select-actions[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.multi-section-select[data-v-64370a5b] {
  min-width: 200px;
  flex-grow: 1;
}
.property-list-item.selected-for-multi[data-v-64370a5b] {
  border-color: var(--p-primary-color);
  background-color: rgba(var(--p-primary-color-rgb), 0.05);
  cursor: pointer;
}
.property-list-item.selected-for-multi[data-v-64370a5b]::before {
  background-color: var(--p-primary-color);
  opacity: 1;
  width: 6px;
}
.multi-select-checkbox[data-v-64370a5b] {
  display: flex;
  align-items: center;
}
.multi-select-checkbox input[type="checkbox"][data-v-64370a5b] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--p-primary-color);
}
.property-list-item[data-v-64370a5b] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.property-list-item[data-v-64370a5b]:not(.selected-for-multi):hover {
  border-color: #d1d5db;
}

/* Fallback raw properties */
.raw-properties-section[data-v-64370a5b] {
  margin-top: 0.75rem;
  padding: 0.75rem 0.5rem 1rem 0.5rem;
  border-top: 1px solid var(--surface-border);
  font-size: 0.85rem;
}
.raw-props-title[data-v-64370a5b] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 0.5rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-color);
}
.raw-props-grid[data-v-64370a5b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}
.raw-prop-row[data-v-64370a5b] {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 0.5rem;
  padding: 4px 6px;
  border: 1px solid var(--surface-border);
  border-radius: 4px;
  background: var(--surface-card, #fff);
}
.raw-prop-key[data-v-64370a5b] {
  font-weight: 500;
  color: var(--text-color-secondary);
  word-break: break-word;
}
.raw-prop-value[data-v-64370a5b] {
  word-break: break-word;
  white-space: pre-wrap;
}

/* Design mode control buttons */
.design-mode-controls[data-v-64370a5b] {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: #f0f9ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  justify-content: flex-start;
}
.design-mode-controls[data-v-64370a5b] .p-button {
  flex-shrink: 0;
}

.history-panel[data-v-aa6c3ecc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}
.history-header[data-v-aa6c3ecc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--p-surface-border);
    flex-shrink: 0;
}
.header-left[data-v-aa6c3ecc] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.header-icon[data-v-aa6c3ecc] {
    font-size: 1.25rem;
    color: var(--p-primary-color);
}
.history-header h3[data-v-aa6c3ecc] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}
.header-actions[data-v-aa6c3ecc] {
    display: flex;
    gap: 4px;
}

/* Empty state */
.empty-state[data-v-aa6c3ecc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 24px;
    text-align: center;
    color: var(--p-text-color-secondary);
}
.empty-icon[data-v-aa6c3ecc] {
    font-size: 3rem;
    margin-bottom: 12px;
    opacity: 0.3;
}
.empty-title[data-v-aa6c3ecc] {
    margin: 0 0 8px 0;
    font-weight: 600;
    font-size: 0.95rem;
}
.empty-subtitle[data-v-aa6c3ecc] {
    margin: 0;
    font-size: 0.85rem;
    opacity: 0.7;
}

/* History list */
.history-list[data-v-aa6c3ecc] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.history-item[data-v-aa6c3ecc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--p-surface-border);
    cursor: pointer;
    transition: background-color 0.2s ease;
    gap: 8px;
}
.history-item[data-v-aa6c3ecc]:hover {
    background-color: var(--p-surface-hover);
}
.history-item.selected[data-v-aa6c3ecc] {
    background-color: var(--p-primary-50);
    border-left: 3px solid var(--p-primary-color);
    padding-left: 13px;
}
.item-content[data-v-aa6c3ecc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.item-status[data-v-aa6c3ecc] {
    display: inline-flex;
    width: fit-content;
}
.item-title[data-v-aa6c3ecc] {
    font-size: 0.95rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--p-text-color);
}
.item-subtitle[data-v-aa6c3ecc] {
    font-size: 0.8rem;
    color: var(--p-text-color-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-info[data-v-aa6c3ecc] {
    font-size: 0.75rem;
    color: var(--p-text-color-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.8;
}
.item-actions[data-v-aa6c3ecc] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.history-item:hover .item-actions[data-v-aa6c3ecc] {
    opacity: 1;
}

/* Scrollbar styling */
.history-list[data-v-aa6c3ecc]::-webkit-scrollbar {
    width: 6px;
}
.history-list[data-v-aa6c3ecc]::-webkit-scrollbar-track {
    background: transparent;
}
.history-list[data-v-aa6c3ecc]::-webkit-scrollbar-thumb {
    background: var(--p-surface-border);
    border-radius: 3px;
}
.history-list[data-v-aa6c3ecc]::-webkit-scrollbar-thumb:hover {
    background: var(--p-text-color-secondary);
}

.schedule-history-widget[data-v-4c99d019] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 16px;
    background-color: var(--p-surface-ground);
}
.loading-container[data-v-4c99d019] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap: 16px;
    color: var(--p-text-color-secondary);
}
.loading-container i[data-v-4c99d019] {
    font-size: 2rem;
    color: var(--p-primary-color);
}

.schedule-panel[data-v-0449fa0f] {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.schedule-content[data-v-0449fa0f] {
  flex: 1;
  overflow-y: auto;
}
.schedule-item[data-v-0449fa0f] {
  background: var(--surface-card);
  border: 1px solid var(--surface-border);
  transition: all 0.2s ease;
  cursor: pointer;
}
.schedule-item[data-v-0449fa0f]:hover {
  border-color: var(--primary-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
.schedule-item.past[data-v-0449fa0f] {
  opacity: 0.75;
}
.schedule-item.overdue[data-v-0449fa0f] {
  border-left: 4px solid var(--red-500);
}
.schedule-item.upcoming[data-v-0449fa0f] {
  border-left: 4px solid var(--primary-color);
}
.schedule-item-title[data-v-0449fa0f] {
  font-size: 1.05rem;
  color: var(--text-color);
}
.schedule-item-description[data-v-0449fa0f] {
  font-size: 0.9rem;
  line-height: 1.4;
}
.schedule-item-cron[data-v-0449fa0f] {
  padding: 0.3rem 0.6rem;
  background: var(--surface-ground);
  border-radius: 4px;
}
.schedule-item-cron code[data-v-0449fa0f] {
  background: var(--surface-card);
  padding: 0.1rem 0.4rem;
  border-radius: 3px;
  border: 1px solid var(--surface-border);
  font-size: 0.75rem;
}
.empty-state[data-v-0449fa0f] {
  color: var(--text-color-secondary);
}
.schedule-form .field[data-v-0449fa0f]:last-child {
  margin-bottom: 0;
}

.preview-grid[data-v-14c84072] {
  display: grid;
  grid-template-rows: auto 1fr;
  /* grid grid-rows-auto-1fr */
}
.node-form[data-v-14c84072] {
  width: 100%;
  height: auto;
  flex: 1;
  /* added */
  overflow-y: auto;
  /* changed from hidden */
}
.graph-panel[data-v-14c84072] {
  height: 100%;
  overflow-y: auto;
}
.node-editor[data-v-14c84072] {
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  /* added */
  height: 100%;
  width: 100%;
}
.element-image[data-v-14c84072] {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

/* PrimeVue Tabs Styling - Remove backgrounds and fix dark mode */
[data-v-14c84072] .p-tabs {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-14c84072] .p-tablist {
  background-color: transparent !important;
  background: transparent !important;
  border-bottom: 1px solid var(--p-surface-border, #e5e7eb);
}
[data-v-14c84072] .p-tab {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--p-text-color-secondary, #6b7280);
  padding: 0.75rem 1rem;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: all 0.2s;
}
[data-v-14c84072] .p-tab:hover {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--p-text-color, #1f2937);
}
[data-v-14c84072] .p-tab[data-p-active="true"] {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--p-primary-color, #1976d2);
  border-bottom-color: var(--p-primary-color, #1976d2);
  font-weight: 600;
}
[data-v-14c84072] .p-tabpanels {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-14c84072] .p-tabpanel {
  background-color: transparent !important;
  background: transparent !important;
}

/* Dark mode adjustments */
:root.cs-dark[data-v-14c84072] .p-tablist {
  border-bottom-color: var(--p-surface-border, rgba(255, 255, 255, 0.12));
}
:root.cs-dark[data-v-14c84072] .p-tab {
  color: var(--p-text-color-secondary, #b0b0b0);
}
:root.cs-dark[data-v-14c84072] .p-tab:hover {
  color: var(--p-text-color, #e0e0e0);
}
:root.cs-dark[data-v-14c84072] .p-tab[data-p-active="true"] {
  color: var(--p-primary-color, #60a5fa);
  border-bottom-color: var(--p-primary-color, #60a5fa);
}
.selection-placeholder[data-v-14c84072] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 400px;
  padding: 2rem;
  color: var(--p-text-color-secondary, #6b7280);
  text-align: center;
}
.selection-placeholder i[data-v-14c84072] {
  opacity: 0.5;
  color: var(--p-text-color-secondary, #6b7280);
}
:root.cs-dark .selection-placeholder[data-v-14c84072] {
  color: var(--p-text-color-secondary, #b0b0b0);
}
:root.cs-dark .selection-placeholder i[data-v-14c84072] {
  color: var(--p-text-color-secondary, #b0b0b0);
}

.field-label[data-v-6342b5d6] { display:block; font-size: 0.8rem; color: #6b7280; margin-bottom: 0.25rem
}
.hint[data-v-6342b5d6] { color:#6b7280; font-size: 0.75rem
}
.grid[data-v-6342b5d6] { display:grid
}
.grid-cols-12[data-v-6342b5d6] { grid-template-columns: repeat(12, minmax(0, 1fr));
}
.col-span-12[data-v-6342b5d6] { grid-column: 1 / -1;
}
.col-span-4[data-v-6342b5d6] { grid-column: span 4 / span 4
}
.col-span-6[data-v-6342b5d6] { grid-column: span 6 / span 6
}
.gap-3[data-v-6342b5d6] { gap: 0.75rem
}
.space-y-3[data-v-6342b5d6] > * + * { margin-top: 0.75rem
}
.flex[data-v-6342b5d6] { display:flex
}
.items-center[data-v-6342b5d6] { align-items: center
}
.justify-between[data-v-6342b5d6] { justify-content: space-between
}
.gap-2[data-v-6342b5d6] { gap: 0.5rem
}
.w-full[data-v-6342b5d6] { width: 100%
}
.w-10[data-v-6342b5d6] { width: 2.5rem
}
.h-10[data-v-6342b5d6] { height: 2.5rem
}
.text-lg[data-v-6342b5d6] { font-size: 1.125rem
}
.font-semibold[data-v-6342b5d6] { font-weight: 600
}
.group-title[data-v-6342b5d6] { font-weight: 600; color: #374151; margin: 0.25rem 0; display:flex; align-items:center
}

/* Field row: color picker + input, stacks on small screens */
.field-row[data-v-6342b5d6] { display:flex; align-items:center; gap: 0.5rem
}

/* Input with embedded color swatch */
.input-with-swatch[data-v-6342b5d6] { position: relative;
}
.input-with-swatch .with-swatch[data-v-6342b5d6] { padding-right: 2.5rem;
}
.input-with-swatch .swatch[data-v-6342b5d6] { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); width: 28px; height: 28px;
}

/* Utility tiny helpers used in labels */
.mr-1[data-v-6342b5d6] { margin-right: 0.25rem
}
.block[data-v-6342b5d6] { display:block
}

/* Enable container queries so layout adapts to split-panel resizing */
.cq-root[data-v-6342b5d6] { container-type: inline-size;
}

/* Small containers: single column and stacked controls */
@container (max-width: 640px) {
.grid-cols-12[data-v-6342b5d6] { grid-template-columns: repeat(1, minmax(0, 1fr));
}
.col-span-4[data-v-6342b5d6], .col-span-6[data-v-6342b5d6] { grid-column: 1 / -1;
}
.field-row[data-v-6342b5d6] { flex-direction: column; align-items: stretch;
}
}

/* Medium containers: two columns feel nicer */
@container (min-width: 641px) and (max-width: 1024px) {
.grid-cols-12[data-v-6342b5d6] { grid-template-columns: repeat(12, minmax(0, 1fr));
}
  /* Prefer half-width on medium containers for 4/6 span blocks */
.col-span-4[data-v-6342b5d6] { grid-column: span 6 / span 6;
}
.col-span-6[data-v-6342b5d6] { grid-column: span 6 / span 6;
}
}

.input-chips[data-v-9399bc9a] {
  height: 50px;
}

.properties-panel[data-v-fb7704bb] {
  height: 100%;
  overflow-y: auto;
}
.panel-section[data-v-fb7704bb] {
  margin-bottom: 1rem;
}
.panel-section h3[data-v-fb7704bb] {
  margin-bottom: 0.5rem;
}
.field[data-v-fb7704bb] {
  margin-bottom: 1rem;
}
.field label[data-v-fb7704bb] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.w-full[data-v-fb7704bb] {
  width: 100%;
}
.flex[data-v-fb7704bb] {
  display: flex;
}
.justify-end[data-v-fb7704bb] {
  justify-content: flex-end;
}
.mb-2[data-v-fb7704bb] {
  margin-bottom: 0.5rem;
}
.mb-4[data-v-fb7704bb] {
  margin-bottom: 1rem;
}
.text-lg[data-v-fb7704bb] {
  font-size: 1.125rem;
}
.font-semibold[data-v-fb7704bb] {
  font-weight: 600;
}
.gap-2[data-v-fb7704bb] {
  gap: 0.5rem;
}
.text-green-600[data-v-fb7704bb] {
  color: #059669;
}
.text-gray-400[data-v-fb7704bb] {
  color: #9ca3af;
}
.property-key[data-v-fb7704bb] {
  font-family: monospace;
  font-weight: 500;
}
.text-xl[data-v-fb7704bb] {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold[data-v-fb7704bb] {
  font-weight: 700;
}
.text-gray-800[data-v-fb7704bb] {
  color: #1f2937;
}
.text-gray-500[data-v-fb7704bb] {
  color: #6b7280;
}
.text-sm[data-v-fb7704bb] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.font-normal[data-v-fb7704bb] {
  font-weight: 400;
}
.ml-2[data-v-fb7704bb] {
  margin-left: 0.5rem;
}

/* Custom styles for the SelectButton component */
.prio-select-button[data-v-fb7704bb] .p-selectbutton {
  display: flex;
}
.prio-select-button[data-v-fb7704bb] .p-button {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  margin: 0;
}
.prio-select-button[data-v-fb7704bb] .p-button.p-highlight {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.prio-select-button[data-v-fb7704bb] .p-button:not(.p-highlight) {
  background-color: transparent;
  color: var(--text-color-secondary);
}

.storage-panel[data-v-fc63c22d] {
  height: 100%;
  overflow-y: auto;
}
.panel-section[data-v-fc63c22d] {
  margin-bottom: 1rem;
}
.panel-section h3[data-v-fc63c22d] {
  margin-bottom: 0.5rem;
}
.panel-section .border[data-v-fc63c22d] {
  border: 1px solid #e5e7eb;
}
.panel-section .bg-gray-50[data-v-fc63c22d] {
  background-color: #f9fafb;
}
.panel-section .text-gray-500[data-v-fc63c22d] {
  color: #6b7280;
}
.panel-section .text-xl[data-v-fc63c22d] {
  font-size: 1.25rem;
}
.panel-section .text-lg[data-v-fc63c22d] {
  font-size: 1.125rem;
}
.panel-section .font-medium[data-v-fc63c22d] {
  font-weight: 500;
}
.panel-section .font-semibold[data-v-fc63c22d] {
  font-weight: 600;
}
.panel-section .rounded[data-v-fc63c22d] {
  border-radius: 0.375rem;
}
.panel-section .p-4[data-v-fc63c22d] {
  padding: 1rem;
}
.panel-section .mb-4[data-v-fc63c22d] {
  margin-bottom: 1rem;
}
.panel-section .mb-2[data-v-fc63c22d] {
  margin-bottom: 0.5rem;
}
.panel-section .grid[data-v-fc63c22d] {
  display: grid;
}
.panel-section .grid-cols-2[data-v-fc63c22d] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.panel-section .gap-4[data-v-fc63c22d] {
  gap: 1rem;
}
.panel-section .gap-2[data-v-fc63c22d] {
  gap: 0.5rem;
}
.panel-section .actions button[data-v-fc63c22d] {
  width: 100%;
  margin-bottom: 0.5rem;
}

.preview-tab-panel {
  padding: 0;
  height: 100%;
}
.preview-grid {
  display: grid;
  grid-template-rows: auto 1fr;
  /* grid grid-rows-auto-1fr */
}
.element-image {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.element-card-body {
  max-height: 800px;
  overflow-y: none;
}

/* General Card Styles */
.element-card[data-v-2b477cb2] {
  cursor: pointer;
  transition: box-shadow 0.1s ease;
  padding: 0 !important;
  /* Faster transition */
}
.element-card[data-v-2b477cb2]:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  /* More pronounced shadow */
}

/* .selected-card styling can be added here if needed */

/* Layout System Styles */

/* Ensure PrimeVue Card takes full height */
.p-card[data-v-2b477cb2] {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Main Image Layout Container */
.element-card[data-v-2b477cb2] {
  height: 100% !important; /* Take full height of container */
  display: flex !important;
  flex-direction: column !important;
}
.element-card .p-card-body[data-v-2b477cb2] {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 !important; /* Allow card body to grow */
}
.element-card .p-card-content[data-v-2b477cb2] {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;  /* Fill available space within fixed-height wrapper */
  min-height: 0 !important;
  overflow: auto !important;  /* Scroll internal content to avoid card growth */
}

/* Main Image Layout - Higher specificity */
.element-card .p-card-content .card-image-section[data-v-2b477cb2] {
  flex: 1 !important; /* Take all available space */
  min-height: 120px !important; /* Ensure image is always visible */
  height: 100% !important; /* Ensure full height */
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem 0.5rem 0 0;
  display: flex !important;
  flex-direction: column !important;
}

/* Force image section to expand */
.element-card .p-card-content .card-image-section[data-v-2b477cb2] {
  grid-row: 1 !important;
  min-height: 120px !important;
}

/* Ensure properties section doesn't grow */
.element-card .p-card-content .image-properties-section[data-v-2b477cb2] {
  grid-row: 2 !important;
}

/* Main image layout container */
.main-image-layout-container[data-v-2b477cb2] {
  display: flex !important;
  flex-direction: column !important;
  height: var(--card-height, 160px) !important;
  min-height: 0 !important;
}

/* Main Image Layout - Higher specificity */
.element-card .p-card-content .card-image-section[data-v-2b477cb2] {
  flex: 1 !important; /* Take all available space */
  min-height: 120px !important; /* Ensure image is always visible */
  height: 100% !important; /* Ensure full height */
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem 0.5rem 0 0;
  display: flex !important;
  flex-direction: column !important;
}
.image-background[data-v-2b477cb2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.image-top-overlay[data-v-2b477cb2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  z-index: 1;
}
.image-top-content[data-v-2b477cb2] {
  display: flex;
  align-items: center;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.image-top-title[data-v-2b477cb2] {
  font-weight: 600;
  font-size: 1.1rem;
  margin-left: 0.5rem;
}
.image-properties-section[data-v-2b477cb2] {
  padding: 0.75rem 1rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 0 0 0.5rem 0.5rem;
  position: relative;
  z-index: 2;
  flex-shrink: 0; /* Prevent properties section from shrinking */
  min-height: 3rem; /* Ensure minimum height for properties */
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.image-properties[data-v-2b477cb2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 1.5rem;
}
.image-property-item[data-v-2b477cb2] {
  color: white;
  font-size: 0.9rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 500;
}
.image-property-separator[data-v-2b477cb2] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8rem;
  margin: 0 0.25rem;
}
.card-content-section[data-v-2b477cb2] {
  background-color: var(--p-surface-card);
  padding: 1rem;
  border-radius: 0 0 0.5rem 0.5rem;
  position: relative;
  z-index: 1;
  flex-shrink: 0; /* Prevent content section from shrinking */
}

/* Simple Layout (default) - existing styles remain unchanged */

/* Density Styles */
.card-density-compact .card-content[data-v-2b477cb2],
.card-density-compact .card-header[data-v-2b477cb2],
.card-density-compact .card-media[data-v-2b477cb2],
.card-density-compact .card-actions[data-v-2b477cb2] {
  padding: 0.5rem;
  /* Smaller padding for compact density */
}
.card-density-comfortable .card-content[data-v-2b477cb2],
.card-density-comfortable .card-header[data-v-2b477cb2],
.card-density-comfortable .card-media[data-v-2b477cb2],
.card-density-comfortable .card-actions[data-v-2b477cb2] {
  padding: 1rem;
  /* Slightly reduced padding */
}

/* Variant Styles */
.card-outlined[data-v-2b477cb2] {
  border: 1px solid #ddd;
  /* Lighter border */
  background-color: transparent;
}
.card-elevated[data-v-2b477cb2] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
  /* More subtle shadow */
}
.card-filled.card-scheme-primary[data-v-2b477cb2] {
  background-color: var(--p-primary-500);
  color: var(--p-primary-50);
}
.card-filled.card-scheme-secondary[data-v-2b477cb2] {
  background-color: var(--p-secondary-500);
  color: var(--p-secondary-50);
}
.card-filled.card-scheme-error[data-v-2b477cb2] {
  background-color: var(--p-error-500);
  color: var(--p-error-50);
}
.card-filled.card-scheme-info[data-v-2b477cb2] {
  background-color: var(--p-info-500);
  color: var(--p-info-50);
}
.card-filled.card-scheme-success[data-v-2b477cb2] {
  background-color: var(--p-success-500);
  color: var(--p-success-50);
}
.card-filled.card-scheme-warning[data-v-2b477cb2] {
  background-color: var(--p-warning-500);
  color: var(--p-warning-50);
}

/* Section Specific Styles */
/* .card-header styling can be added here if needed */
.card-header-title[data-v-2b477cb2] {
  font-size: 1rem;
  /* Smaller title font size */
  font-weight: 600;
  margin-bottom: 0;
  /* Remove margin */
  margin-left: 0;
}
.card-title[data-v-2b477cb2] {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0;
  cursor: pointer;
  transition: color 0.2s ease;
}
.card-title[data-v-2b477cb2]:hover {
  color: var(--p-primary-500);
}
.card-media[data-v-2b477cb2] {
  /* Media styles (e.g., for images) */
  text-align: center;
}
.card-content[data-v-2b477cb2] {
  padding-top: 0.0rem;
  flex: 0 1 auto;  /* Don't expand content to fill space */
}
.card-actions[data-v-2b477cb2] {
  top: 0;
  right: 0;

  display: flex;
  position: absolute;
}
.action-menu-container[data-v-2b477cb2] {
  position: relative;
}

/* Default Card Layout Styles */
.default-card-layout[data-v-2b477cb2] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  height: 100%;
  gap: 0.75rem;
}
.default-card-header[data-v-2b477cb2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--p-content-border-color);
}
.default-card-icon-wrapper[data-v-2b477cb2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: var(--p-surface-100);
  flex-shrink: 0;
}
.default-card-icon[data-v-2b477cb2] {
  font-size: 1.5rem;
}
.default-card-header-content[data-v-2b477cb2] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
.default-card-type[data-v-2b477cb2] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--p-text-muted-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1;
}
.default-card-name[data-v-2b477cb2] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--p-text-color);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.default-card-title[data-v-2b477cb2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--p-text-color);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.6rem;
}
.default-card-description-line[data-v-2b477cb2] {
  font-size: 0.85rem;
  color: var(--p-text-muted-color);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.25rem;
}
.default-card-description[data-v-2b477cb2] {
  font-size: 0.9rem;
  color: var(--p-text-muted-color);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
}
.default-card-properties[data-v-2b477cb2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.default-property-item[data-v-2b477cb2] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  align-items: baseline;
}
.property-label[data-v-2b477cb2] {
  font-weight: 600;
  color: var(--p-text-muted-color);
  min-width: fit-content;
}
.property-value[data-v-2b477cb2] {
  color: var(--p-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.default-card-footer[data-v-2b477cb2] {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.5rem;
  border-top: 1px solid var(--p-content-border-color);
  margin-top: auto;
}
.card-id[data-v-2b477cb2] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  font-family: monospace;
}

.question[data-v-9dd57be5] {
  font-size: 1.6rem;
  margin-top: 10px;
  font-weight: 500;
}
.prompt-title[data-v-9dd57be5] {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 10px;
}
.prompt-step[data-v-9dd57be5] {
  flex-grow: 1;
  margin-right: 3px;
}
.clickable[data-v-9dd57be5] {
  cursor: pointer;
}
.clickable[data-v-9dd57be5]:hover {
  text-decoration: underline;
}
.methane-card[data-v-9dd57be5] {
  max-width: 400px;
  /* margin: 2rem auto; */
  padding: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.property-group[data-v-9dd57be5] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.property-label[data-v-9dd57be5] {
  margin-top: 3px;
  padding: 1px;
}
.property-analysis-value[data-v-9dd57be5] {
  font-weight: 700;
  font-size: 1.2rem;
  padding: 8px;
  /* margin-right: 0.5rem; */
}
.methane-card p[data-v-9dd57be5] {
  margin: 0.5rem 0;
  padding: 0 !important;
}
.methane-card strong[data-v-9dd57be5] {
  display: inline-block;
  width: 150px;
}
.answer[data-v-9dd57be5] {
  font-size: 1rem;
  font-weight: 700;
  margin-top: 5px;
  margin-left: 8px;
  margin-bottom: 12px;
}
.event_date[data-v-9dd57be5] {
  font-size: 1rem;
  font-weight: 500;
}

.author[data-v-73578a4c] {
  text-decoration: none;
  margin-left: 3px;
  cursor: pointer;
}

.entity-card[data-v-d70ad28b] {
  margin: 5px;
  width: 400px;
  height: 175px;
  background-color: var(--surface-overlay);
}

.fav-icon-image[data-v-11afefe8] {
  /* margin: 1px; */
  width: 1rem;
  height: 1rem;
}


.channel-chip[data-v-71d06871] {
  margin-right: 5px;
  cursor: pointer;
}

.entity-chip[data-v-9d281f1e] {
  padding: 1;
  opacity: 0.5;
  cursor: pointer;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: gray;
  height: 23px;
  overflow: hidden;
  background-color: unset;
}
.entity-chip[data-v-9d281f1e]:hover {
  opacity: 1;
}
.selected-entity[data-v-9d281f1e] {
  font-weight: 700;
}

.feed-chip[data-v-932e4771] {
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.image-placeholder[data-v-88f6837d] {
  width: 90px;
  height: 70px;
  margin-right: 10px;
}
.image-preview[data-v-88f6837d] {
  -o-object-fit: contain;
  object-fit: cover;
}

.indicator[data-v-ddda1ad1] {
  height: 80px;
  margin: 4px;
  padding: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.indicator-value[data-v-ddda1ad1] {
  font-weight: 700 !important;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-top: 2px;
}
.indicator-title[data-v-ddda1ad1] {
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 60px;
  /* Make room for the icon */
}
.indicator-icon[data-v-ddda1ad1] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--p-primary-200);
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s;
}
@media (max-width: 768px) {
.indicator-value[data-v-ddda1ad1] {
    font-size: 1.25rem;
}
.indicator-title[data-v-ddda1ad1] {
    font-size: 0.75rem;
}
.indicator-icon[data-v-ddda1ad1] {
    height: 32px;
    width: 32px;
    font-size: 18px;
}
}

.language-chip[data-v-fe6436a0] {
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}


.article-link[data-v-b5392204] {
  cursor: pointer;
}

.group-icon[data-v-07261100] {
  margin-right: 5px;
}
.link-line[data-v-07261100] {
  margin-top: 10px;
  font-size: 1em;
}
.group-links[data-v-07261100] {
  margin-top: 5px;
  margin-left: 25px;
}
.link-group[data-v-07261100] {
  font-weight: bold;
  font-size: 1.4em;
  margin-top: 10px;
}

svg[data-v-70941a88] {
  overflow: visible;
}

.paragraph-buttons {
  display: flex;
  opacity: 0;
  transform: translateY(-7px);
  max-height: 20px;
  /* justify-content: flex-start; */
  /* margin-bottom: 1px; */
}
.article-paragraph {
  padding-left: 5px;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: unset;
}
.paragraph-div:hover .paragraph-buttons {
  opacity: 1;
  transition: opacity 0.5s;
}
.highlight-entity {
  font-weight: 700 !important;
  position: relative;
  cursor: pointer;
  border-style: none;
  /* background-color: yellow; */
}
.highlight-entity::before {
  transform: scaleX(0);
  transform-origin: bottom right;
  color: var(--p-primary-contrast-color);
  transition: transform 0.3s ease;
}
.highlight-entity:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.highlight-entity::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0 0 0 0;
  background-color: var(--p-primary-hover-color);
  z-index: -1;
  transition: transform 0.3s ease;
}

.score-line[data-v-98b7158b] {
  height: 50%;
  width: 6px;

  margin-right: 3px;
  border-color: gray !important;
  border-style: solid;
  border-width: 0.5px;
}
.empty[data-v-98b7158b] {
  background-color: transparent !important;
}
.score-container[data-v-98b7158b] {
  display: flex;
  flex-direction: row;
}

.article-emotions[data-v-1aec8eed] {
  /* min-width: 300px; */

  /* height: 380px; */
  margin: 4px;
  width: 300px;
  padding: 0 !important;
  position: relative;
  /* background-color: white; */
}
.article-guide[data-v-1aec8eed] {
  border-color: var(--p-primary-400);
}
.tab-custom-header[data-v-1aec8eed] {
  /* height: 10px; */
  border-style: none !important;
  border-width: 0px !important;
  height: 1rem;
}
.tab-fav-icon[data-v-1aec8eed] {
}
.article-title[data-v-1aec8eed] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.entity-card[data-v-1aec8eed] {
  width: 250px;
  height: 125px !important;
  margin: 4px;
  background-color: var(--p-card-background);
}
.emotion-list[data-v-1aec8eed] {
  display: flex;
  flex-direction: column;
}
.emotion-row[data-v-1aec8eed] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.emotion-icon[data-v-1aec8eed] {
  margin-right: 10px;
  width: 20px;
}
.emotion-name[data-v-1aec8eed] {
  margin-right: 10px;
  width: 100px;
}
.mf-name[data-v-1aec8eed] {
  margin-right: 10px;
  width: 150px;
}
.emotion-score-bar[data-v-1aec8eed] {
  height: 20px;
  background-color: var(--p-primary-200);
  margin-right: 10px;
  width: 100%;
}
.emotion-score-text[data-v-1aec8eed] {
  min-width: 40px;
  text-align: right;
}
.article-image-preview[data-v-1aec8eed] {
  min-width: 90px;
  max-width: 90px;
  min-height: 90px;
  max-height: 90px;
  margin-left: 15px;
}
.article-entity-cards[data-v-1aec8eed] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.related-article-card[data-v-1aec8eed] {
  background-color: var(--surface-ground);
  box-shadow: none !important;
  cursor: pointer;
}
.indicator-grid[data-v-1aec8eed] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(80px, 1fr));
  grid-gap: 10px;
}

.news-article-container[data-v-372c9e6c] {
  container-type: inline-size;
  container-name: article;
}
.news-article-item[data-v-372c9e6c] {
  cursor: pointer !important;
}
.article-title[data-v-372c9e6c] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0;
}
.article-summary[data-v-372c9e6c] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-domain[data-v-372c9e6c] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-image[data-v-372c9e6c] {
  min-width: 75px;
  max-width: 75px;
  min-height: 90px;
  max-height: 90px;
  margin-right: 15px;
}
.indicator-grid[data-v-372c9e6c] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: repeat(125px);
  grid-gap: 10px;
}
@container article (max-width: 500px) {
.entities-container[data-v-372c9e6c] {
    display: none;
}
}
@container article (max-width: 500px) {
.news-article-item[data-v-372c9e6c] {
    flex-direction: column;
}
.article-image[data-v-372c9e6c] {
    margin-bottom: 10px;
    align-self: center;
}
}

.latest-news-item[data-v-50a1e227] {
  height: 100%;
  cursor: pointer;
}
.article-card[data-v-50a1e227] {
  height: 100%;
  display: flex;
  flex-direction: column;
  /* border: 1px solid #e0e0e0;
  border-radius: 8px; */
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.article-card[data-v-50a1e227]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.article-image[data-v-50a1e227] {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.article-content[data-v-50a1e227] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.article-title[data-v-50a1e227] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.separator-dot[data-v-50a1e227]:not(:last-child)::after {
  content: "•";
  margin: 0 0.5rem;
}
.entities-container[data-v-50a1e227] {
  flex-grow: 1;
}
@media (max-width: 768px) {
.article-image[data-v-50a1e227] {
    height: 150px;
}
}

.news-homepage[data-v-07b57b80] {
  font-family: Arial, sans-serif;
  margin: 0 auto;
  padding: 20px;
  height: 100vh;
  overflow-y: auto;
}
.news-content[data-v-07b57b80] {
  padding-bottom: 2rem;
}
.featured-articles-container[data-v-07b57b80] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.featured-articles-container.dual-featured[data-v-07b57b80] {
  flex-direction: row;
}
.featured-article-card[data-v-07b57b80] {
  display: flex;
  flex-direction: column;

  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
  flex: 1;
}
.featured-article-card[data-v-07b57b80]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.featured-image-container[data-v-07b57b80] {
  height: 300px;
  overflow: hidden;
}
.featured-article-image[data-v-07b57b80] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-content[data-v-07b57b80] {
  flex-grow: 1;
}
.remaining-articles[data-v-07b57b80] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.separator-dot[data-v-07b57b80]:not(:last-child)::after {
  content: "•";
  margin: 0 0.5rem;
}
@media (max-width: 1000px) {
.featured-articles-container.dual-featured[data-v-07b57b80] {
    flex-direction: column;
}
}
@media (max-width: 640px) {
.news-homepage[data-v-07b57b80] {
    padding: 10px;
}
.featured-image-container[data-v-07b57b80] {
    height: 200px;
}
}

.custom-accordion[data-v-d921c910] {
  width: 100%;
}
.accordion-item[data-v-d921c910] {
  border: 1px solid var(--surface-border);
  margin-bottom: 2px;
  border-radius: 4px;
}
.accordion-header[data-v-d921c910] {
  padding: 1rem;
  cursor: pointer;
  display: flex;
  font-size: 1.5rem;
  justify-content: space-between;
  align-items: center;
  /* background-color: var(--surface-ground); */
}
.header-content[data-v-d921c910] {
  flex-grow: 1;
}
.header-controls[data-v-d921c910] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.group-checkbox[data-v-d921c910] {
  vertical-align: inherit;
  margin-right: 0.5rem;
}
.accordion-icon[data-v-d921c910] {
  transition: transform 0.3s ease;
}
.accordion-item.is-open .accordion-icon[data-v-d921c910] {
  transform: rotate(180deg);
}
.accordion-content[data-v-d921c910] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding: 0;
}
.accordion-inner[data-v-d921c910] {
  padding: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-item.is-open .accordion-content[data-v-d921c910] {
  max-height: 2000px;
}
.accordion-item.is-open .accordion-inner[data-v-d921c910] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.group-count[data-v-d921c910] {
  font-size: 0.9em;
  color: var(--text-color-secondary);
  margin-left: 0.5rem;
}

.article-score[data-v-69a6fa7b] {
  display: inline;
}
.news-list[data-v-69a6fa7b] {
  padding-inline-start: 0px;
  margin: 0;
}
.news-item[data-v-69a6fa7b] {
  cursor: pointer !important;
  margin: 0 !important;
  max-height: 150px;
}
.active[data-v-69a6fa7b] {
  background-color: var(--p-list-option-selected-background) !important;
}
li[data-v-69a6fa7b] {
  list-style-type: none;
}
.article-title[data-v-69a6fa7b] {
  font-size: 1.5rem;
  margin-top: 10px;
  padding-left: 50px;
  padding-right: 100px;
  margin-bottom: 40px;

  font-weight: 600;
  line-height: 47.5px;
}
.article-wrapper[data-v-69a6fa7b] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.article-wrapper.dragging[data-v-69a6fa7b] {
  opacity: 0.7;
  transform: scale(0.95);
}
.article-wrapper[draggable="true"][data-v-69a6fa7b] {
  cursor: grab;
}
.article-wrapper[draggable="true"][data-v-69a6fa7b]:active {
  cursor: grabbing;
}

.editor-card[data-v-73147de4] {
  border-radius: 0;
  background-color: var(--p-surface-100);
}
.page-container[data-v-73147de4] {
  display: flex;
  gap: 2rem;
  width: 100%;
  height: 100%;
}
.main-content[data-v-73147de4] {
  flex: 1;
  min-width: 0; /* Prevents flex item from overflowing */
  overflow-y: auto;
}
.trending-sidebar[data-v-73147de4] {
  width: 300px;
  flex-shrink: 0;
  padding: 1rem;
  display: none; /* Hidden by default */
}
.trending-section[data-v-73147de4] {
  position: sticky;
  top: 1rem;
}
.trending-header[data-v-73147de4] {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.trending-topics[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
}
.trending-topic[data-v-73147de4] {
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--surface-border);
}
.topic-title[data-v-73147de4] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.topic-articles[data-v-73147de4] {
  font-size: 0.875rem;
  opacity: 0.8;
}

/* Show sidebar on larger screens */
@media (min-width: 1200px) {
.trending-sidebar[data-v-73147de4] {
    display: block;
}
}
.news-homepage[data-v-73147de4] {
  width: 100%;
  height: 100%;
}
.perspectives-grid[data-v-73147de4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
  padding: 1rem;
  width: 100%;
}
.perspective-item[data-v-73147de4] {
  padding: 1.5rem;
  border: 1px solid var(--surface-border);
  border-left: 4px solid var(--primary-color);
  border-radius: 12px;
  background: var(--surface-0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.perspective-item[data-v-73147de4]:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.perspective-divider[data-v-73147de4] {
  display: none; /* Hide dividers in grid layout */
}
.perspective-header[data-v-73147de4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-200);
}
.perspective-title[data-v-73147de4] {
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  color: var(--text-color);
  flex-grow: 1;
  margin-bottom: 0.5rem;
}
.perspective-title[data-v-73147de4]:hover {
  text-decoration: underline;
}
.perspective-content[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.perspective-summary[data-v-73147de4] {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--text-color-secondary);
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  border: 1px solid var(--surface-200);
}
.perspective-argumentations h5[data-v-73147de4] {
  margin: 0 0 1rem 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.perspective-argumentations ul[data-v-73147de4] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.perspective-argumentations li[data-v-73147de4] {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 1rem;
  background: var(--surface-50);
  border: 1px solid var(--surface-200);
  border-radius: 8px;
  border-left: 4px solid var(--primary-color);
  position: relative;
  transition: all 0.2s ease;
  animation: fadeInUp-73147de4 0.3s ease forwards;
  opacity: 0;
  transform: translateY(10px);
}
.perspective-argumentations li[data-v-73147de4]:nth-child(1) { animation-delay: 0.1s;
}
.perspective-argumentations li[data-v-73147de4]:nth-child(2) { animation-delay: 0.2s;
}
.perspective-argumentations li[data-v-73147de4]:nth-child(3) { animation-delay: 0.3s;
}
.perspective-argumentations li[data-v-73147de4]:nth-child(4) { animation-delay: 0.4s;
}
.perspective-argumentations li[data-v-73147de4]:nth-child(5) { animation-delay: 0.5s;
}
@keyframes fadeInUp-73147de4 {
to {
    opacity: 1;
    transform: translateY(0);
}
}
.perspective-argumentations li[data-v-73147de4]:hover {
  background: var(--surface-100);
  border-color: var(--surface-300);
  transform: translateX(2px);
}
.perspective-argumentations li[data-v-73147de4]:before {
  content: '•';
  color: var(--bullet-color, var(--primary-color));
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}

/* Definition card styles */
.definition-card .perspective-header .perspective-title[data-v-73147de4] {
  color: var(--text-color);
  font-weight: 600;
}
.definition-card .perspective-header .perspective-title i[data-v-73147de4] {
  margin-right: 0.5rem;
  opacity: 0.8;
}
.definition-form[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.definition-form .p-float-label[data-v-73147de4] {
  margin-bottom: 0;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  border: 1px solid var(--surface-200);
  transition: all 0.2s ease;
}
.definition-form .p-float-label[data-v-73147de4]:hover {
  background: rgba(255, 255, 255, 0.7);
  border-color: var(--surface-300);
}
.definition-form .p-editor[data-v-73147de4]:focus-within {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}
.form-section[data-v-73147de4] {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  border: 1px solid var(--surface-200);
  transition: all 0.2s ease;
}
.form-section[data-v-73147de4]:hover {
  background: rgba(255, 255, 255, 0.7);
  border-color: var(--surface-300);
}

/* Text editor styles */
.definition-form .p-editor[data-v-73147de4] {
  border-radius: 6px;
}
.definition-form .p-editor .p-editor-content[data-v-73147de4] {
  border-radius: 0 0 6px 6px;
}

/* Add perspective section styles */
.add-perspective-section[data-v-73147de4] {
  padding: 1rem;
  text-align: center;
  border-top: 1px solid var(--surface-200);
  margin-top: 1rem;
}
.add-perspective-btn[data-v-73147de4], .preset-btn[data-v-73147de4] {
  font-size: 1rem;
  padding: 0.75rem 1.5rem;
}
.preset-btn[data-v-73147de4] {
  margin-right: 0.5rem;
}

/* Responsive adjustments for preset and add buttons */
@media (max-width: 768px) {
.add-perspective-section .flex[data-v-73147de4] {
    flex-direction: column;
    gap: 0.75rem;
}
.add-perspective-section .flex .add-perspective-btn[data-v-73147de4],
  .add-perspective-section .flex .preset-btn[data-v-73147de4] {
    width: 100%;
}
.preset-btn[data-v-73147de4] {
    margin-right: 0;
}
}

/* Loading card styles */
.loading-card[data-v-73147de4] {
  grid-column: 1 / -1; /* Span across all columns */
  text-align: center;
  background: linear-gradient(135deg, var(--primary-50) 0%, var(--surface-0) 100%);
  border: 2px solid var(--primary-200);
  border-radius: 12px;
  padding: 3rem 2rem;
  position: relative;
  overflow: hidden;
}
.loading-card[data-v-73147de4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shimmer-73147de4 2s infinite;
}
@keyframes shimmer-73147de4 {
0% { left: -100%;
}
100% { left: 100%;
}
}
.loading-content[data-v-73147de4] {
  position: relative;
  z-index: 1;
}
.loading-icon[data-v-73147de4] {
  font-size: 4rem;
  color: var(--primary-color);
  margin-bottom: 1.5rem;
}
.loading-title[data-v-73147de4] {
  color: var(--text-color);
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
}
.loading-description[data-v-73147de4] {
  color: var(--text-color-secondary);
  margin-bottom: 2rem;
  line-height: 1.6;
  font-size: 1rem;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.loading-progress[data-v-73147de4] {
  max-width: 300px;
  margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.perspectives-grid[data-v-73147de4] {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 0.5rem;
}
.perspective-item[data-v-73147de4] {
    padding: 1rem;
}
.loading-card[data-v-73147de4] {
    padding: 2rem 1rem;
}
.loading-description[data-v-73147de4] {
    font-size: 0.9rem;
}
.perspective-argumentations li[data-v-73147de4] {
    font-size: 1rem;
    font-weight: 500;
    padding: 0.75rem;
}
.perspective-argumentations h5[data-v-73147de4] {
    font-size: 1rem;
}
.perspective-summary[data-v-73147de4] {
    padding: 0.75rem;
    font-size: 0.9rem;
}
.definition-form .p-float-label[data-v-73147de4] {
    padding: 0.5rem;
}
.form-section[data-v-73147de4] {
    padding: 0.75rem;
}
}
.perspective-container[data-v-73147de4] {
  flex: 1 1 400px;
  min-width: 350px;
  max-width: 100%;
  /* border-radius: 8px; */
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
  display: flex;
  flex-direction: column;
}

/* Remove grid-specific styles */
.story-grid[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  flex: 1;
}

/* Simplified media query - only handle very small screens */
@media (max-width: 450px) {
.perspective-container[data-v-73147de4] {
    min-width: 100%;
}
.story-image img[data-v-73147de4] {
    height: 150px;
    min-height: 150px;
}
}
.story-main[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.story-image[data-v-73147de4] {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  padding: 5px;
  height: 200px;
  background-color: var(--p-surface-400);
}
.story-image img[data-v-73147de4] {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.image-chips-section[data-v-73147de4] {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.story-content[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.perspective-title[data-v-73147de4] {
  font-size: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  /* color: #202124; */
  margin-bottom: 0.5rem;
}
.perspective-summary[data-v-73147de4] {
  /* color: #4d5156; */
  line-height: 1.5;
}
.story-date[data-v-73147de4] {
  /* color: #70757a; */
  font-size: 0.875rem;
  opacity: 0.8;
}
.story-indicators[data-v-73147de4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.perspective-indicator[data-v-73147de4] {
  font-size: 0.875rem;
  opacity: 0.8;
  color: var(--text-color-secondary);
}
.story-articles[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.articles-header[data-v-73147de4] {
  font-size: 1.125rem;
  /* color: #202124; */
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.articles-list[data-v-73147de4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.article-button[data-v-73147de4] {
  text-align: left !important;
  justify-content: flex-start !important;
  white-space: normal !important;
  height: auto !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  transition: all 0.2s ease;
   cursor: pointer
}
.article-button[data-v-73147de4]:hover {
  background-color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color-text) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.article-card[data-v-73147de4] {
  cursor: pointer;
}
.article-card[data-v-73147de4]:hover {
  background-color: var(--p-surface-200);
  border-color: var(--p-surface-300);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.article-button .p-button-label[data-v-73147de4] {
  text-align: left;
  flex-grow: 1;
  white-space: normal;
  word-wrap: break-word;
}
.article-button .p-button-icon[data-v-73147de4] {
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.article-meta[data-v-73147de4] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.article-source[data-v-73147de4] {
  /* color: #202124; */
  font-weight: 600;
  font-size: 0.875rem;
}
.article-time[data-v-73147de4] {
  /* color: #70757a; */
  font-size: 0.875rem;
}
.article-title[data-v-73147de4] {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.8;
  /* color: #202124; */
  margin: 0.25rem 0;
}
.article-summary[data-v-73147de4] {
  /* color: #4d5156; */
  font-size: 0.875rem;
  line-height: 1.4;
}
.show-more-btn[data-v-73147de4] {
  align-self: flex-start;
  margin-top: 0.5rem;
}
.chips-section[data-v-73147de4] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.chips-label[data-v-73147de4] {
  /* color: #70757a; */
  font-size: 0.875rem;
}
.topic-chip[data-v-73147de4] {
  /* background: #f8f9fa; */
  /* color: #202124; */
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid #dadce0;
}

/* Responsive Design */
@media (max-width: 768px) {
.story-grid[data-v-73147de4] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.story-image img[data-v-73147de4] {
    height: 150px;
}
}
.toggle-btn[data-v-73147de4] {
  margin-top: 1rem;
  width: 100%;
}
.trending-section + .trending-section[data-v-73147de4] {
  margin-top: 2rem;
}
.topic-chip {
&[data-v-73147de4] {
  background: var(--surface-100);
  color: var(--text-color);
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--surface-300);
  transition: background-color 0.2s;
  }
&[data-v-73147de4]:hover {
    background: var(--surface-200);
}
}

/* Empty state styles */
.empty-state-container[data-v-73147de4] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
}
.empty-state-card[data-v-73147de4] {
  max-width: 500px;
  width: 100%;
}
.empty-state-content[data-v-73147de4] {
  text-align: center;
  padding: 2rem;
}
.empty-state-icon[data-v-73147de4] {
  font-size: 4rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
}
.empty-state-title[data-v-73147de4] {
  color: var(--text-color);
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.empty-state-description[data-v-73147de4] {
  color: var(--text-color-secondary);
  margin-bottom: 2rem;
  line-height: 1.6;
  font-size: 1rem;
}
.empty-state-action[data-v-73147de4] {  font-size: 1rem;
  padding: 0.75rem 1.5rem;
}

.page-container[data-v-cd200f0c] {
  display: flex;
  gap: 2rem;
  width: 100%;
  height: 100%;
}
.main-content[data-v-cd200f0c] {
  flex: 1;
  min-width: 0;
  /* Prevents flex item from overflowing */
  overflow-y: auto;
}
.trending-sidebar[data-v-cd200f0c] {
  width: 300px;
  flex-shrink: 0;
  padding: 1rem;
  display: none;
  /* Hidden by default */
  max-height: 100vh;
  overflow-y: auto;
}
.delete-all-section[data-v-cd200f0c] {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e0e0e0;
}
.delete-all-button[data-v-cd200f0c] {
  width: 100%;
  font-weight: 600;
}
.delete-all-button[data-v-cd200f0c]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
}
.trending-section[data-v-cd200f0c] {
  position: sticky;
  top: 1rem;
}
.trending-header[data-v-cd200f0c] {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.filter-header[data-v-cd200f0c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.clear-filters-btn[data-v-cd200f0c] {
  font-size: 0.75rem !important;
  padding: 0.25rem 0.5rem !important;
}
.trending-topics[data-v-cd200f0c] {
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
}
.trending-topic[data-v-cd200f0c] {
  /* padding: 0.75rem; */
  border-radius: 8px;
  border: 1px solid var(--surface-border);
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 0.5rem;
}
.trending-topic[data-v-cd200f0c]:hover {
  background: var(--surface-hover);
  border-color: var(--p-accent-color);
  transform: translateY(-1px);
}
.trending-topic.selected[data-v-cd200f0c] {
  background: var(--p-surface-200);
  /* border-color: var(--p-accent-color); */
  /* color: white; */
}
.trending-topic.selected .topic-title[data-v-cd200f0c],
.trending-topic.selected .topic-articles[data-v-cd200f0c] {
  color: var(--p-text-color);
}
.topic-title[data-v-cd200f0c] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.topic-articles[data-v-cd200f0c] {
  font-size: 0.875rem;
  opacity: 0.8;
}

/* Show sidebar on larger screens */
@media (min-width: 1200px) {
.trending-sidebar[data-v-cd200f0c] {
    display: block;
    max-height: 100vh;
    overflow-y: auto;
}
}
.news-homepage[data-v-cd200f0c] {
  width: 100%;
  height: 100%;
}
.stories-flex[data-v-cd200f0c] {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.story-container[data-v-cd200f0c] {
  flex: 1 1 350px;
  min-width: 300px;
  max-width: 100%;
  /* border-radius: 8px; */
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: center top;
}
.story-container.deleting[data-v-cd200f0c] {
  opacity: 0;
  transform: translateY(-20px) scale(0.95);
  filter: blur(1px);
  pointer-events: none;
}
.delete-button[data-v-cd200f0c] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}
.delete-button[data-v-cd200f0c]:hover {
  transform: scale(1.1);
}
.pin-button[data-v-cd200f0c] {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 10;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}
.pin-button[data-v-cd200f0c]:hover {
  transform: scale(1.1);
}

/* Orange color when pinned and hovering */
.story-container:hover .pin-button[data-v-cd200f0c] {
  background: rgba(255, 152, 0, 0.9) !important;
}
.story-container:hover .pin-button[data-v-cd200f0c]:hover {
  background: rgb(255, 152, 0) !important;
}
.pin-button.unpinning[data-v-cd200f0c] {
  animation: unpinAnimation 0.3s ease-out forwards;
}
.perspective-button[data-v-cd200f0c] {
  position: absolute;
  top: 0.5rem;
  left: 3rem;
  z-index: 10;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}
.perspective-button[data-v-cd200f0c]:hover {
  transform: scale(1.1);
}
.clickable-chip[data-v-cd200f0c] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.clickable-chip[data-v-cd200f0c]:hover {
  background-color: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.5);
  transform: translateY(-1px);
}
.clickable-chip.selected[data-v-cd200f0c] {
  background-color: rgba(59, 130, 246, 0.2);
  border-color: rgb(59, 130, 246);
  color: rgb(59, 130, 246);
}
.favorites-filter-section[data-v-cd200f0c] {
  /* padding: 1rem 1.5rem; */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
  margin-bottom: 1rem;
}
.favorites-toggle-container[data-v-cd200f0c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.favorites-toggle-label[data-v-cd200f0c] {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  margin: 0;
}
.geo-filter-section[data-v-cd200f0c] {
  /* padding: 1rem 1.5rem; */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
  margin-bottom: 1rem;
}
.geo-filter-header-container[data-v-cd200f0c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.geo-filter-header[data-v-cd200f0c] {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  margin: 0;
}
.geo-filter-icons[data-v-cd200f0c] {
  display: flex;
  gap: 0.25rem;
}
.geo-filter-icon-btn[data-v-cd200f0c] {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  font-size: 0.75rem;
  padding: 0 !important;
}
.geo-filter-icon-btn.active[data-v-cd200f0c] {
  background: var(--primary-color) !important;
  color: var(--primary-color-text) !important;
  border-color: var(--primary-color) !important;
}
.geo-filter-icon-btn.clear-btn[data-v-cd200f0c] {
  background: rgba(220, 53, 69, 0.1) !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
  color: rgb(220, 53, 69) !important;
}
.geo-filter-icon-btn.clear-btn[data-v-cd200f0c]:hover {
  background: rgba(220, 53, 69, 0.2) !important;
  border-color: rgb(220, 53, 69) !important;
}
.date-filter-section[data-v-cd200f0c] {
  /* padding: 1rem 1.5rem; */
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}
.date-filter-header[data-v-cd200f0c] {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  margin: 0 0 0.5rem 0;
}
.date-filter-chips[data-v-cd200f0c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.date-filter-chip[data-v-cd200f0c] {
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.date-filter-chip[data-v-cd200f0c]:hover {
  background-color: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.5);
  transform: translateY(-1px);
}
.date-filter-chip.selected[data-v-cd200f0c] {
  background-color: rgba(59, 130, 246, 0.2);
  border-color: rgb(59, 130, 246);
  color: rgb(59, 130, 246);
}
.topics-grid[data-v-cd200f0c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.topic-filter-chip[data-v-cd200f0c] {
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.topic-filter-chip[data-v-cd200f0c]:hover {
  background-color: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.5);
  transform: translateY(-1px);
}
.topic-filter-chip.selected[data-v-cd200f0c] {
  background-color: rgba(59, 130, 246, 0.2);
  border-color: rgb(59, 130, 246);
  color: rgb(59, 130, 246);
}

/* Remove grid-specific styles */
.story-grid[data-v-cd200f0c] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  flex: 1;
}

/* Simplified media query - only handle very small screens */
@media (max-width: 450px) {
.story-container[data-v-cd200f0c] {
    min-width: 100%;
}
.story-image img[data-v-cd200f0c] {
    height: 150px;
    min-height: 150px;
}
}
.story-main[data-v-cd200f0c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.story-image[data-v-cd200f0c] {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  padding: 5px;
  height: 200px;
  background-color: var(--p-surface-400);
}
.story-image img[data-v-cd200f0c] {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.image-chips-section[data-v-cd200f0c] {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.story-content[data-v-cd200f0c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.story-title[data-v-cd200f0c] {
  font-size: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  /* color: #202124; */
  margin-bottom: 0.5rem;
}
.story-summary[data-v-cd200f0c] {
  /* color: #4d5156; */
  line-height: 1.5;
}
.story-date[data-v-cd200f0c] {
  /* color: #70757a; */
  font-size: 0.875rem;
  opacity: 0.8;
}
.story-indicators[data-v-cd200f0c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.story-indicator[data-v-cd200f0c] {
  font-size: 0.875rem;
  opacity: 0.8;
  color: var(--text-color-secondary);
}
.story-articles[data-v-cd200f0c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.articles-header[data-v-cd200f0c] {
  font-size: 1.125rem;
  /* color: #202124; */
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.articles-list[data-v-cd200f0c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.article-card[data-v-cd200f0c] {
  padding: 0.25rem;
  border-left: 3px solid transparent;
  cursor: pointer;
}
.article-card[data-v-cd200f0c]:hover {
  /* background-color: #f8f9fa; */
  border-left-color: var(--p-accent-color);
}
.article-meta[data-v-cd200f0c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.article-source[data-v-cd200f0c] {
  /* color: #202124; */
  font-weight: 600;
  font-size: 0.875rem;
}
.article-time[data-v-cd200f0c] {
  /* color: #70757a; */
  font-size: 0.875rem;
}
.article-title[data-v-cd200f0c] {
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.8;
  /* color: #202124; */
  margin: 0.25rem 0;
}
.article-summary[data-v-cd200f0c] {
  /* color: #4d5156; */
  font-size: 0.875rem;
  line-height: 1.4;
}
.show-more-btn[data-v-cd200f0c] {
  align-self: flex-start;
  margin-top: 0.5rem;
}
.chips-section[data-v-cd200f0c] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.chips-label[data-v-cd200f0c] {
  /* color: #70757a; */
  font-size: 0.875rem;
}
.topic-chip[data-v-cd200f0c] {
  /* background: #f8f9fa; */
  /* color: #202124; */
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid #dadce0;
}

/* Responsive Design */
@media (max-width: 768px) {
.story-grid[data-v-cd200f0c] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.story-image img[data-v-cd200f0c] {
    height: 150px;
}
}
.toggle-btn[data-v-cd200f0c] {
  margin-top: 1rem;
  width: 100%;
}
.trending-section+.trending-section[data-v-cd200f0c] {
  margin-top: 2rem;
}

.concept[data-v-4644d5f4] {
  font-size: 1.25rem;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}
.concept[data-v-4644d5f4]:focus {
  outline: none;
  border-bottom: 2px solid var(--surface-400);
}
.concept-button[data-v-4644d5f4] {
  margin: 0;
  padding: 0 !important;
}
.placeholder[data-v-4644d5f4] {
  /* color: #aaa; */
  background-color: unset !important;
  align-self: center;
  padding: 0.25rem;
}
.text-input[data-v-4644d5f4] {
  margin-left: 3px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  border-radius: 5px;
  outline: none;
  /* border: 1px solid var(--p-content-border-color); */
  /* background-color: var(--surface-a); */

  /* padding: 0.5rem; */
}
.text-input > span[data-v-4644d5f4] {
  margin-right: 0.25rem;
  padding: 0.25rem;
  background-color: var(--p-surface-300);
  border-radius: 5px;
  min-width: 20px;
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  margin-top: 2px;
  max-height: 3rem;
}
.cs-dark .text-input > span[data-v-4644d5f4] {
  background-color: var(--p-surface-500);
  color: var(--p-text-color);
}
.focus-input[data-v-4644d5f4] {
  max-width: unset !important;
  white-space: unset !important;
  max-height: unset !important;
}
.disabled[data-v-4644d5f4] {
  opacity: 0.6;
  cursor: not-allowed;
}
.disabled > span[data-v-4644d5f4] {
  pointer-events: none;
}

.import-tabs-panels {
  height: calc(100% - 100px);
  overflow-y: auto;
}
.medium-dialog {
  width: 70%;
  height: 80%;
  background-color: var(--surface-d);
}

.formatted-text {
  white-space: pre-wrap; /* Preserve white space and also wrap text */
  font-family: inherit; /* Use the default font */
  word-break: break-word; /* Ensure long words do not overflow */
}

.tags-overview-container[data-v-1a4b0b12] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 10px;
}
h3[data-v-1a4b0b12] {
    margin-top: 0;
    margin-bottom: 10px;
}
.tags-list[data-v-1a4b0b12] {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tag-item[data-v-1a4b0b12] {
    display: flex;
    flex-direction: column;
    padding: 6px 10px;
    margin-bottom: 5px;
    background-color: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
    overflow: hidden;
}
.tag-item[data-v-1a4b0b12]:hover {
    background-color: #e0e0e0;
}
.tag-row-content[data-v-1a4b0b12] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 2;
}
.tag-details[data-v-1a4b0b12] {
    display: flex;
    align-items: center;
}
.tag-text[data-v-1a4b0b12] {
    font-weight: 500;
}
.tag-chart-container[data-v-1a4b0b12] {
    width: 100%;
    height: 3px;
    background-color: transparent;
    margin-top: 4px;
    position: relative;
    z-index: 1;
}
.tag-chart-bar[data-v-1a4b0b12] {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    transition: width 0.3s ease;
}
.tag-count[data-v-1a4b0b12] {
    background-color: #ddd;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 0.9em;
}
.tag-selected[data-v-1a4b0b12] {
    background-color: #4a90e2 !important;
    color: white;
}
.tag-selected .tag-count[data-v-1a4b0b12] {
    background-color: rgba(255, 255, 255, 0.3);
    color: white;
}
.tag-combinable[data-v-1a4b0b12] {
    border-left: 3px solid #4CAF50;
}
.tag-not-combinable[data-v-1a4b0b12] {
    opacity: 0.6;
}
.tag-compatibility[data-v-1a4b0b12] {
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
}
.icon-combinable[data-v-1a4b0b12] {
    color: #4CAF50;
    font-size: 0.9em;
}
.icon-not-combinable[data-v-1a4b0b12] {
    color: #F44336;
    font-size: 0.9em;
}
.tag-info[data-v-1a4b0b12] {
    margin-top: 10px;
    padding: 5px;
}
.clear-selection[data-v-1a4b0b12] {
    padding: 5px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.clear-selection[data-v-1a4b0b12]:hover {
    background-color: #e0e0e0;
}
  
.word-cloud-container[data-v-c9d4fc68] {
  width: 100%;
  height: 100%;
  position: relative;
}
svg[data-v-c9d4fc68] {
  width: 100%;
  height: 100%;
}
text[data-v-c9d4fc68] {
  cursor: pointer;
  transition: fill 0.3s;
}
text[data-v-c9d4fc68]:hover {
  fill: #f00;
}

.vector-plot[data-v-638c9fcd] {
  width: 100%;
  height: calc(100vh - 250px);
  min-height: 600px;
  min-width: 600px;
  overflow: visible; /* Ensure the plot is not cut off */
}
.loading-indicator[data-v-638c9fcd] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 1.2em;
  color: #666;
}

.article-entity-cards[data-v-55565b41] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.entity-card[data-v-55565b41] {
  width: 250px;
  height: 150px;
  margin: 4px;
}

.bookmark-panel[data-v-abb22e08] {
  max-width: 400px !important;
  width: 400px !important;
  overflow-x: hidden;
}
.collection-select[data-v-abb22e08] {
  width: 100%;
}

.search-bar[data-v-467401d0] {
  position: fixed;
  /* width: 300px !important; */
  align-items: flex-start;
  width: calc(50% - 2rem);
  z-index: 10;
  overflow: hidden;
  margin-left: 0 !important;
  padding-left: 0 !important;
  background-color: var(--p-content-background) !important;
}
.search-options[data-v-467401d0] {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 1rem;
}
.filter-icon[data-v-467401d0] {
  font-size: 1.2rem;
  align-self: center;
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.search-input[data-v-467401d0] {
  border: 1px solid var(--p-tabview-tab-list-border-color);
  border-width: 0 0 1px 0;

  border-radius: 10px;
}
.search-options>div[data-v-467401d0] {
  margin-top: 1.2rem;
  display: flex;
  width: 30%;
}
.search-options>div>div[data-v-467401d0] {
  width: 100% !important;
}
.search-open[data-v-467401d0] {
  /* height: 300px; */
  border: 1px solid var(--p-tabview-tab-list-border-color);
  /* border-width: 0 0 1px 0; */
  background-color: var(--accent-ground) !important;
  box-shadow: var(--p-surface-500) 0px 0px 5px;
  border-radius: 10px;
  /* border-color: black; */
}
.search-entry[data-v-467401d0] {
  max-width: 300px;
}
.ai-title[data-v-467401d0] {
  font-weight: 700;
  font-size: 1.2rem;
}
.ai-desc[data-v-467401d0] {
  display: block;
  font-size: 1rem;
  margin-bottom: 10px;
}
.ai-switch[data-v-467401d0] {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.op-filters[data-v-467401d0] {
  width: 340px;
}
.no-radius[data-v-467401d0] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 7px;
  width: 95px;
  margin: 3px;
}
.search-concept[data-v-467401d0] {
  max-width: 200px;
  overflow-x: hidden;
}
.filter-concept[data-v-467401d0] {
  background-color: #525bb1;
  color: white;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.moveaway-concept[data-v-467401d0] {
  background-color: #d9534f;
  color: white;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.related-concept[data-v-467401d0] {
  background-color: #f0ad4e;
  color: black;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.hybrid-concept[data-v-467401d0] {
  background-color: #4fd966;
  color: black;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.history-item[data-v-467401d0] {
  width: 100%;
  cursor: pointer;
  padding: 3px;
  display: flex;
}
.history-item[data-v-467401d0]:hover {
  background-color: var(--surface-300);
}
.history-list[data-v-467401d0] {
  max-height: 400px;
  overflow-y: auto;
}
.suggestion-chip[data-v-467401d0] {
  border-radius: 0;
  cursor: pointer;
  border: 1px solid var(--surface-400);
  font-size: small;
  margin-bottom: 2px;
  margin-right: 3px;
  padding: 3px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: var(--surface-100);
}
.select-view[data-v-467401d0] {
  cursor: pointer;
  margin: 6px;
  color: rgb(133, 133, 133);
  /* margin-left: 2rem !important; */
  font-size: 1.8rem;
}
.bookmark-button[data-v-467401d0] {
  border-color: rgb(209, 213, 219);
  color: rgb(168, 168, 168);
}
.bookmark-button[data-v-467401d0] {
  height: 40px !important;
  width: 42px !important;
  font-size: 1.6rem;
  padding-left: 8px;
}
.concept-text[data-v-467401d0] {
  /* max-width: 200px; */
}
.test-concept[data-v-467401d0] {
  background-color: aquamarine !important;
}
.concept-chip-token[data-v-467401d0] {
  max-width: 250px;
  overflow: hidden;
  overflow-wrap: unset;
  text-wrap: nowrap;
  max-height: 30px;
  overflow-x: hidden;
  border-radius: 0;
  padding: 0.25em;
}

.dashboard-layout-component > * {
  flex-grow: 1;
}
.dashboard-layout-component {
  overflow-y: hidden;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-grow: 1;
}
.tag-validation-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
  padding: 2rem;
}
.warning-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 600px;
}
.warning-icon {
  font-size: 4rem;
  color: var(--orange-500);
  margin-bottom: 1rem;
}
.warning-text h4 {
  font-size: 2rem;
  margin: 0 0 1rem 0;
  font-weight: 600;
  color: var(--text-color);
}
.warning-text p {
  margin: 0;
  line-height: 1.6;
  font-size: 1.1rem;
  color: var(--text-color-secondary);
}
.home-link {
  margin-top: 2rem;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  text-decoration: none;
  background-color: var(--primary-color, #4caf50);
  color: white;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
.home-link:hover {
  background-color: var(--primary-color-dark, #45a049);
}

.widget[data-v-13506275] {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100% !important;
  /* display: contents; */
  display: flex;
  flex-direction: column;
}
.tag-validation-warning[data-v-13506275] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 2rem;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
  border-radius: 8px;
  margin: 1rem;
}
.warning-icon[data-v-13506275] {
  font-size: 3rem;
  color: var(--p-orange-500);
  margin-bottom: 1rem;
}
.warning-text h4[data-v-13506275] {
  font-size: 1.5rem;
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  color: var(--p-text-color);
}
.warning-text p[data-v-13506275] {
  margin: 0;
  line-height: 1.6;
  font-size: 0.9rem;
  color: var(--p-text-color-secondary);
  max-width: 400px;
}

.snapshot-mode-indicator[data-v-a6d2521c] {
  background: transparent;
  border-bottom: 1px solid var(--p-surface-border);
  padding: 1rem;
}
.mode-toggle-section[data-v-a6d2521c] {
  margin-bottom: 0.75rem;
}
.mode-title[data-v-a6d2521c] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  margin: 0 0 0.75rem 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.mode-buttons[data-v-a6d2521c] {
  display: flex;
  gap: 0.75rem;
}
.mode-btn[data-v-a6d2521c] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 2px solid var(--p-surface-border);
  border-radius: 0.5rem;
  background: var(--p-surface-hover);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.mode-btn[data-v-a6d2521c]:hover:not(:disabled) {
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
  transform: translateY(-1px);
}
.mode-btn[data-v-a6d2521c]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.mode-btn.active[data-v-a6d2521c] {
  border-color: var(--p-primary-color);
  background: var(--p-primary-50);
}
.cs-dark .mode-btn.active[data-v-a6d2521c] {
  background: var(--p-primary-900);
}
.mode-btn.active.online-btn[data-v-a6d2521c] {
  border-color: var(--p-green-500);
  background: var(--p-green-50);
}
.cs-dark .mode-btn.active.online-btn[data-v-a6d2521c] {
  background: var(--p-green-950);
}
.mode-btn.active.offline-btn[data-v-a6d2521c] {
  border-color: var(--p-orange-500);
  background: var(--p-orange-50);
}
.cs-dark .mode-btn.active.offline-btn[data-v-a6d2521c] {
  background: var(--p-orange-950);
}
.mode-btn .mdi[data-v-a6d2521c] {
  font-size: 1.5rem;
  color: var(--p-text-muted-color);
}
.mode-btn.active .mdi[data-v-a6d2521c] {
  color: var(--p-primary-600);
}
.mode-btn.active.online-btn .mdi[data-v-a6d2521c] {
  color: var(--p-green-600);
}
.mode-btn.active.offline-btn .mdi[data-v-a6d2521c] {
  color: var(--p-orange-600);
}
.btn-content[data-v-a6d2521c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: left;
}
.btn-label[data-v-a6d2521c] {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--p-text-color);
}
.btn-status[data-v-a6d2521c] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
}
.mode-btn.active .btn-status[data-v-a6d2521c] {
  color: var(--p-primary-600);
  font-weight: 500;
}
.mode-btn.active.online-btn .btn-status[data-v-a6d2521c] {
  color: var(--p-green-600);
}
.mode-btn.active.offline-btn .btn-status[data-v-a6d2521c] {
  color: var(--p-orange-600);
}
.mode-info[data-v-a6d2521c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: var(--p-surface-hover);
  font-size: 0.875rem;
}
.mode-info.online[data-v-a6d2521c] {
  background: var(--p-green-50);
  border: 1px solid var(--p-green-200);
}
.cs-dark .mode-info.online[data-v-a6d2521c] {
  background: var(--p-green-950);
  border-color: var(--p-green-800);
}
.mode-info.offline[data-v-a6d2521c] {
  background: var(--p-orange-50);
  border: 1px solid var(--p-orange-200);
}
.cs-dark .mode-info.offline[data-v-a6d2521c] {
  background: var(--p-orange-950);
  border-color: var(--p-orange-800);
}
.mode-info .mdi[data-v-a6d2521c] {
  font-size: 1.25rem;
  color: var(--p-text-muted-color);
}
.mode-info.online .mdi[data-v-a6d2521c] {
  color: var(--p-green-600);
}
.mode-info.offline .mdi[data-v-a6d2521c] {
  color: var(--p-orange-600);
}
.info-content[data-v-a6d2521c] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.info-label[data-v-a6d2521c] {
  font-weight: 500;
  color: var(--p-text-color);
}
.info-detail[data-v-a6d2521c] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
}

.dialog-overlay[data-v-fea44444] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}
.dialog-content[data-v-fea44444] {
  background: var(--p-content-background);
  border-radius: 0.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  max-width: 56rem;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
  border: 1px solid var(--p-primary-color);
  transition: max-width 0.3s ease, max-height 0.3s ease;
}
.dialog-content.advanced-mode[data-v-fea44444] {
  max-width: 64rem;
  max-height: 95vh;
}
.dialog-header[data-v-fea44444] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--p-surface-border);
}
.header-actions[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.advanced-toggle[data-v-fea44444] {
  padding: 0.375rem 0.75rem;
  color: var(--p-text-muted-color);
  background: var(--p-surface-hover);
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.advanced-toggle[data-v-fea44444]:hover {
  color: var(--p-text-color);
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
}
.advanced-toggle.active[data-v-fea44444] {
  color: var(--p-primary-color);
  background: var(--p-primary-50);
  border-color: var(--p-primary-color);
}
.cs-dark .advanced-toggle.active[data-v-fea44444] {
  background: var(--p-primary-900);
}
.dialog-title[data-v-fea44444] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--p-text-color);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.close-button[data-v-fea44444] {
  padding: 0.5rem;
  color: var(--p-text-muted-color);
  background: transparent;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
}
.close-button[data-v-fea44444]:hover {
  color: var(--p-text-color);
  background: var(--p-surface-100);
}
.dialog-body[data-v-fea44444] {
  padding: 1rem;
  max-height: 60vh;
  overflow-y: auto;
}
.snapshot-form[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Top Section: Two Columns */
.top-section[data-v-fea44444] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 768px) {
.top-section[data-v-fea44444] {
    grid-template-columns: 1fr;
}
}
.form-column[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.current-state-column[data-v-fea44444] {
  display: flex;
  flex-direction: column;
}
.form-group[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-label[data-v-fea44444] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-text-color);
}
.form-input[data-v-fea44444] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: var(--p-text-color);
  background: var(--p-surface-hover);
}
.form-input[data-v-fea44444]:focus {
  outline: none;
  border-color: var(--p-primary-color);
  box-shadow: 0 0 0 1px var(--p-primary-color);
}
.form-textarea[data-v-fea44444] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: var(--p-text-color);
  background: var(--p-surface-hover);
  resize: none;
}
.form-textarea[data-v-fea44444]:focus {
  outline: none;
  border-color: var(--p-primary-color);
  box-shadow: 0 0 0 1px var(--p-primary-color);
}
.form-hint[data-v-fea44444] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
}
.current-state-info[data-v-fea44444] {
  background: var(--p-surface-hover);
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 1px solid var(--p-surface-border);
}
.info-title[data-v-fea44444] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.state-stats[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.stat[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--p-text-color);
}
.stat i[data-v-fea44444] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.warning-box[data-v-fea44444] {
  background: var(--p-primary-50);
  border: 1px solid var(--p-primary-200);
  border-radius: 0.375rem;
  padding: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.cs-dark .warning-box[data-v-fea44444] {
  background: var(--p-primary-900);
  border-color: var(--p-primary-800);
}
.warning-box i[data-v-fea44444] {
  color: var(--p-primary-500);
  font-size: 1.125rem;
  margin-top: 0.125rem;
}
.warning-text[data-v-fea44444] {
  font-size: 0.875rem;
  color: var(--p-primary-700);
  margin-top: 0.25rem;
}
.dialog-footer[data-v-fea44444] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem;
  border-top: 1px solid var(--p-surface-border);
  background: var(--p-content-background);
}
.cancel-button[data-v-fea44444] {
  padding: 0.5rem 1rem;
  color: var(--p-text-color);
  background: var(--p-surface-hover);
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 0.2s;
  font-size: 0.875rem;
  font-weight: 500;
}
.cancel-button[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-surface-200);
}
.cancel-button[data-v-fea44444]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.create-button[data-v-fea44444] {
  padding: 0.5rem 1rem;
  background: var(--p-primary-color);
  color: white;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.create-button[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-primary-600);
}
.create-button[data-v-fea44444]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.animate-spin[data-v-fea44444] {
  animation: spin-fea44444 1s linear infinite;
}
@keyframes spin-fea44444 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

/* Advanced Mode Styles */
.advanced-section[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: var(--p-surface-hover);
  border-radius: 0.5rem;
  border: 1px solid var(--p-surface-border);
}
.section-header[data-v-fea44444] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  gap: 1rem;
}
.advanced-section .info-title[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.header-warning[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: var(--p-red-50);
  border: 1px solid var(--p-red-200);
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--p-red-700);
}
.cs-dark .header-warning[data-v-fea44444] {
  background: var(--p-red-950);
  border-color: var(--p-red-800);
  color: var(--p-red-300);
}
.header-warning i[data-v-fea44444] {
  font-size: 1rem;
  color: var(--p-red-600);
}
.cs-dark .header-warning i[data-v-fea44444] {
  color: var(--p-red-400);
}
.metanode-selection[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.selection-header[data-v-fea44444] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.selection-controls[data-v-fea44444] {
  display: flex;
  gap: 0.5rem;
}
.select-all-btn[data-v-fea44444],
.metanodes-only-btn[data-v-fea44444],
.deselect-all-btn[data-v-fea44444] {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
  background: var(--p-surface-hover);
  color: var(--p-text-color);
}
.select-all-btn[data-v-fea44444]:hover:not(:disabled),
.metanodes-only-btn[data-v-fea44444]:hover:not(:disabled),
.deselect-all-btn[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
}
.select-all-btn[data-v-fea44444]:disabled,
.metanodes-only-btn[data-v-fea44444]:disabled,
.deselect-all-btn[data-v-fea44444]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.filter-search[data-v-fea44444] {
  position: relative;
  flex: 1;
  min-width: 150px;
  max-width: 200px;
}
.filter-input[data-v-fea44444] {
  width: 100%;
  padding: 0.375rem 0.75rem 0.375rem 2rem;
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  font-size: 0.75rem;
  color: var(--p-text-color);
  background: var(--p-surface-hover);
}
.filter-input[data-v-fea44444]:focus {
  outline: none;
  border-color: var(--p-primary-color);
  box-shadow: 0 0 0 1px var(--p-primary-color);
}
.filter-icon[data-v-fea44444] {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--p-text-muted-color);
  font-size: 0.875rem;
  pointer-events: none;
}
.metanode-list[data-v-fea44444] {
  max-height: 400px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 0.5rem;
  padding: 0.75rem;
  background: var(--p-content-background);
  border-radius: 0.375rem;
  border: 1px solid var(--p-surface-border);
}
.metanode-list[data-v-fea44444]::-webkit-scrollbar {
  width: 6px;
}
.metanode-list[data-v-fea44444]::-webkit-scrollbar-track {
  background: var(--p-surface-hover);
  border-radius: 3px;
}
.metanode-list[data-v-fea44444]::-webkit-scrollbar-thumb {
  background: var(--p-surface-border);
  border-radius: 3px;
}
.metanode-list[data-v-fea44444]::-webkit-scrollbar-thumb:hover {
  background: var(--p-primary-color);
}
.metanode-item[data-v-fea44444] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem;
  border-radius: 0.375rem;
  transition: background 0.2s;
  background: var(--p-surface-hover);
  border: 1px solid var(--p-surface-border);
}
.metanode-item[data-v-fea44444]:hover:not(.disabled) {
  background: var(--p-surface-200);
}
.cs-dark .metanode-item[data-v-fea44444]:hover:not(.disabled) {
  background: var(--p-surface-300);
}
.metanode-item.disabled[data-v-fea44444] {
  opacity: 0.5;
}
.tristate-checkbox[data-v-fea44444] {
  display: flex;
  width: 100%;
}
.tristate-btn[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  padding: 0.5rem;
  border: 2px solid var(--p-surface-border);
  border-radius: 0.375rem;
  background: var(--p-surface-hover);
  color: var(--p-text-color);
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
  text-align: left;
}
.tristate-btn[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
}
.cs-dark .tristate-btn[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
}
.tristate-btn[data-v-fea44444]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tristate-btn.tristate-full[data-v-fea44444] {
  background: var(--p-primary-50);
  border-color: var(--p-primary-color);
  color: var(--p-text-color);
}
.cs-dark .tristate-btn.tristate-full[data-v-fea44444] {
  background: var(--p-primary-900);
  color: var(--p-text-color);
}
.tristate-btn.tristate-full[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-primary-100);
}
.cs-dark .tristate-btn.tristate-full[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-primary-800);
}
.tristate-btn.tristate-metanode[data-v-fea44444] {
  background: var(--p-amber-50);
  border-color: var(--p-amber-300);
  color: var(--p-text-color);
}
.cs-dark .tristate-btn.tristate-metanode[data-v-fea44444] {
  background: var(--p-amber-950);
  border-color: var(--p-amber-700);
  color: var(--p-text-color);
}
.tristate-btn.tristate-metanode[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-amber-100);
}
.cs-dark .tristate-btn.tristate-metanode[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-amber-900);
}
.tristate-btn.tristate-excluded[data-v-fea44444] {
  background: var(--p-surface-hover);
  border-color: var(--p-surface-border);
  color: var(--p-text-color);
}
.tristate-btn.tristate-excluded[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-surface-200);
}
.cs-dark .tristate-btn.tristate-excluded[data-v-fea44444]:hover:not(:disabled) {
  background: var(--p-surface-200);
}
.tristate-icon[data-v-fea44444] {
  margin-left: auto;
  font-size: 1.125rem;
  flex-shrink: 0;
}
.tristate-full .tristate-icon[data-v-fea44444] {
  color: var(--p-primary-color);
}
.tristate-metanode .tristate-icon[data-v-fea44444] {
  color: var(--p-amber-600);
}
.cs-dark .tristate-metanode .tristate-icon[data-v-fea44444] {
  color: var(--p-amber-400);
}
.tristate-excluded .tristate-icon[data-v-fea44444] {
  color: var(--p-text-muted-color);
}
.metanode-item.has-warning[data-v-fea44444] {
  background: var(--p-amber-50);
  border: 1px solid var(--p-amber-200);
}
.cs-dark .metanode-item.has-warning[data-v-fea44444] {
  background: var(--p-amber-950);
  border-color: var(--p-amber-800);
}
.metanode-checkbox[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  flex: 1;
}
.metanode-checkbox input[type="checkbox"][data-v-fea44444] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  accent-color: var(--p-primary-color);
}
.metanode-checkbox input[type="checkbox"][data-v-fea44444]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.checkbox-label[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.metanode-name[data-v-fea44444] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-text-color);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.edge-indicator[data-v-fea44444] {
  display: inline-flex;
  align-items: center;
  color: var(--p-primary-color);
  opacity: 0.8;
}
.edge-indicator i[data-v-fea44444] {
  font-size: 0.875rem;
}
.metanode-count[data-v-fea44444] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
}
.metanode-icon[data-v-fea44444] {
  font-size: 1.125rem;
  color: var(--p-primary-color);
  margin-right: 0.375rem;
  flex-shrink: 0;
}
.dependency-warning[data-v-fea44444] {
  display: flex;
  align-items: center;
  color: var(--p-red-600);
  cursor: help;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.cs-dark .dependency-warning[data-v-fea44444] {
  color: var(--p-red-400);
}
.dependency-warning[data-v-fea44444]:hover {
  color: var(--p-red-700);
}
.cs-dark .dependency-warning[data-v-fea44444]:hover {
  color: var(--p-red-300);
}
.dependency-warning i[data-v-fea44444] {
  font-size: 1.25rem;
}
.selection-summary[data-v-fea44444] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: var(--p-content-background);
  border-radius: 0.375rem;
  border: 1px solid var(--p-surface-border);
}
.summary-stat[data-v-fea44444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--p-text-color);
}
.summary-stat i[data-v-fea44444] {
  color: var(--p-primary-color);
  font-size: 1rem;
}
.summary-stat.warning-stat[data-v-fea44444] {
  color: var(--p-red-600);
}
.cs-dark .summary-stat.warning-stat[data-v-fea44444] {
  color: var(--p-red-400);
}
.summary-stat.warning-stat i[data-v-fea44444] {
  color: var(--p-red-600);
}
.cs-dark .summary-stat.warning-stat i[data-v-fea44444] {
  color: var(--p-red-400);
}

.snapshot-manager[data-v-d9e2f61e] {
  background: var(--p-content-background);
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--p-primary-color);
}

/* Tab Navigation */
.location-tabs[data-v-d9e2f61e] {
  display: flex;
  border-bottom: 2px solid var(--p-primary-color);
  background: var(--p-content-background);
}
.tab-button[data-v-d9e2f61e] {
  flex: 1;
  padding: 1rem;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--p-text-muted-color);
}
.tab-button[data-v-d9e2f61e]:hover {
  background: var(--p-surface-hover);
  color: var(--p-text-color);
}
.tab-button.active[data-v-d9e2f61e] {
  color: var(--p-primary-color);
  background: var(--p-content-background);
  border-bottom-color: var(--p-primary-color);
}
.tab-button i[data-v-d9e2f61e] {
  font-size: 1.25rem;
}

/* Tab Content */
.tab-content[data-v-d9e2f61e] {
  padding: 0;
}
.tab-panel[data-v-d9e2f61e] {
  padding: 1rem;
}
.manager-header[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--p-surface-border);
}
.manager-title[data-v-d9e2f61e] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--p-text-color);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header-actions[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.create-button[data-v-d9e2f61e] {
  background: var(--p-primary-color);
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.create-button[data-v-d9e2f61e]:hover {
  background: var(--p-primary-600);
}
.create-button[data-v-d9e2f61e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.refresh-button[data-v-d9e2f61e] {
  padding: 0.5rem;
  color: var(--p-text-muted-color);
  background: transparent;
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
}
.refresh-button[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-surface-100);
  color: var(--p-text-color);
}
.refresh-button[data-v-d9e2f61e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Project Groups */
.project-groups[data-v-d9e2f61e] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.project-group[data-v-d9e2f61e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.project-header[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.project-name[data-v-d9e2f61e] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--p-text-color);
  margin: 0;
}
.project-count[data-v-d9e2f61e] {
  font-size: 0.875rem;
  color: var(--p-text-muted-color);
  background: var(--p-surface-100);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Snapshot List */
.snapshot-list[data-v-d9e2f61e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.snapshot-item[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  background: var(--p-surface-hover);
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  transition: all 0.2s;
}
.snapshot-item[data-v-d9e2f61e]:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-color: var(--p-primary-200);
}
.snapshot-item.active[data-v-d9e2f61e] {
  background: var(--p-primary-50);
  border-color: var(--p-primary-color);
}
.cs-dark .snapshot-item.active[data-v-d9e2f61e] {
  background: var(--p-primary-900);
}
.snapshot-item.pinned[data-v-d9e2f61e] {
  border-left: 3px solid var(--p-orange-500);
}
.snapshot-info[data-v-d9e2f61e] {
  flex: 1;
  min-width: 0;
}
.snapshot-header[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.snapshot-name[data-v-d9e2f61e] {
  font-weight: 600;
  color: var(--p-text-color);
  font-size: 0.95rem;
}
.snapshot-badges[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}
.badge[data-v-d9e2f61e] {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
.badge.pinned[data-v-d9e2f61e] {
  background: var(--p-orange-100);
  color: var(--p-orange-700);
}
.badge.active[data-v-d9e2f61e] {
  background: var(--p-green-100);
  color: var(--p-green-700);
}
.badge.source[data-v-d9e2f61e] {
  background: var(--p-surface-200);
  color: var(--p-text-muted-color);
}
.badge.source.local[data-v-d9e2f61e] {
  background: var(--p-blue-100);
  color: var(--p-blue-700);
}
.badge.source.server[data-v-d9e2f61e] {
  background: var(--p-purple-100);
  color: var(--p-purple-700);
}
.badge.creator[data-v-d9e2f61e] {
  background: var(--p-surface-100);
  color: var(--p-text-muted-color);
  font-family: monospace;
}
.snapshot-meta[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.8rem;
  color: var(--p-text-muted-color);
  flex-wrap: wrap;
}
.snapshot-meta span[data-v-d9e2f61e] {
  white-space: nowrap;
}
.snapshot-description[data-v-d9e2f61e] {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
}
.snapshot-project[data-v-d9e2f61e] {
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: var(--p-text-muted-color);
}

/* Snapshot Actions */
.snapshot-actions[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.action-button[data-v-d9e2f61e] {
  padding: 0.5rem;
  background: transparent;
  border: 1px solid var(--p-surface-border);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--p-text-color);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.action-button[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-surface-100);
  border-color: var(--p-text-muted-color);
}
.action-button[data-v-d9e2f61e]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.action-button.load[data-v-d9e2f61e] {
  background: var(--p-primary-color);
  color: white;
  border-color: var(--p-primary-color);
  padding: 0.5rem 0.75rem;
}
.action-button.load[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-primary-600);
}
.action-button.load.active[data-v-d9e2f61e] {
  background: var(--p-green-600);
  border-color: var(--p-green-600);
}
.action-button.upload[data-v-d9e2f61e] {
  color: var(--p-blue-600);
}
.action-button.upload[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-blue-50);
  border-color: var(--p-blue-400);
}
.action-button.download[data-v-d9e2f61e] {
  color: var(--p-green-600);
}
.action-button.download[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-green-50);
  border-color: var(--p-green-400);
}
.action-button.restore[data-v-d9e2f61e] {
  color: var(--p-orange-600);
  background: var(--p-orange-50);
  border-color: var(--p-orange-300);
}
.action-button.restore[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-orange-100);
  border-color: var(--p-orange-500);
}
.action-button.pin.active[data-v-d9e2f61e] {
  color: var(--p-orange-600);
  background: var(--p-orange-50);
  border-color: var(--p-orange-400);
}
.action-button.delete[data-v-d9e2f61e] {
  color: var(--p-red-600);
}
.action-button.delete[data-v-d9e2f61e]:hover:not(:disabled) {
  background: var(--p-red-50);
  border-color: var(--p-red-400);
}

/* Empty State */
.empty-state[data-v-d9e2f61e] {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--p-text-muted-color);
}
.empty-state i[data-v-d9e2f61e] {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
.empty-state h4[data-v-d9e2f61e] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--p-text-color);
  margin: 0 0 0.5rem 0;
}
.empty-state p[data-v-d9e2f61e] {
  margin: 0 0 1.5rem 0;
}
.create-first-button[data-v-d9e2f61e] {
  background: var(--p-primary-color);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.create-first-button[data-v-d9e2f61e]:hover {
  background: var(--p-primary-600);
}

/* Loading State */
.loading-state[data-v-d9e2f61e] {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--p-text-muted-color);
}
.loading-state i[data-v-d9e2f61e] {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.loading-state p[data-v-d9e2f61e] {
  margin: 0;
}

/* Import Section */
.import-section[data-v-d9e2f61e] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--p-surface-border);
}
.import-label[data-v-d9e2f61e] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--p-surface-100);
  border: 1px dashed var(--p-surface-border);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--p-text-muted-color);
  font-size: 0.875rem;
}
.import-label[data-v-d9e2f61e]:hover {
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
  color: var(--p-text-color);
}
.import-input[data-v-d9e2f61e] {
  display: none;
}

/* Animations */
@keyframes spin-d9e2f61e {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.animate-spin[data-v-d9e2f61e] {
  animation: spin-d9e2f61e 1s linear infinite;
}

/* Responsive */
@media (max-width: 768px) {
.snapshot-item[data-v-d9e2f61e] {
    flex-direction: column;
    align-items: flex-start;
}
.snapshot-actions[data-v-d9e2f61e] {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.snapshot-header[data-v-d9e2f61e] {
    flex-direction: column;
    align-items: flex-start;
}
}


/* Current Project Badge */
.current-project-badge[data-v-d9e2f61e] {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  background: var(--p-primary-100);
  color: var(--p-primary-700);
  border: 1px solid var(--p-primary-200);
}

/* Filter Info Message */
.filter-info[data-v-d9e2f61e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--p-blue-50);
  border: 1px solid var(--p-blue-200);
  border-radius: 0.375rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--p-blue-700);
}
.cs-dark .filter-info[data-v-d9e2f61e] {
  background: var(--p-blue-950);
  border-color: var(--p-blue-800);
  color: var(--p-blue-300);
}
.filter-info i[data-v-d9e2f61e] {
  font-size: 1.125rem;
}
.filter-info strong[data-v-d9e2f61e] {
  font-weight: 600;
  color: var(--p-blue-800);
}
.import-input[data-v-d9e2f61e] {
  display: none;
}
.animate-spin[data-v-d9e2f61e] {
  animation: spin-d9e2f61e 1s linear infinite;
}
@keyframes spin-d9e2f61e {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

.account-management-container[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  background: var(--p-surface-ground);
  overflow: hidden;
}
.account-header[data-v-432ef5fd] {
  background: var(--p-content-background);
  border-bottom: 1px solid var(--p-surface-border);
  padding: 1.5rem 2rem;
  flex-shrink: 0;
}
.header-content[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.account-title[data-v-432ef5fd] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--p-text-color);
}
.account-subtitle[data-v-432ef5fd] {
  margin: 0;
  color: var(--p-text-muted-color);
  font-size: 0.875rem;
}
.header-right[data-v-432ef5fd] {
  display: flex;
  align-items: center;
}
.connection-status[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.status-text[data-v-432ef5fd] {
  font-size: 0.875rem;
  color: var(--p-text-muted-color);
}
.stats-section[data-v-432ef5fd] {
  flex-shrink: 0;
  padding: 2rem 2rem 0;
  background: var(--p-content-background);
  border-bottom: 1px solid var(--p-surface-border);
}
.stats-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  width: 100%;
}
.stats-grid-4[data-v-432ef5fd] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.stat-card[data-v-432ef5fd] {
  height: 140px;
  transition: transform 0.2s, box-shadow 0.2s;
  border: 1px solid var(--p-primary-color);
}
.stat-card[data-v-432ef5fd] .p-card {
  border: 1px solid var(--p-primary-color);
}
.stat-card[data-v-432ef5fd]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px var(--p-shadow-color, rgba(0, 0, 0, 0.1));
}
.stat-content[data-v-432ef5fd] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.stat-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.stat-header h3[data-v-432ef5fd] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-muted-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.stat-icon[data-v-432ef5fd] {
  color: var(--p-primary-color);
}
.stat-main[data-v-432ef5fd] {
  flex: 1;
  display: flex;
  align-items: center;
}
.stat-value[data-v-432ef5fd] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--p-text-color);
  line-height: 1;
}
.stat-label[data-v-432ef5fd] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.stat-detail[data-v-432ef5fd] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  word-break: break-all;
}

/* User Stats Specific */
.user-stat-avatar[data-v-432ef5fd] {
  margin-right: 1rem;
}
.user-stat-info[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* Connection Stats Specific - DEPRECATED (kept for backward compatibility) */
.connection-indicators[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}
.connection-item[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.connection-label[data-v-432ef5fd] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  font-weight: 500;
}
.connection-badge-large[data-v-432ef5fd] {
  font-size: 0.75rem;
  min-width: 70px;
}
.server-info[data-v-432ef5fd] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* Server Status Card - Compact Status Chips */
.status-chips-compact[data-v-432ef5fd] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  justify-content: center;
}

/* Server Status Card - Overflow with horizontal scroll */
.status-chips-overflow[data-v-432ef5fd] {
  display: flex;
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  scrollbar-width: thin;
}
.status-chips-overflow[data-v-432ef5fd]::-webkit-scrollbar {
  height: 4px;
}
.status-chips-overflow[data-v-432ef5fd]::-webkit-scrollbar-track {
  background: var(--p-surface-hover);
  border-radius: 4px;
}
.status-chips-overflow[data-v-432ef5fd]::-webkit-scrollbar-thumb {
  background: var(--p-surface-400);
  border-radius: 4px;
}
.status-chips-overflow[data-v-432ef5fd]::-webkit-scrollbar-thumb:hover {
  background: var(--p-surface-500);
}
.status-chip-item[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.status-chip[data-v-432ef5fd] {
  font-size: 0.75rem;
  min-width: 80px;
  text-align: center;
}
.chip-label[data-v-432ef5fd] {
  font-size: 0.7rem;
  color: var(--p-text-muted-color);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/* API Server Card */
.api-status-grid[data-v-432ef5fd] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1rem;
  justify-content: center;
}
.api-status-item[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.api-status-label[data-v-432ef5fd] {
  font-size: 0.7rem;
  color: var(--p-text-muted-color);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.api-url-info[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--p-surface-hover);
  border-radius: 6px;
  margin-top: 0.5rem;
}
.api-url-info i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1rem;
}
.monospace[data-v-432ef5fd] {
  font-family: 'Courier New', monospace;
  font-size: 0.75rem;
}

/* Graph Stats Specific */
.graph-stats-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  width: 100%;
}
.graph-stat-item[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.account-content[data-v-432ef5fd] {
  flex: 1;
  overflow-y: auto;
  padding: 2rem;
}
.account-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 1.5rem;
  width: 100%;
}
.account-card[data-v-432ef5fd] {
  height: fit-content;
  border: 1px solid var(--p-primary-color);
  border-radius: 8px;
}
.account-card[data-v-432ef5fd] .p-card {
  border: 1px solid var(--p-primary-color);
}
.card-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  margin: -1rem -1.5rem 1rem;
  border-bottom: 1px solid var(--p-surface-border);
}
.card-header-left[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.card-header h3[data-v-432ef5fd] {
  margin: 0;
  font-weight: 600;
  color: var(--p-text-color);
}
.profile-content[data-v-432ef5fd] {
  display: flex;
  gap: 1.5rem;
}
.profile-avatar[data-v-432ef5fd] {
  flex-shrink: 0;
}
.profile-info[data-v-432ef5fd] {
  flex: 1;
}
.form-group[data-v-432ef5fd] {
  margin-bottom: 1rem;
}
.form-group label[data-v-432ef5fd] {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 500;
  color: var(--p-text-color);
  font-size: 0.875rem;
}
.preferences-content[data-v-432ef5fd],
.connection-content[data-v-432ef5fd],
.security-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.preference-item[data-v-432ef5fd],
.status-item[data-v-432ef5fd],
.security-item[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.preference-label[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--p-text-color);
}
.status-row[data-v-432ef5fd],
.security-row[data-v-432ef5fd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.status-label[data-v-432ef5fd],
.security-label[data-v-432ef5fd] {
  font-weight: 500;
  color: var(--p-text-color);
}
.status-description[data-v-432ef5fd],
.security-description[data-v-432ef5fd] {
  margin: 0;
  font-size: 0.875rem;
  color: var(--p-text-muted-color);
}
.element-count[data-v-432ef5fd] {
  font-weight: 600;
  color: var(--p-primary-color);
}
.security-dropdown[data-v-432ef5fd] {
  min-width: 150px;
}
.system-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.system-item[data-v-432ef5fd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--p-surface-200);
}
.system-item[data-v-432ef5fd]:last-child {
  border-bottom: none;
}
.system-label[data-v-432ef5fd] {
  font-weight: 500;
  color: var(--p-text-color);
}
.system-value[data-v-432ef5fd] {
  color: var(--p-text-muted-color);
  text-align: right;
}
.actions-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
}

/* Settings list */
.settings-list[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
}
.settings-item[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--p-surface-border);
  border-radius: 8px;
  background: var(--p-surface-0);
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.settings-item+.settings-item[data-v-432ef5fd] {
  margin-top: 0.5rem;
}
.settings-item[data-v-432ef5fd]:hover {
  background: var(--p-surface-hover);
  border-color: var(--p-primary-200);
}
.settings-label[data-v-432ef5fd] {
  flex: 1;
  text-align: left;
  color: var(--p-text-color);
  font-weight: 500;
}
.settings-chevron[data-v-432ef5fd] {
  color: var(--p-text-muted-color);
}

/* Version Card Styling */
.version-card[data-v-432ef5fd] {
  border: 1px solid var(--p-surface-border);
  overflow: hidden;
}
.version-section[data-v-432ef5fd] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--p-surface-border);
  transition: all 0.2s ease;
}
.version-section[data-v-432ef5fd]:hover {
  border-color: var(--p-primary-200);
  box-shadow: 0 2px 8px var(--p-shadow-color, rgba(0, 0, 0, 0.06));
}
.section-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--p-surface-border);
}
.section-icon[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.section-title[data-v-432ef5fd] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.version-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 1.25rem;
}
.version-grid.compact[data-v-432ef5fd] {
  gap: 0.375rem 1rem;
}
.version-item[data-v-432ef5fd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.375rem 0;
  min-height: 1.5rem;
}
.version-label[data-v-432ef5fd] {
  color: var(--p-text-muted-color);
  font-size: 0.8125rem;
  font-weight: 500;
  flex-shrink: 0;
}
.version-value[data-v-432ef5fd] {
  color: var(--p-text-color);
  font-weight: 600;
  font-size: 0.875rem;
  text-align: right;
  word-break: break-all;
}
.version-value.primary[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-weight: 700;
}
.version-value.api-url[data-v-432ef5fd] {
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  border: 1px solid var(--p-surface-200);
}
.version-value.uptime[data-v-432ef5fd] {
  color: var(--p-green-600);
  font-weight: 700;
}
.version-value.commit[data-v-432ef5fd] {
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 0.8125rem;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  color: var(--p-text-color);
  border: 1px solid var(--p-surface-200);
}
.version-value.branch[data-v-432ef5fd] {
  color: var(--p-blue-700);
  padding: 0.125rem 0.375rem;
  border-radius: 12px;
  font-size: 0.8125rem;
  border: 1px solid var(--p-blue-200);
}
.version-value.tag[data-v-432ef5fd] {
  color: var(--p-purple-700);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  border: 1px solid var(--p-purple-200);
}
.mode-badge[data-v-432ef5fd] {
  font-weight: 600;
  font-size: 0.8125rem;
}

/* Git Subsections */
.git-subsection[data-v-432ef5fd] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--p-surface-border);
}
.git-subsection[data-v-432ef5fd]:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.subsection-title[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--p-text-muted-color);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.subsection-title i[data-v-432ef5fd] {
  font-size: 0.875rem;
  color: var(--p-primary-400);
}

/* Management Section */
.management-section[data-v-432ef5fd] {
  border-color: var(--p-primary-100);
}
.status-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.status-item[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 6px;
  font-size: 0.8125rem;
  transition: all 0.2s ease;
}
.status-item.completed[data-v-432ef5fd] {
  color: var(--p-green-700, #15803d);
  border: 1px solid var(--p-green-200, #bbf7d0);
  background: var(--p-green-50, rgba(240, 253, 244, 0.3));
}
.cs-dark .status-item.completed[data-v-432ef5fd] {
  color: var(--p-green-300, #86efac);
  border-color: var(--p-green-800, rgba(22, 101, 52, 0.5));
  background: var(--p-green-950, rgba(5, 46, 22, 0.3));
}
.status-item.completed i[data-v-432ef5fd] {
  color: var(--p-green-600, #16a34a);
}
.cs-dark .status-item.completed i[data-v-432ef5fd] {
  color: var(--p-green-400, #4ade80);
}
.status-item.pending[data-v-432ef5fd] {
  color: var(--p-amber-700, #b45309);
  border: 1px solid var(--p-amber-200, #fde68a);
  background: var(--p-amber-50, rgba(255, 251, 235, 0.3));
}
.cs-dark .status-item.pending[data-v-432ef5fd] {
  color: var(--p-amber-300, #fcd34d);
  border-color: var(--p-amber-800, rgba(146, 64, 14, 0.5));
  background: var(--p-amber-950, rgba(69, 26, 3, 0.3));
}
.status-item.pending i[data-v-432ef5fd] {
  color: var(--p-amber-600, #d97706);
}
.cs-dark .status-item.pending i[data-v-432ef5fd] {
  color: var(--p-amber-400, #fbbf24);
}

/* Actions */
.version-actions[data-v-432ef5fd] {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--p-surface-border);
  text-align: center;
}
.diagnostics-button[data-v-432ef5fd] {
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.diagnostics-button[data-v-432ef5fd]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--p-shadow-color, rgba(0, 0, 0, 0.1));
}

/* Responsive adjustments */
@media (max-width: 1024px) {
.stats-grid[data-v-432ef5fd],
  .stats-grid-4[data-v-432ef5fd] {
    grid-template-columns: 1fr 1fr;
}
.version-grid[data-v-432ef5fd] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
}
.status-grid[data-v-432ef5fd] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.stats-grid[data-v-432ef5fd],
  .stats-grid-4[data-v-432ef5fd] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.stat-card[data-v-432ef5fd] {
    height: auto;
    min-height: 120px;
}
.account-grid[data-v-432ef5fd] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.header-content[data-v-432ef5fd] {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}
.profile-content[data-v-432ef5fd] {
    flex-direction: column;
    text-align: center;
}
.version-section[data-v-432ef5fd] {
    margin-bottom: 1rem;
    padding: 0.75rem;
}
.version-value.api-url[data-v-432ef5fd] {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
}
.section-title[data-v-432ef5fd] {
    font-size: 0.8125rem;
}
.version-item[data-v-432ef5fd] {
    padding: 0.25rem 0;
}
.stats-section[data-v-432ef5fd] {
    padding: 1rem;
}
.account-content[data-v-432ef5fd] {
    padding: 1rem;
}
}

/* Snapshot Manager Card - Full Width */
.snapshot-manager-card[data-v-432ef5fd] {
  grid-column: 1 / -1;
}
.snapshot-manager-card[data-v-432ef5fd] .snapshot-manager {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}

/* NATS Card Styling */
.nats-card[data-v-432ef5fd] {
  min-height: auto;
}
.nats-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.nats-status-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.nats-status-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.nats-status-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.nats-status-badge[data-v-432ef5fd] {
  display: flex;
  justify-content: center;
}
.status-badge-large[data-v-432ef5fd] {
  font-size: 1rem;
  padding: 0.5rem 1.5rem;
  font-weight: 600;
}
.nats-config-section[data-v-432ef5fd] {
  padding: 1rem;
  background: var(--p-surface-hover);
  border-radius: 8px;
  border: 1px solid var(--p-surface-border);
}
.nats-config-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.nats-config-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.nats-config-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.config-item[data-v-432ef5fd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: var(--p-surface-hover);
  border-radius: 6px;
  border: 1px solid var(--p-surface-border);
}
.config-label[data-v-432ef5fd] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--p-text-muted-color);
}
.config-value[data-v-432ef5fd] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-align: right;
  word-break: break-all;
  padding: 0.25rem 0.5rem;
  background: var(--p-surface-hover);
  border-radius: 4px;
  border: 1px solid var(--p-surface-border);
}
.config-value.monospace[data-v-432ef5fd] {
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 0.8125rem;
}
.nats-error-section[data-v-432ef5fd] {
  padding: 1rem;
  background: var(--p-red-50, rgba(254, 242, 242, 0.5));
  border: 1px solid var(--p-red-200, rgba(254, 202, 202, 0.5));
  border-radius: 8px;
}

/* Dark mode error section */
.cs-dark .nats-error-section[data-v-432ef5fd] {
  background: var(--p-red-950, rgba(127, 29, 29, 0.3));
  border-color: var(--p-red-800, rgba(153, 27, 27, 0.5));
}
.error-message[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--p-red-700, #b91c1c);
  font-size: 0.875rem;
}
.cs-dark .error-message[data-v-432ef5fd] {
  color: var(--p-red-300, #fca5a5);
}
.error-message i[data-v-432ef5fd] {
  font-size: 1.25rem;
}
.nats-disabled-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  color: var(--p-text-muted-color);
}
.nats-disabled-section i[data-v-432ef5fd] {
  font-size: 2rem;
  color: var(--p-text-muted-color);
}
.nats-disabled-section p[data-v-432ef5fd] {
  margin: 0;
  font-size: 0.875rem;
}

/* Agent Runtime Card Styling - Reuse NATS styles */
.agent-runtime-card[data-v-432ef5fd],
.api-runtime-card[data-v-432ef5fd] {
  min-height: auto;
}
.agent-runtime-content[data-v-432ef5fd],
.api-runtime-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.agent-status-section[data-v-432ef5fd],
.api-runtime-status-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.agent-status-header[data-v-432ef5fd],
.api-runtime-status-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.agent-status-header i[data-v-432ef5fd],
.api-runtime-status-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.agent-status-badge[data-v-432ef5fd],
.api-runtime-status-badge[data-v-432ef5fd] {
  display: flex;
  justify-content: center;
}
.agent-config-section[data-v-432ef5fd],
.api-runtime-config-section[data-v-432ef5fd] {
  padding: 1rem;
  background: var(--p-surface-hover);
  border-radius: 8px;
  border: 1px solid var(--p-surface-border);
}
.agent-config-header[data-v-432ef5fd],
.api-runtime-config-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.agent-config-header i[data-v-432ef5fd],
.api-runtime-config-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.agent-config-grid[data-v-432ef5fd],
.api-runtime-config-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.agent-error-section[data-v-432ef5fd] {
  padding: 1rem;
  background: var(--p-red-50, rgba(254, 242, 242, 0.5));
  border: 1px solid var(--p-red-200, rgba(254, 202, 202, 0.5));
  border-radius: 8px;
}

/* Dark mode error section */
.cs-dark .agent-error-section[data-v-432ef5fd] {
  background: var(--p-red-950, rgba(127, 29, 29, 0.3));
  border-color: var(--p-red-800, rgba(153, 27, 27, 0.5));
}
.agent-disabled-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  color: var(--p-text-muted-color);
}
.agent-disabled-section i[data-v-432ef5fd] {
  font-size: 2rem;
  color: var(--p-text-muted-color);
}
.agent-disabled-section p[data-v-432ef5fd] {
  margin: 0;
  font-size: 0.875rem;
}

/* Config/Version Information Card */
.config-info-card[data-v-432ef5fd] {
  min-height: auto;
}
.config-info-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.config-loading[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5rem;
  justify-content: center;
  color: var(--p-text-muted-color);
}
.config-loading i[data-v-432ef5fd] {
  font-size: 1.5rem;
  color: var(--p-primary-color);
}
.config-error-section[data-v-432ef5fd] {
  padding: 1rem;
  background: var(--p-red-50, rgba(254, 242, 242, 0.5));
  border: 1px solid var(--p-red-200, rgba(254, 202, 202, 0.5));
  border-radius: 8px;
}

/* Dark mode error section */
.cs-dark .config-error-section[data-v-432ef5fd] {
  background: var(--p-red-950, rgba(127, 29, 29, 0.3));
  border-color: var(--p-red-800, rgba(153, 27, 27, 0.5));
}
.config-versions-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.config-section-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--p-surface-border);
}
.config-section-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.config-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  padding: 0.5rem 0;
}
.config-git-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.config-last-updated[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: var(--p-surface-hover);
  border-radius: 6px;
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  margin-top: 0.5rem;
}
.config-last-updated i[data-v-432ef5fd] {
  color: var(--p-primary-color);
}

/* Config/API Links */
.config-link[data-v-432ef5fd] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--p-primary-color);
  text-decoration: none;
  font-size: 0.875rem;
  transition: color 0.2s;
}
.config-link[data-v-432ef5fd]:hover {
  color: var(--p-primary-600);
  text-decoration: underline;
}
.config-link i[data-v-432ef5fd] {
  font-size: 1rem;
}

/* Current Mode Card */
.mode-stat[data-v-432ef5fd] {
  height: 140px;
}
.mode-stat .stat-main[data-v-432ef5fd] {
  justify-content: flex-start;
  align-items: stretch;
}
.mode-indicator-full[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.mode-badge-large[data-v-432ef5fd] {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  min-width: 110px;
  text-align: center;
}
.mode-snapshot-info[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--p-text-muted-color);
  font-size: 0.7rem;
  margin-bottom: 0.25rem;
}
.mode-snapshot-info i[data-v-432ef5fd] {
  color: var(--p-primary-color);
}
.mode-stat .mode-controls[data-v-432ef5fd] {
  width: 100%;
}
.mode-stat .mode-controls[data-v-432ef5fd] .snapshot-mode-indicator {
  background: transparent;
  border: none;
  padding: 0;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-btn {
  background: var(--p-surface-hover) !important;
  border-color: var(--p-surface-border) !important;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-btn:hover:not(:disabled) {
  background: var(--p-surface-200) !important;
  border-color: var(--p-primary-color) !important;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-btn.active {
  border-color: var(--p-primary-color) !important;
  background: var(--p-primary-50) !important;
}
.cs-dark .mode-stat .mode-controls[data-v-432ef5fd] .mode-btn.active {
  background: var(--p-primary-900) !important;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-btn.active.online-btn {
  border-color: var(--p-green-500) !important;
  background: var(--p-green-50) !important;
}
.cs-dark .mode-stat .mode-controls[data-v-432ef5fd] .mode-btn.active.online-btn {
  background: var(--p-green-950) !important;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-btn.active.offline-btn {
  border-color: var(--p-orange-500) !important;
  background: var(--p-orange-50) !important;
}
.cs-dark .mode-stat .mode-controls[data-v-432ef5fd] .mode-btn.active.offline-btn {
  background: var(--p-orange-950) !important;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-section {
  gap: 0.5rem;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-toggle-button {
  font-size: 0.7rem;
  padding: 0.25rem 0.5rem;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-buttons {
  gap: 0.5rem;
}
.mode-stat .mode-controls[data-v-432ef5fd] .mode-btn {
  padding: 0.375rem 0.5rem;
  font-size: 0.7rem;
}
.mode-stat .mode-controls[data-v-432ef5fd] .btn-label {
  font-size: 0.7rem;
  font-weight: 500;
}
.mode-stat .mode-controls[data-v-432ef5fd] .btn-status {
  font-size: 0.6rem;
}

/* Dialog Server Card */
.dialog-server-card[data-v-432ef5fd],
.dialog-server-content[data-v-432ef5fd] {
  min-height: auto;
}
.dialog-server-content[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dialog-server-status-section[data-v-432ef5fd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.dialog-server-status-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.dialog-server-status-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.dialog-server-status-badge[data-v-432ef5fd] {
  display: flex;
  justify-content: center;
}
.dialog-server-config-section[data-v-432ef5fd] {
  padding: 1rem;
  background: var(--p-surface-hover);
  border-radius: 8px;
  border: 1px solid var(--p-surface-border);
}
.dialog-server-config-header[data-v-432ef5fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.dialog-server-config-header i[data-v-432ef5fd] {
  color: var(--p-primary-color);
  font-size: 1.125rem;
}
.dialog-server-config-grid[data-v-432ef5fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

/* Tabs Styling */
.account-tabs[data-v-432ef5fd] {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 0;
}
.account-tabs[data-v-432ef5fd] .p-tablist {
  background: var(--p-content-background);
  border-bottom: 2px solid var(--p-primary-color);
  padding: 0 1rem;
  gap: 0.5rem;
}
.account-tabs[data-v-432ef5fd] .p-tab {
  padding: 1rem 1.5rem;
  font-weight: 500;
  color: var(--p-text-muted-color);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.account-tabs[data-v-432ef5fd] .p-tab:hover {
  color: var(--p-text-color);
  background: var(--p-surface-hover);
}
.account-tabs[data-v-432ef5fd] .p-tab[data-p-active="true"] {
  color: var(--p-primary-color);
  border-bottom-color: var(--p-primary-color);
  font-weight: 600;
}
.account-tabs[data-v-432ef5fd] .p-tabpanels {
  flex: 1;
  overflow-y: auto;
  background: var(--p-surface-ground);
}
.account-tabs[data-v-432ef5fd] .p-tabpanel {
  padding: 2rem;
}
@media (max-width: 768px) {
.account-tabs[data-v-432ef5fd] .p-tab {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
}
.account-tabs[data-v-432ef5fd] .p-tabpanel {
    padding: 1rem;
}
}

.timeline-preset-selector[data-v-4f0ceba0] {
  position: relative;
}
.timeline-preset-button[data-v-4f0ceba0] {
  height: 36px !important;
  font-size: 1.1rem;
  border-radius: 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
.timeline-icon[data-v-4f0ceba0] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.timeline-label[data-v-4f0ceba0] {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}
.timeline-preset-button[data-v-4f0ceba0]:hover {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
}
.timeline-preset-button.active[data-v-4f0ceba0] {
  background-color: var(--p-primary-500);
  color: white;
  border-color: var(--p-primary-500);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Dark mode support for timeline preset button */
.cs-dark .timeline-preset-button[data-v-4f0ceba0] {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
}
.cs-dark .timeline-preset-button[data-v-4f0ceba0]:hover {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
}
.cs-dark .timeline-preset-button.active[data-v-4f0ceba0] {
  background-color: var(--p-primary-500);
  color: white;
  border-color: var(--p-primary-500);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.timeline-preset-panel[data-v-4f0ceba0] {
  width: 600px;
  max-width: 95vw;
  max-height: 80vh;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-0);
  overflow: hidden;
}

/* Dark mode support for timeline preset panel */
.cs-dark .timeline-preset-panel[data-v-4f0ceba0] {
  border-color: var(--p-surface-700);
  background-color: var(--p-surface-800);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.timeline-preset-content[data-v-4f0ceba0] {
  padding: 1.5rem;
  max-height: 70vh;
  overflow-y: auto;
}
.preset-header[data-v-4f0ceba0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  position: sticky;
  top: 0;
  background-color: var(--p-surface-0);
  padding-bottom: 0.5rem;
  z-index: 1;
}
.preset-header h3[data-v-4f0ceba0] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--p-text-color);
}

/* Dark mode support for preset header */
.cs-dark .preset-header[data-v-4f0ceba0] {
  background-color: var(--p-surface-800);
}
.preset-categories[data-v-4f0ceba0] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.preset-category[data-v-4f0ceba0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.category-title[data-v-4f0ceba0] {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--p-text-muted-color);
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--p-surface-200);
}

/* Dark mode support for category title */
.cs-dark .category-title[data-v-4f0ceba0] {
  border-bottom-color: var(--p-surface-700);
}
.preset-options[data-v-4f0ceba0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.preset-option[data-v-4f0ceba0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}
.preset-option[data-v-4f0ceba0]:hover {
  background-color: var(--p-surface-50);
  border-color: var(--p-surface-300);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.preset-option.active[data-v-4f0ceba0] {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
  color: var(--p-primary-700);
}
.preset-icon[data-v-4f0ceba0] {
  font-size: 1.1rem;
  color: var(--p-primary-500);
}
.preset-label[data-v-4f0ceba0] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-text-color);
  flex: 1;
}
.preset-check[data-v-4f0ceba0] {
  font-size: 0.875rem;
  color: var(--p-primary-500);
  margin-left: auto;
}

/* Dark mode support for preset options */
.cs-dark .preset-option[data-v-4f0ceba0] {
  background-color: var(--p-surface-800);
  border-color: var(--p-surface-700);
}
.cs-dark .preset-option[data-v-4f0ceba0]:hover {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.cs-dark .preset-option.active[data-v-4f0ceba0] {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
  color: var(--p-primary-300);
}
.cs-dark .preset-icon[data-v-4f0ceba0] {
  color: var(--p-primary-400);
}
.cs-dark .preset-check[data-v-4f0ceba0] {
  color: var(--p-primary-400);
}

/* Custom date selector styles */
.custom-date-selectors[data-v-4f0ceba0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--p-surface-200);
}
.date-selector-group[data-v-4f0ceba0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.date-label[data-v-4f0ceba0] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-text-color);
}
.custom-date-actions[data-v-4f0ceba0] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

/* Dark mode support for custom date selectors */
.cs-dark .custom-date-selectors[data-v-4f0ceba0] {
  border-top-color: var(--p-surface-700);
}

/* Responsive design */
@media (max-width: 768px) {
.preset-options[data-v-4f0ceba0] {
    grid-template-columns: 1fr;
}
.timeline-preset-panel[data-v-4f0ceba0] {
    width: 90vw;
    max-height: 85vh;
}
.timeline-preset-content[data-v-4f0ceba0] {
    max-height: 75vh;
}
.custom-date-actions[data-v-4f0ceba0] {
    flex-direction: column;
}
}

.filter-presets-container[data-v-3f991435] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.preset-menu .preset-content[data-v-3f991435] {
  padding: 1rem;
  width: 350px;
}
.preset-title[data-v-3f991435] {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
}
.save-preset-section[data-v-3f991435] {
  margin-bottom: 1rem;
}
.input-group[data-v-3f991435] {
  display: flex;
  gap: 0.5rem;
}
.existing-presets[data-v-3f991435] {
  max-height: 300px;
  overflow-y: auto;
}
.preset-subtitle[data-v-3f991435] {
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: var(--p-text-color-secondary);
}
.preset-list[data-v-3f991435] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.preset-item[data-v-3f991435] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  transition: background-color 0.2s;
}
.preset-item[data-v-3f991435]:hover {
  background-color: var(--p-surface-50);
}
.preset-info[data-v-3f991435] {
  display: flex;
  align-items: center;
}
.preset-name[data-v-3f991435] {
  font-weight: 500;
}
.preset-actions[data-v-3f991435] {
  display: flex;
  align-items: center;
}
.no-presets[data-v-3f991435] {
  text-align: center;
  padding: 1rem;
}

.filter-builder[data-v-ede05a74] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem 0;
  max-width: 600px;
}
.filter-header[data-v-ede05a74] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.filter-title[data-v-ede05a74] {
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0;
  color: var(--p-text-color);
}
.filter-add-button[data-v-ede05a74] {
  display: flex;
  align-items: center;
}
.filter-rules[data-v-ede05a74] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.filter-rule[data-v-ede05a74] {
  background-color: var(--p-surface-100);
  border-radius: 4px;
  padding: 8px;
}
.filter-rule-content[data-v-ede05a74] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.filter-rule-property[data-v-ede05a74] {
  flex: 1;
  min-width: 100px;
  font-weight: 500;
}
.filter-rule-operator[data-v-ede05a74] {
  flex: 1;
  min-width: 120px;
}
.filter-rule-value[data-v-ede05a74] {
  flex: 1.5;
  min-width: 150px;
}
.filter-rule-actions[data-v-ede05a74] {
  width: 32px;
}
.add-filter[data-v-ede05a74] {
  margin-top: 0.5rem;
}
.filter-actions[data-v-ede05a74] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
  justify-content: flex-end;
}
.filter-property-menu[data-v-ede05a74] {
  max-width: 450px;
  max-height: 450px;
  overflow-y: auto;
}
.filter-property-list[data-v-ede05a74] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.property-section[data-v-ede05a74] {
  margin-bottom: 0.75rem;
}
.property-grid[data-v-ede05a74] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
  width: 100%;
}
.section-title[data-v-ede05a74] {
  font-weight: 600;
  margin: 0.5rem 0;
  color: var(--p-text-color-secondary);
  font-size: 0.875rem;
  text-transform: uppercase;
}
.filter-property-item[data-v-ede05a74] {
  padding: 0.25rem 0;
}
.filter-property-button[data-v-ede05a74] {
  padding: 0.75rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  min-height: 40px;
}
.filter-property-button[data-v-ede05a74]:hover {
  background-color: var(--p-surface-100);
}
.filter-property-icon[data-v-ede05a74] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-property-label[data-v-ede05a74] {
  flex: 1;
}
.property-autocomplete-item[data-v-ede05a74] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem;
}
.property-icon[data-v-ede05a74] {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.property-label[data-v-ede05a74] {
  flex: 1;
}
.property-search[data-v-ede05a74] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.empty-filter[data-v-ede05a74] {  text-align: center;
  padding: 1rem 0;
  background-color: var(--p-surface-100);
  border-radius: 4px;
}
.preset-filters[data-v-ede05a74] {
  margin-bottom: 1rem;
}
.preset-title[data-v-ede05a74] {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--p-text-color-secondary);
}
.preset-buttons[data-v-ede05a74] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

/* Preset management styles */
.filter-header-actions[data-v-ede05a74] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.preset-management[data-v-ede05a74] {
  position: relative;
}
.preset-menu[data-v-ede05a74] {
  min-width: 320px;
}
.preset-content[data-v-ede05a74] {
  padding: 1rem;
}
.preset-title[data-v-ede05a74] {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  color: var(--p-text-color);
}
.save-preset-section[data-v-ede05a74] {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--p-surface-200);
}
.input-group[data-v-ede05a74] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.existing-presets[data-v-ede05a74] {
  margin-bottom: 1rem;
}
.preset-list[data-v-ede05a74] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.preset-item[data-v-ede05a74] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border: 1px solid var(--p-surface-200);
  border-radius: 4px;
  background-color: var(--p-surface-50);
}
.preset-info[data-v-ede05a74] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.preset-name[data-v-ede05a74] {
  font-weight: 500;
  color: var(--p-text-color);
}
.preset-count[data-v-ede05a74] {
  font-size: 0.875rem;
  color: var(--p-text-color-secondary);
}
.preset-type[data-v-ede05a74] {
  font-size: 0.75rem;
  color: var(--p-primary-500);
  font-weight: 500;
}
.preset-actions[data-v-ede05a74] {
  display: flex;
  gap: 0.25rem;
}
.no-presets[data-v-ede05a74] {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--p-text-color-secondary);
}
.preset-split-button[data-v-ede05a74] {
  margin-top: 0.5rem;
}
.preset-split-button .p-splitbutton[data-v-ede05a74] {
  /* margin-right: 0.5rem;
  min-width: 200px; */
}
.preset-split-button .p-splitbutton .p-button[data-v-ede05a74] {
  justify-content: flex-start;
  min-width: 160px;
}

/* Add these new styles */
.mdi-icon[data-v-7471c4b0] {
  width: 48px;
  height: 48px;
}
.mdi-icon.success[data-v-7471c4b0] {
  color: var(--green-500);
}
.mdi-spin[data-v-7471c4b0] {
  animation: spin-7471c4b0 1s linear infinite;
}
@keyframes spin-7471c4b0 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.upload-icon[data-v-7471c4b0] {
  margin-bottom: 1rem;
}
.upload-area--completed[data-v-7471c4b0] {
  border-color: var(--green-500);
  background-color: var(--green-50);
}
.content-panel[data-v-7471c4b0] {
  /* min-height: 400px; */
}
.upload-dialog[data-v-7471c4b0] {
  width: 1000px;
  height: 800px;
  max-height: 80%;
  margin: 0 auto;
}
[data-v-7471c4b0] .p-fileupload {
  width: 100%;
}
[data-v-7471c4b0] .p-fileupload-content {
  padding: 0 !important;
  border: none !important;
}
[data-v-7471c4b0] .p-fileupload-buttonbar {
  padding: 1rem 0;
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
}
[data-v-7471c4b0] .p-fileupload-choose {
  width: auto !important;
  min-width: 200px;
}
[data-v-7471c4b0] .p-tabview-panels {
  padding: 2rem;
}
.upload-container[data-v-7471c4b0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.upload-area[data-v-7471c4b0] {
  padding: 3rem;
  border: 2px dashed #ddd;
  border-radius: 6px;
  text-align: center;
  transition: all 0.3s ease;
  background-color: #f8f9fa;
  cursor: pointer;
}
.upload-area[data-v-7471c4b0]:hover {
  background-color: #f1f3f5;
  border-color: #ced4da;
}
.upload-area.dragging[data-v-7471c4b0] {
  background-color: #e9ecef;
  border-color: var(--primary-color);
  transform: scale(0.99);
}
.upload-area--uploading[data-v-7471c4b0] {
  opacity: 0.7;
  cursor: wait;
}
.upload-text[data-v-7471c4b0] {
  margin: 0.5rem 0;
  line-height: 1.5;
}
.whitespace-pre-wrap[data-v-7471c4b0] {
  white-space: pre-wrap;
}
.gap-3[data-v-7471c4b0] {
  gap: 1rem;
}
.align-items-center[data-v-7471c4b0] {
  align-items: center;
}

/* Rest of the existing styles remain the same */
.flex[data-v-7471c4b0] {
  display: flex;
}
.flex-column[data-v-7471c4b0] {
  flex-direction: column;
}
.gap-2[data-v-7471c4b0] {
  gap: 0.5rem;
}
.w-full[data-v-7471c4b0] {
  width: 100%;
}
.justify-content-center[data-v-7471c4b0] {
  justify-content: center;
}
.text-4xl[data-v-7471c4b0] {
  font-size: 2.5rem;
}
.mb-2[data-v-7471c4b0] {
  margin-bottom: 0.5rem;
}
.mt-2[data-v-7471c4b0] {
  margin-top: 0.5rem;
}
.mt-3[data-v-7471c4b0] {
  margin-top: 1rem;
}
.text-sm[data-v-7471c4b0] {
  font-size: 0.875rem;
}
.text-xs[data-v-7471c4b0] {
  font-size: 0.75rem;
}
.text-500[data-v-7471c4b0] {
  color: var(--text-color-secondary);
}
.font-bold[data-v-7471c4b0] {
  font-weight: 700;
}

.section-panel > .p-panel-header {
    border: 0;
    border-style: none !important;
    /* background-color: red; */
}
.p-panel-content {
    border-style: none;
}
.section-header{
    font-size: 1.15em;
    font-weight: 700;
}
.property-value {
    flex-grow: 1;
    /* background-color: red; */
    align-content: flex-end;
    text-align: end;
    font-weight: 600;
}

.element-editor-dialog[data-v-113f051d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
}
.editor-dialog-header[data-v-113f051d] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.dialog-icon[data-v-113f051d] {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.editor-dialog-header h3[data-v-113f051d] {
  margin: 0;
  font-size: 1.25rem;
}
.editor-dialog-content[data-v-113f051d] {
  flex: 1;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.editor-dialog-footer[data-v-113f051d] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--surface-border, #dee2e6);
}

.required[data-v-de3f44f0] {
  color: var(--red-500);
}
.schema-form[data-v-de3f44f0] {
  display: flex;
  flex-wrap: wrap; /* allow wrapping of fields */
  width: 100%; /* take full width */
  gap: 0.5rem;
}
.field-description[data-v-de3f44f0] {
  color: var(--text-color-secondary);
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: block;
}
.p-panel[data-v-de3f44f0] {
  margin-bottom: 1rem;
}
.p-panel .p-panel-header[data-v-de3f44f0] {
  padding: 0.5rem 1rem;
}
.p-panel .p-panel-content[data-v-de3f44f0] {
  padding: 1rem;
}
.json-preview[data-v-de3f44f0] {
  width: 100%;
  margin-top: 1rem;
  border-top: 1px solid var(--surface-border);
  padding-top: 1rem;
}
.preview-header[data-v-de3f44f0] {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--text-color-secondary);
}
.json-output[data-v-de3f44f0] {
  background: var(--surface-ground);
  padding: 1rem;
  border-radius: 6px;
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: monospace;
}
.w-8rem[data-v-de3f44f0] {
  width: 8rem;
}
@media (max-width: 768px) {
.schema-form[data-v-de3f44f0] {
    flex-direction: column;
}
}

.full-width[data-v-a7ec1717] {
  width: 100%;
}
@media (max-width: 768px) {
.full-width[data-v-a7ec1717] {
    padding: 0 1rem;
}
}
.p-invalid[data-v-a7ec1717] {
  border-color: var(--red-500);
}
.p-error[data-v-a7ec1717] {
  color: var(--red-500);
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: block;
}

.group-button[data-v-23e64949] {
  height: 38px;
  margin: 1px;
  padding: 4px;
  margin-top: 4px;
  border-color: rgb(209, 213, 219) !important;
  /* color: rgb(168, 168, 168); */
}
.number-select-option[data-v-23e64949] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  min-height: auto;
}
.number-select-option-content[data-v-23e64949] {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.125rem;
}
.number-select-option-title[data-v-23e64949] {
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.875rem;
}
.number-select-option-description[data-v-23e64949] {
  font-size: 0.75rem;
  color: var(--p-text-color-secondary, #6b7280);
  line-height: 1.2;
}
.number-select-color-circle[data-v-23e64949] {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.number-select-value[data-v-23e64949] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Make dropdown panel bigger to show at least 5 items */
[data-v-23e64949] .number-select-dense .p-select-overlay {
  max-height: none !important;
}
[data-v-23e64949] .number-select-dense .p-select-list {
  max-height: 300px !important;
  min-height: 300px !important;
}

/* Make option items more compact in PrimeVue */
[data-v-23e64949] .number-select-dense .p-select-list .p-select-item {
  padding: 0 !important;
  min-height: auto !important;
  margin: 0 !important;
}
[data-v-23e64949] .number-select-dense .p-select-list .p-select-item .p-select-item-content {
  padding: 0 !important;
  margin: 0 !important;
}

.group-button[data-v-9d9e7a15] {
  display: flex;
  flex-wrap: wrap;
}
.clickable-chip[data-v-9d9e7a15] {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.p-chip-selected[data-v-9d9e7a15] {
  background-color: #007ad9;
  color: white;
}
.p-chip-selected .p-chip-icon[data-v-9d9e7a15] {
  color: white;
}
.clickable-chip[data-v-9d9e7a15]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
}
.clickable-chip[data-v-9d9e7a15]:hover::before {
  width: 200%;
  height: 200%;
}

.select-label[data-v-f52b9cf4] {
  opacity: 0.75;
  margin-left: 0.75rem;
  margin-top: -0.5rem;
  position: absolute;
  font-size: 12px;
  color: #6b7280;
  transition-duration: 0.2s;
}
.group-button[data-v-f52b9cf4] {
  /* height: 38px; */
  margin: 0px;
  padding: 0px;
  margin-top: 6px;
  border-color: rgb(209, 213, 219) !important;
  color: rgb(168, 168, 168);
}
.p-inputtext[data-v-f52b9cf4] {
  width: 100%;
}
.options-select-option[data-v-f52b9cf4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  min-height: auto;
}
.options-select-option-content[data-v-f52b9cf4] {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.125rem;
}
.options-select-option-title[data-v-f52b9cf4] {
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.875rem;
}
.options-select-option-description[data-v-f52b9cf4] {
  font-size: 0.75rem;
  color: var(--p-text-color-secondary, #6b7280);
  line-height: 1.2;
}
.options-select-color-circle[data-v-f52b9cf4] {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.options-select-value[data-v-f52b9cf4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Make dropdown panel bigger to show at least 5 items */
[data-v-f52b9cf4] .options-select-dense .p-select-overlay {
  max-height: none !important;
}
[data-v-f52b9cf4] .options-select-dense .p-select-list {
  max-height: 300px !important;
  min-height: 300px !important;
}

/* Make option items more compact in PrimeVue */
[data-v-f52b9cf4] .options-select-dense .p-select-list .p-select-item {
  padding: 0 !important;
  min-height: auto !important;
  margin: 0 !important;
}
[data-v-f52b9cf4] .options-select-dense .p-select-list .p-select-item .p-select-item-content {
  padding: 0 !important;
  margin: 0 !important;
}

.full-grid-width[data-v-4d0ebe1d] {
  grid-column: 1/-1;
}
.property-label[data-v-4d0ebe1d] {
  font-size: 1.3em;
  font-weight: 700;
}
.schema-editor[data-v-4d0ebe1d] {
  /* max-width: 800px;
  margin: 0 auto; */
}
.property-editor[data-v-4d0ebe1d] {
  border-left: 2px solid var(--p-primary-color);
}
.property-form[data-v-4d0ebe1d] {
  /* background-color: #f8f9fa; */
}
label[data-v-4d0ebe1d] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.p-dropdown[data-v-4d0ebe1d] {
  width: 100%;
}

.input-wrapper[data-v-ab4ec13c] {
  position: relative;
  display: flex;
  align-items: center;
}
.clear-button[data-v-ab4ec13c] {
  position: absolute;
  right: 8px;
  z-index: 1;
  min-width: auto !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.clear-button[data-v-ab4ec13c]:hover {
  opacity: 1;
}
.clear-button .mdi[data-v-ab4ec13c] {
  font-size: 14px;
}

.input-wrapper[data-v-f7b662be] {
  position: relative;
  display: flex;
  align-items: center;
}
.clear-button[data-v-f7b662be] {
  position: absolute;
  right: 8px;
  z-index: 1;
  min-width: auto !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.clear-button[data-v-f7b662be]:hover {
  opacity: 1;
}
.clear-button .mdi[data-v-f7b662be] {
  font-size: 14px;
}
.cron-error[data-v-f7b662be] {
  color: var(--p-red-500, #ef4444);
  font-size: 0.85rem;
}
.cron-desc[data-v-f7b662be] {
  color: var(--text-color-secondary);
  font-size: 0.85rem;
}

/* Fullscreen dialog styles */
.fullscreen-dialog[data-v-13b2890f] {
  margin: 0;
}
.fullscreen-editor[data-v-13b2890f] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: white;
}
.dialog-header[data-v-13b2890f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}
.dialog-header h3[data-v-13b2890f] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
}
.dialog-actions[data-v-13b2890f] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}
.dialog-actions .p-button[data-v-13b2890f] {
  white-space: nowrap;
}

/* Responsive adjustments for dialog actions */
@media (max-width: 768px) {
.dialog-actions[data-v-13b2890f] {
    gap: 0.5rem;
}
.dialog-actions .p-button[data-v-13b2890f] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}
}
.dialog-content[data-v-13b2890f] {
  flex: 1;
  padding: 1.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dialog-content.split-view[data-v-13b2890f] {
  flex-direction: row;
  gap: 1.5rem;
}
.editor-section[data-v-13b2890f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.preview-section[data-v-13b2890f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-left: 1px solid #e2e8f0;
  padding-left: 1.5rem;
}
.preview-header[data-v-13b2890f] {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e2e8f0;
}
.preview-header h4[data-v-13b2890f] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #64748b;
}
.preview-content[data-v-13b2890f] {
  flex: 1;
  overflow: auto;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 1rem;
}
.fullscreen-textarea[data-v-13b2890f] {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 120px);
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  resize: none;
  white-space: pre-wrap; /* Preserve newlines and whitespace */
}
.split-view .fullscreen-textarea[data-v-13b2890f] {
  min-height: calc(100vh - 140px);
}
.fullscreen-textarea[data-v-13b2890f]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.textarea-wrapper[data-v-a0108a46] {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.textarea-max-rows[data-v-a0108a46] {
  max-height: calc(8 * 1.5em + 2rem); /* 8 rows * line-height + padding */
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #ccc #f0f0f0;
  white-space: pre-wrap; /* Preserve newlines and whitespace */
}
.fullscreen-button[data-v-a0108a46] {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 1;
  min-width: auto !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.fullscreen-button[data-v-a0108a46]:hover {
  opacity: 1;
}
.fullscreen-button .mdi[data-v-a0108a46] {
  font-size: 14px;
}
.clear-button[data-v-a0108a46] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  min-width: auto !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.clear-button[data-v-a0108a46]:hover {
  opacity: 1;
}
.clear-button .mdi[data-v-a0108a46] {
  font-size: 14px;
}
.workspace-header-label {
  display: unset !important;
  width: auto !important;
  flex-grow: unset !important;
  font-size: 2rem !important;
  padding: 0 !important;
}
.workspace-selection {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  flex-grow: 1;
  width: 20em;
  padding: 5px;
}
.workspace-select {
  font-weight: 800;
  font-size: 24px;
  border: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tabs-item {
  height: 80px;
  font-size: 1.3em;
  align-items: self-end;
}
.active-widget-tab {
  border-color: var(--p-primary-color) !important;
}

/* Added shared header styles */
.dashboard-header {
  display: flex;
  flex-direction: row;
}

/* Standard header title style - ensure it's defined here */
.simple-header-title {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0.5rem;
  align-self: flex-start;
  color: var(--p-text-color) !important;
}
.dashboard-icon {
  font-size: 2rem;
  margin: 10px;
  padding-top: 2rem;
  align-self: center;
  color: var(--primary);
}
.toolbar-tab {
  border-bottom: 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
  margin-right: 2px !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab:hover {
  border-color: var(--p-primary-color) !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab-icon {
  color: inherit;
  transition: color 0.2s ease;
}
.toolbar-tab-icon {
  color: var(--p-primary-color) !important;
}
.toolbar-header {
  display: flex;
  flex-direction: row;
  background-color: var(--p-content-background);
  height: 100px;
  max-height: 100px;
  border-bottom: 1px solid var(--p-content-border-color) !important;
  border-radius: 0;
  min-height: 100px;
  overflow: hidden;
}
.header-search-text {
  background-color: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
}
.header-search-text:focus {
  border-color: var(--p-primary-color) !important;
}
.header-button {
  min-width: 3em;
  max-height: 3em;
  max-width: 3em;
  font-size: 22px;
  margin-left: 2px;
  /*  */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.p-button.p-button-outlined.header-button {

  background-color: var(--p-content-background) !important;
}
.header-button:hover {
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dark mode for header button hover */
.cs-dark .header-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.header-button:active {
  transform: translateY(0);
}
.header-button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: var(--p-primary-color);
  opacity: 0.2;
  transition: height 0.3s ease;
  z-index: -1;
}
.header-button:hover::after {
  height: 100%;
}
.header-splitbutton {
  /* background-color: var(--p-content-background) !important; */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
}

/* Additional shared header styling */
.select-view {
  cursor: pointer;
  margin: 6px;
  border: 0px;
  color: rgb(133, 133, 133);
  font-size: 1.8rem;
}
.header-button span {
  margin-left: 0px !important;
}

/* Unified Header Styles - Shared across all headers */
.unified-header {
  padding: 0.875rem 1rem 0rem 1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--p-content-border-color);
  box-shadow: none;
  min-height: 100px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible !important;
}
.header-top-row {
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
}
.header-brand {
  gap: 0.75rem;
  flex: 1;
  align-items: flex-start;
}
.header-logo {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  flex-shrink: 0;
}
.header-logo:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.header-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.header-subtitle {
  margin: 0;
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
  font-weight: 400;
  white-space: nowrap;
}

/* Sidebar toggle button */
:deep(.sidebar-toggle-button) {
  transition: all 0.2s ease;
  border-radius: 6px;
  min-width: 2.25rem;
  min-height: 2.25rem;
  flex-shrink: 0;
}
:deep(.sidebar-toggle-button:hover) {
  background-color: var(--p-surface-hover);
  transform: scale(1.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header tabs row for tabs positioned at bottom */
.header-tabs-row {
  padding-left: calc(2.25rem + 0.75rem);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1001;
  overflow: visible !important;
}
.header-tabs-row :deep(.header-toolbar-tabs) {
  width: auto;
  position: relative !important;
  bottom: auto !important;
  margin: 0;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tablist-tab-list),
.header-tabs-row :deep(.p-tablist) {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  width: auto;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab),
.header-tabs-row :deep(.toolbar-tab) {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0.5rem 1rem;
}
.header-tabs-row :deep(.p-tab[data-p-active="true"]),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab.p-highlight) {
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab:hover),
.header-tabs-row :deep(.toolbar-tab:hover) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Header title wrapper for Select dropdown styled as title */
.header-title-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto;
}
.header-title-wrapper :deep(.header-title-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title-wrapper :deep(.p-select-label),
.header-title-wrapper :deep(.header-title-input),
.header-title-wrapper :deep(.p-inputtext) {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: inherit;
}
.header-title-wrapper :deep(.header-title-trigger),
.header-title-wrapper :deep(.p-select-trigger) {
  padding: 0 !important;
  margin-left: 0.25rem;
  color: var(--p-text-color);
  background: transparent !important;
  border: none !important;
}
.header-title-wrapper :deep(.p-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Dark mode adjustments - Using .cs-dark selector for PrimeVue compatibility */
.cs-dark .unified-header {
  background-color: transparent;
  border-bottom-color: var(--p-content-border-color);
}
.cs-dark .toolbar-header {
  background-color: var(--p-content-background);
}
.cs-dark .header-title {
  color: var(--p-text-color);
}
.cs-dark .header-subtitle {
  color: var(--p-text-muted-color);
}
.cs-dark .sidebar-toggle-button:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .header-logo {
  filter: invert(1);
}
.cs-dark .header-tabs-row .p-tab,
.cs-dark .header-tabs-row .toolbar-tab {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab:hover,
.cs-dark .header-tabs-row .toolbar-tab:hover {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-title-wrapper .p-select-label,
.cs-dark .header-title-wrapper .header-title-input,
.cs-dark .header-title-wrapper .p-inputtext {
  color: var(--p-text-color);
}
.cs-dark .header-title-wrapper .header-title-trigger,
.cs-dark .header-title-wrapper .p-select-trigger {
  color: var(--p-text-color);
}

/* Knowledge Graph Background Animation */
.kg-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.08;
  z-index: 0;
  overflow: hidden;
}
.kg-background svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Knowledge graph nodes */
.kg-node {
  fill: var(--p-primary-color, #3b82f6);
  opacity: 0.6;
}

/* Knowledge graph connections */
.kg-line {
  stroke: var(--p-primary-color, #3b82f6);
  stroke-width: 1.5;
  fill: none;
  opacity: 0.4;
  stroke-linecap: round;
}

/* Animated pulsing nodes */
@keyframes nodePulse {
0%,
  100% {
    opacity: 0.4;
    r: 2;
}
50% {
    opacity: 0.8;
    r: 3;
}
}
.kg-node-animated {
  animation: nodePulse 3s ease-in-out infinite;
}
.kg-node-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-node-animated:nth-child(2) {
  animation-delay: 0.5s;
}
.kg-node-animated:nth-child(3) {
  animation-delay: 1s;
}
.kg-node-animated:nth-child(4) {
  animation-delay: 1.5s;
}
.kg-node-animated:nth-child(5) {
  animation-delay: 2s;
}
.kg-node-animated:nth-child(6) {
  animation-delay: 2.5s;
}

/* Animated flowing lines */
@keyframes lineFlow {
0% {
    stroke-dashoffset: 100;
    opacity: 0.2;
}
50% {
    opacity: 0.5;
}
100% {
    stroke-dashoffset: 0;
    opacity: 0.2;
}
}
.kg-line-animated {
  stroke-dasharray: 20 10;
  animation: lineFlow 8s linear infinite;
}
.kg-line-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-line-animated:nth-child(2) {
  animation-delay: 1.5s;
}
.kg-line-animated:nth-child(3) {
  animation-delay: 3s;
}
.kg-line-animated:nth-child(4) {
  animation-delay: 4.5s;
}
.kg-line-animated:nth-child(5) {
  animation-delay: 6s;
}

/* Dark mode adjustments for knowledge graph */
.cs-dark .kg-background {
  opacity: 0.12;
}
.cs-dark .kg-node {
  fill: var(--p-primary-color, #60a5fa);
}
.cs-dark .kg-line {
  stroke: var(--p-primary-color, #60a5fa);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.unified-header {
    padding: 0.625rem 0.875rem;
    min-height: 56px;
}
.header-logo {
    height: 28px;
}
.header-title {
    font-size: 1.125rem;
}
.header-subtitle {
    font-size: 0.688rem;
}
.header-title-wrapper :deep(.p-select-label),
  .header-title-wrapper :deep(.header-title-input),
  .header-title-wrapper :deep(.p-inputtext) {
    font-size: 1.125rem;
}

  /* Reduce opacity on mobile for better performance */
.kg-background {
    opacity: 0.05;
}
}

.link-input {
  font-size: 1.5rem;
  display: block;
  /* margin-top: 0.5rem; */
  /* margin-top: 1rem; */
}
.dashboard-icon {
  font-size: 2rem;
  margin: 10px;
  padding-top: 2rem;
  align-self: center;
  color: var(--p-primary);
}
.dashboard-header {
  display: flex;
  flex-direction: row;
}
.selected-link-title {
  font-weight: 700;
}
.link-header-title {
  /* margin-left: 10px; */
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 1.5rem;
  font-weight: 500;
  /* margin: 1rem; */
}
.link-dropdown {
  border-width: 0px;
  background-color: transparent;
}
.workspace-header-label {
  display: unset !important;
  width: auto !important;
  flex-grow: unset !important;
  font-size: 2rem !important;
  padding: 0 !important;
}
.workspace-selection {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  flex-grow: 1;
  width: 20em;
  padding: 5px;
}
.workspace-select {
  font-weight: 800;
  font-size: 24px;
  border: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tabs-item {
  height: 80px;
  font-size: 1.3em;
  align-items: self-end;
}
.active-widget-tab {
  border-color: var(--p-primary-color) !important;
}

/* Added shared header styles */
.dashboard-header {
  display: flex;
  flex-direction: row;
}

/* Standard header title style - ensure it's defined here */
.simple-header-title {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0.5rem;
  align-self: flex-start;
  color: var(--p-text-color) !important;
}
.dashboard-icon {
  font-size: 2rem;
  margin: 10px;
  padding-top: 2rem;
  align-self: center;
  color: var(--primary);
}
.toolbar-tab {
  border-bottom: 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
  margin-right: 2px !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab:hover {
  border-color: var(--p-primary-color) !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab-icon {
  color: inherit;
  transition: color 0.2s ease;
}
.toolbar-tab-icon {
  color: var(--p-primary-color) !important;
}
.toolbar-header {
  display: flex;
  flex-direction: row;
  background-color: var(--p-content-background);
  height: 100px;
  max-height: 100px;
  border-bottom: 1px solid var(--p-content-border-color) !important;
  border-radius: 0;
  min-height: 100px;
  overflow: hidden;
}
.header-search-text {
  background-color: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
}
.header-search-text:focus {
  border-color: var(--p-primary-color) !important;
}
.header-button {
  min-width: 3em;
  max-height: 3em;
  max-width: 3em;
  font-size: 22px;
  margin-left: 2px;
  /*  */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.p-button.p-button-outlined.header-button {

  background-color: var(--p-content-background) !important;
}
.header-button:hover {
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dark mode for header button hover */
.cs-dark .header-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.header-button:active {
  transform: translateY(0);
}
.header-button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: var(--p-primary-color);
  opacity: 0.2;
  transition: height 0.3s ease;
  z-index: -1;
}
.header-button:hover::after {
  height: 100%;
}
.header-splitbutton {
  /* background-color: var(--p-content-background) !important; */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
}

/* Additional shared header styling */
.select-view {
  cursor: pointer;
  margin: 6px;
  border: 0px;
  color: rgb(133, 133, 133);
  font-size: 1.8rem;
}
.header-button span {
  margin-left: 0px !important;
}

/* Unified Header Styles - Shared across all headers */
.unified-header {
  padding: 0.875rem 1rem 0rem 1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--p-content-border-color);
  box-shadow: none;
  min-height: 100px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible !important;
}
.header-top-row {
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
}
.header-brand {
  gap: 0.75rem;
  flex: 1;
  align-items: flex-start;
}
.header-logo {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  flex-shrink: 0;
}
.header-logo:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.header-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.header-subtitle {
  margin: 0;
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
  font-weight: 400;
  white-space: nowrap;
}

/* Sidebar toggle button */
:deep(.sidebar-toggle-button) {
  transition: all 0.2s ease;
  border-radius: 6px;
  min-width: 2.25rem;
  min-height: 2.25rem;
  flex-shrink: 0;
}
:deep(.sidebar-toggle-button:hover) {
  background-color: var(--p-surface-hover);
  transform: scale(1.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header tabs row for tabs positioned at bottom */
.header-tabs-row {
  padding-left: calc(2.25rem + 0.75rem);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1001;
  overflow: visible !important;
}
.header-tabs-row :deep(.header-toolbar-tabs) {
  width: auto;
  position: relative !important;
  bottom: auto !important;
  margin: 0;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tablist-tab-list),
.header-tabs-row :deep(.p-tablist) {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  width: auto;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab),
.header-tabs-row :deep(.toolbar-tab) {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0.5rem 1rem;
}
.header-tabs-row :deep(.p-tab[data-p-active="true"]),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab.p-highlight) {
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab:hover),
.header-tabs-row :deep(.toolbar-tab:hover) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Header title wrapper for Select dropdown styled as title */
.header-title-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto;
}
.header-title-wrapper :deep(.header-title-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title-wrapper :deep(.p-select-label),
.header-title-wrapper :deep(.header-title-input),
.header-title-wrapper :deep(.p-inputtext) {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: inherit;
}
.header-title-wrapper :deep(.header-title-trigger),
.header-title-wrapper :deep(.p-select-trigger) {
  padding: 0 !important;
  margin-left: 0.25rem;
  color: var(--p-text-color);
  background: transparent !important;
  border: none !important;
}
.header-title-wrapper :deep(.p-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Dark mode adjustments - Using .cs-dark selector for PrimeVue compatibility */
.cs-dark .unified-header {
  background-color: transparent;
  border-bottom-color: var(--p-content-border-color);
}
.cs-dark .toolbar-header {
  background-color: var(--p-content-background);
}
.cs-dark .header-title {
  color: var(--p-text-color);
}
.cs-dark .header-subtitle {
  color: var(--p-text-muted-color);
}
.cs-dark .sidebar-toggle-button:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .header-logo {
  filter: invert(1);
}
.cs-dark .header-tabs-row .p-tab,
.cs-dark .header-tabs-row .toolbar-tab {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab:hover,
.cs-dark .header-tabs-row .toolbar-tab:hover {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-title-wrapper .p-select-label,
.cs-dark .header-title-wrapper .header-title-input,
.cs-dark .header-title-wrapper .p-inputtext {
  color: var(--p-text-color);
}
.cs-dark .header-title-wrapper .header-title-trigger,
.cs-dark .header-title-wrapper .p-select-trigger {
  color: var(--p-text-color);
}

/* Knowledge Graph Background Animation */
.kg-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.08;
  z-index: 0;
  overflow: hidden;
}
.kg-background svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Knowledge graph nodes */
.kg-node {
  fill: var(--p-primary-color, #3b82f6);
  opacity: 0.6;
}

/* Knowledge graph connections */
.kg-line {
  stroke: var(--p-primary-color, #3b82f6);
  stroke-width: 1.5;
  fill: none;
  opacity: 0.4;
  stroke-linecap: round;
}

/* Animated pulsing nodes */
@keyframes nodePulse {
0%,
  100% {
    opacity: 0.4;
    r: 2;
}
50% {
    opacity: 0.8;
    r: 3;
}
}
.kg-node-animated {
  animation: nodePulse 3s ease-in-out infinite;
}
.kg-node-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-node-animated:nth-child(2) {
  animation-delay: 0.5s;
}
.kg-node-animated:nth-child(3) {
  animation-delay: 1s;
}
.kg-node-animated:nth-child(4) {
  animation-delay: 1.5s;
}
.kg-node-animated:nth-child(5) {
  animation-delay: 2s;
}
.kg-node-animated:nth-child(6) {
  animation-delay: 2.5s;
}

/* Animated flowing lines */
@keyframes lineFlow {
0% {
    stroke-dashoffset: 100;
    opacity: 0.2;
}
50% {
    opacity: 0.5;
}
100% {
    stroke-dashoffset: 0;
    opacity: 0.2;
}
}
.kg-line-animated {
  stroke-dasharray: 20 10;
  animation: lineFlow 8s linear infinite;
}
.kg-line-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-line-animated:nth-child(2) {
  animation-delay: 1.5s;
}
.kg-line-animated:nth-child(3) {
  animation-delay: 3s;
}
.kg-line-animated:nth-child(4) {
  animation-delay: 4.5s;
}
.kg-line-animated:nth-child(5) {
  animation-delay: 6s;
}

/* Dark mode adjustments for knowledge graph */
.cs-dark .kg-background {
  opacity: 0.12;
}
.cs-dark .kg-node {
  fill: var(--p-primary-color, #60a5fa);
}
.cs-dark .kg-line {
  stroke: var(--p-primary-color, #60a5fa);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.unified-header {
    padding: 0.625rem 0.875rem;
    min-height: 56px;
}
.header-logo {
    height: 28px;
}
.header-title {
    font-size: 1.125rem;
}
.header-subtitle {
    font-size: 0.688rem;
}
.header-title-wrapper :deep(.p-select-label),
  .header-title-wrapper :deep(.header-title-input),
  .header-title-wrapper :deep(.p-inputtext) {
    font-size: 1.125rem;
}

  /* Reduce opacity on mobile for better performance */
.kg-background {
    opacity: 0.05;
}
}

.heatmap-wrapper[data-v-b95d82db] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-x: auto;
}
.selector-container[data-v-b95d82db] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.metric-selector[data-v-b95d82db] {
  margin-right: 20px;
}
.view-selector[data-v-b95d82db] {
  margin-right: 20px;
}
.heatmap-container[data-v-b95d82db] {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.content-wrapper[data-v-b95d82db] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.months[data-v-b95d82db] {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.day-label-spacer[data-v-b95d82db] {
  height: 16px; /* Match month-label height */
  margin-bottom: 4px; /* Match month-label margin-bottom */
}
.day-labels[data-v-b95d82db] {
  width: 30px;
  margin-right: 6px;
  display: flex;
  flex-direction: column;
}
.day-label[data-v-b95d82db] {
  height: 16px;
  line-height: 14px;
  margin-bottom: 2px;
  font-size: 12px;
  color: #555;
  text-align: right;
}
.month-label[data-v-b95d82db] {
  height: 16px;
  text-align: left;
  font-size: 12px;
  color: #555;
  margin-bottom: 4px;
  padding-left: 2px;
}
.weeks[data-v-b95d82db] {
  display: flex;
  flex-direction: row;
}
.week[data-v-b95d82db] {
  display: flex;
  flex-direction: column;
  margin-right: 4px;
}
.day[data-v-b95d82db] {
  width: 14px;
  height: 14px;
  min-width: 14px; /* Enforce minimum width */
  margin-bottom: 4px;
  border: 1px solid #ccc; /* Small border around each day */
  border-radius: 2px;
  background-color: transparent; /* Ensure empty days are visible but transparent */
}
.day-placeholder[data-v-b95d82db] {
  border: none;
}
.heatmap-legend[data-v-b95d82db] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.legend-box[data-v-b95d82db] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 2px;
}
.heatmap-legend span[data-v-b95d82db] {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
}

/* Styles for dayview */
.dayview-container[data-v-b95d82db] {
  width: 100%;
  overflow-x: auto;
  margin-top: 20px;
}
.dayview-table[data-v-b95d82db] {
  border-collapse: separate;
  border-spacing: 2px;
  table-layout: fixed;
  width: auto; /* Allow table to size based on content */
}
.dayview-table th[data-v-b95d82db] {
  font-size: 12px;
  color: #555;
  font-weight: normal;
  padding: 2px;
  text-align: center;
}
.month-row th[data-v-b95d82db] {
  padding-bottom: 5px;
}
.day-numbers-row th[data-v-b95d82db] {
  padding-bottom: 8px;
  text-align: center; /* Explicitly keep day numbers centered */
}
.dayview-table th[data-v-b95d82db],
.dayview-table td[data-v-b95d82db] {
  width: 14px; /* Set fixed width for all cells */
  min-width: 14px;
  box-sizing: border-box;
}
.dayview-table td.day[data-v-b95d82db] {
  padding: 0;
  height: 14px;
  border-radius: 2px;
  border: 1px solid rgba(27, 31, 35, 0.06);
}

/* Remove old dayview styles */
.dayview-header[data-v-b95d82db],
.day-of-month-labels[data-v-b95d82db],
.dayview-content[data-v-b95d82db],
.days[data-v-b95d82db] {
  display: none;
}
.month-header[data-v-b95d82db] {
  border-bottom: 1px solid #e1e4e8;
  padding: 4px 2px 4px 8px; /* Add left padding */
  font-weight: 500;
  text-align: left !important; /* Align month text to the left */
}

/* Add new styles for grouped weeks by month */
.months-weeks[data-v-b95d82db] {
  display: flex;
  flex-direction: row;
}
.month-group[data-v-b95d82db] {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.week[data-v-b95d82db] {
  display: flex;
  flex-direction: column;
  margin-right: 4px;
}
.week-numbers-row th[data-v-b95d82db] {
  padding-bottom: 8px;
  text-align: center;
}

.indicator-table-container[data-v-58659d7a] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.indicator-table[data-v-58659d7a] {
  font-size: 0.8rem;
  flex: 1;
  max-height: 100%;
}
.no-records[data-v-58659d7a] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--text-color-secondary);
  font-style: italic;
}
[data-v-58659d7a] .p-datatable-wrapper {
  max-height: calc(100vh - 120px);
}

.indicator-grid[data-v-6bb1b0f9] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 300px));
  grid-template-rows: repeat(auto-fit, minmax(80px, 1fr));
  grid-gap: 10px;
}
.indicator-card[data-v-6bb1b0f9] {
  width: 100%;
  max-width: 300px;
  margin-right: 1rem;
  border-radius: 0 !important;
}
.metrics-grid[data-v-6bb1b0f9] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.metric-content[data-v-6bb1b0f9] {
  padding: 1rem;
}
.metric-header[data-v-6bb1b0f9] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.metric-title-group[data-v-6bb1b0f9] {
  flex: 1;
}
.metric-title[data-v-6bb1b0f9] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color-secondary);
  margin: 0;
  margin-bottom: 0.25rem;
}
.metric-subtitle[data-v-6bb1b0f9] {
  font-size: 0.75rem;
  color: var(--text-300);
  margin: 0;
}
.metric-value[data-v-6bb1b0f9] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-color);
  margin-top: 0.5rem;
}
.metric-trend[data-v-6bb1b0f9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.trend-up[data-v-6bb1b0f9] {
  color: var(--green-500);
}
.trend-down[data-v-6bb1b0f9] {
  color: var(--red-500);
}
.trend-neutral[data-v-6bb1b0f9] {
  color: var(--text-color-secondary);
}
.trend-arrow[data-v-6bb1b0f9] {
  font-size: 0.875rem;
}
.trend-value[data-v-6bb1b0f9] {
  margin-left: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.metrics-grid[data-v-6bb1b0f9] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.metric-content[data-v-6bb1b0f9] {
    padding: 0.75rem;
}
.metric-value[data-v-6bb1b0f9] {
    font-size: 1.25rem;
}
}
.indicator[data-v-6bb1b0f9] {
  height: 80px;
  margin: 4px;
  min-width: 200px;
  padding: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px;
}
.indicator-value[data-v-6bb1b0f9] {
  font-weight: 700 !important;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-top: 2px;
}
.indicator-title[data-v-6bb1b0f9] {
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 60px; /* Make room for the icon */
}
.indicator-icon[data-v-6bb1b0f9] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--p-primary-200);
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s;
}
.expand-button[data-v-6bb1b0f9] {
  margin-left: 5px;
  padding: 0;
}
.drawer-header[data-v-6bb1b0f9] {
  padding: 0 1rem;
}
@media (max-width: 768px) {
.indicator-value[data-v-6bb1b0f9] {
    font-size: 1.25rem;
}
.indicator-title[data-v-6bb1b0f9] {
    font-size: 0.75rem;
}
.indicator-icon[data-v-6bb1b0f9] {
    height: 32px;
    width: 32px;
    font-size: 18px;
}
.expanded-table[data-v-6bb1b0f9] {
    width: 300px;
}
}

.dashboard-header {
    height: 100px;
}

.toolbar-header-no-border {
li {
a {
      border-bottom-style: none !important;
      padding: 10px;
      height: 100%;
div {
        align-items: end !important;
}
}
}
}
.p-tabview-panel {
  flex-grow: 1;
  height: 100% !important;
  overflow-y: auto !important;

  /* height: 100%; */
}
.tabview-custom {
  height: 100%;
}
.tab-nav-content {
  height: 100%;
  display: none;
}

.indicator-selection {
  max-width: 500px;
}
.charts-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/* Add some spacing between charts */
:deep(.p-multiselect) {
  margin-bottom: 1rem;
}
.workspace-header-label {
  display: unset !important;
  width: auto !important;
  flex-grow: unset !important;
  font-size: 2rem !important;
  padding: 0 !important;
}
.workspace-selection {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  flex-grow: 1;
  width: 20em;
  padding: 5px;
}
.workspace-select {
  font-weight: 800;
  font-size: 24px;
  border: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tabs-item {
  height: 80px;
  font-size: 1.3em;
  align-items: self-end;
}
.active-widget-tab {
  border-color: var(--p-primary-color) !important;
}

/* Added shared header styles */
.dashboard-header {
  display: flex;
  flex-direction: row;
}

/* Standard header title style - ensure it's defined here */
.simple-header-title {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0.5rem;
  align-self: flex-start;
  color: var(--p-text-color) !important;
}
.dashboard-icon {
  font-size: 2rem;
  margin: 10px;
  padding-top: 2rem;
  align-self: center;
  color: var(--primary);
}
.toolbar-tab {
  border-bottom: 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
  margin-right: 2px !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab:hover {
  border-color: var(--p-primary-color) !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab-icon {
  color: inherit;
  transition: color 0.2s ease;
}
.toolbar-tab-icon {
  color: var(--p-primary-color) !important;
}
.toolbar-header {
  display: flex;
  flex-direction: row;
  background-color: var(--p-content-background);
  height: 100px;
  max-height: 100px;
  border-bottom: 1px solid var(--p-content-border-color) !important;
  border-radius: 0;
  min-height: 100px;
  overflow: hidden;
}
.header-search-text {
  background-color: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
}
.header-search-text:focus {
  border-color: var(--p-primary-color) !important;
}
.header-button {
  min-width: 3em;
  max-height: 3em;
  max-width: 3em;
  font-size: 22px;
  margin-left: 2px;
  /*  */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.p-button.p-button-outlined.header-button {

  background-color: var(--p-content-background) !important;
}
.header-button:hover {
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dark mode for header button hover */
.cs-dark .header-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.header-button:active {
  transform: translateY(0);
}
.header-button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: var(--p-primary-color);
  opacity: 0.2;
  transition: height 0.3s ease;
  z-index: -1;
}
.header-button:hover::after {
  height: 100%;
}
.header-splitbutton {
  /* background-color: var(--p-content-background) !important; */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
}

/* Additional shared header styling */
.select-view {
  cursor: pointer;
  margin: 6px;
  border: 0px;
  color: rgb(133, 133, 133);
  font-size: 1.8rem;
}
.header-button span {
  margin-left: 0px !important;
}

/* Unified Header Styles - Shared across all headers */
.unified-header {
  padding: 0.875rem 1rem 0rem 1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--p-content-border-color);
  box-shadow: none;
  min-height: 100px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible !important;
}
.header-top-row {
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
}
.header-brand {
  gap: 0.75rem;
  flex: 1;
  align-items: flex-start;
}
.header-logo {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  flex-shrink: 0;
}
.header-logo:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.header-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.header-subtitle {
  margin: 0;
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
  font-weight: 400;
  white-space: nowrap;
}

/* Sidebar toggle button */
:deep(.sidebar-toggle-button) {
  transition: all 0.2s ease;
  border-radius: 6px;
  min-width: 2.25rem;
  min-height: 2.25rem;
  flex-shrink: 0;
}
:deep(.sidebar-toggle-button:hover) {
  background-color: var(--p-surface-hover);
  transform: scale(1.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header tabs row for tabs positioned at bottom */
.header-tabs-row {
  padding-left: calc(2.25rem + 0.75rem);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1001;
  overflow: visible !important;
}
.header-tabs-row :deep(.header-toolbar-tabs) {
  width: auto;
  position: relative !important;
  bottom: auto !important;
  margin: 0;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tablist-tab-list),
.header-tabs-row :deep(.p-tablist) {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  width: auto;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab),
.header-tabs-row :deep(.toolbar-tab) {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0.5rem 1rem;
}
.header-tabs-row :deep(.p-tab[data-p-active="true"]),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab.p-highlight) {
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab:hover),
.header-tabs-row :deep(.toolbar-tab:hover) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Header title wrapper for Select dropdown styled as title */
.header-title-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto;
}
.header-title-wrapper :deep(.header-title-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title-wrapper :deep(.p-select-label),
.header-title-wrapper :deep(.header-title-input),
.header-title-wrapper :deep(.p-inputtext) {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: inherit;
}
.header-title-wrapper :deep(.header-title-trigger),
.header-title-wrapper :deep(.p-select-trigger) {
  padding: 0 !important;
  margin-left: 0.25rem;
  color: var(--p-text-color);
  background: transparent !important;
  border: none !important;
}
.header-title-wrapper :deep(.p-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Dark mode adjustments - Using .cs-dark selector for PrimeVue compatibility */
.cs-dark .unified-header {
  background-color: transparent;
  border-bottom-color: var(--p-content-border-color);
}
.cs-dark .toolbar-header {
  background-color: var(--p-content-background);
}
.cs-dark .header-title {
  color: var(--p-text-color);
}
.cs-dark .header-subtitle {
  color: var(--p-text-muted-color);
}
.cs-dark .sidebar-toggle-button:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .header-logo {
  filter: invert(1);
}
.cs-dark .header-tabs-row .p-tab,
.cs-dark .header-tabs-row .toolbar-tab {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab:hover,
.cs-dark .header-tabs-row .toolbar-tab:hover {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-title-wrapper .p-select-label,
.cs-dark .header-title-wrapper .header-title-input,
.cs-dark .header-title-wrapper .p-inputtext {
  color: var(--p-text-color);
}
.cs-dark .header-title-wrapper .header-title-trigger,
.cs-dark .header-title-wrapper .p-select-trigger {
  color: var(--p-text-color);
}

/* Knowledge Graph Background Animation */
.kg-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.08;
  z-index: 0;
  overflow: hidden;
}
.kg-background svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Knowledge graph nodes */
.kg-node {
  fill: var(--p-primary-color, #3b82f6);
  opacity: 0.6;
}

/* Knowledge graph connections */
.kg-line {
  stroke: var(--p-primary-color, #3b82f6);
  stroke-width: 1.5;
  fill: none;
  opacity: 0.4;
  stroke-linecap: round;
}

/* Animated pulsing nodes */
@keyframes nodePulse {
0%,
  100% {
    opacity: 0.4;
    r: 2;
}
50% {
    opacity: 0.8;
    r: 3;
}
}
.kg-node-animated {
  animation: nodePulse 3s ease-in-out infinite;
}
.kg-node-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-node-animated:nth-child(2) {
  animation-delay: 0.5s;
}
.kg-node-animated:nth-child(3) {
  animation-delay: 1s;
}
.kg-node-animated:nth-child(4) {
  animation-delay: 1.5s;
}
.kg-node-animated:nth-child(5) {
  animation-delay: 2s;
}
.kg-node-animated:nth-child(6) {
  animation-delay: 2.5s;
}

/* Animated flowing lines */
@keyframes lineFlow {
0% {
    stroke-dashoffset: 100;
    opacity: 0.2;
}
50% {
    opacity: 0.5;
}
100% {
    stroke-dashoffset: 0;
    opacity: 0.2;
}
}
.kg-line-animated {
  stroke-dasharray: 20 10;
  animation: lineFlow 8s linear infinite;
}
.kg-line-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-line-animated:nth-child(2) {
  animation-delay: 1.5s;
}
.kg-line-animated:nth-child(3) {
  animation-delay: 3s;
}
.kg-line-animated:nth-child(4) {
  animation-delay: 4.5s;
}
.kg-line-animated:nth-child(5) {
  animation-delay: 6s;
}

/* Dark mode adjustments for knowledge graph */
.cs-dark .kg-background {
  opacity: 0.12;
}
.cs-dark .kg-node {
  fill: var(--p-primary-color, #60a5fa);
}
.cs-dark .kg-line {
  stroke: var(--p-primary-color, #60a5fa);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.unified-header {
    padding: 0.625rem 0.875rem;
    min-height: 56px;
}
.header-logo {
    height: 28px;
}
.header-title {
    font-size: 1.125rem;
}
.header-subtitle {
    font-size: 0.688rem;
}
.header-title-wrapper :deep(.p-select-label),
  .header-title-wrapper :deep(.header-title-input),
  .header-title-wrapper :deep(.p-inputtext) {
    font-size: 1.125rem;
}

  /* Reduce opacity on mobile for better performance */
.kg-background {
    opacity: 0.05;
}
}

/* Component-specific styles only */
.workspace-select[data-v-5cef1aa2] {
  padding: 5px; /* Component-specific addition */
}
.header-top-row[data-v-5cef1aa2] {
  position: relative;
  z-index: 1;
}
.header-tabs-row[data-v-5cef1aa2] {
  position: relative;
  z-index: 1;
}

/* Remove all tab backgrounds */
[data-v-5cef1aa2] .p-tabs {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tablist {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tablist-tab-list {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tab,[data-v-5cef1aa2] .toolbar-tab {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tab:hover,[data-v-5cef1aa2] .toolbar-tab:hover {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tab[data-p-active="true"],[data-v-5cef1aa2] .toolbar-tab[data-p-active="true"],[data-v-5cef1aa2] .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tabpanels {
  background-color: transparent !important;
  background: transparent !important;
}
[data-v-5cef1aa2] .p-tabpanel {
  background-color: transparent !important;
  background: transparent !important;
}

/* Dark mode tab styling */
:root.cs-dark[data-v-5cef1aa2] .p-tab,
:root.cs-dark[data-v-5cef1aa2] .toolbar-tab {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--p-text-color, #e0e0e0);
}
:root.cs-dark[data-v-5cef1aa2] .p-tab:hover,
:root.cs-dark[data-v-5cef1aa2] .toolbar-tab:hover {
  background-color: transparent !important;
  background: transparent !important;
}
:root.cs-dark[data-v-5cef1aa2] .p-tab[data-p-active="true"],
:root.cs-dark[data-v-5cef1aa2] .toolbar-tab[data-p-active="true"],
:root.cs-dark[data-v-5cef1aa2] .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}

.hidden-tab {
  display: none;
}
.tab-panel {
  height: inherit;
}

.hidden-tab {
  display: none;
}
.tab-panel {
  height: inherit;
}
.workspace-header-label {
  display: unset !important;
  width: auto !important;
  flex-grow: unset !important;
  font-size: 2rem !important;
  padding: 0 !important;
}
.workspace-selection {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  flex-grow: 1;
  width: 20em;
  padding: 5px;
}
.workspace-select {
  font-weight: 800;
  font-size: 24px;
  border: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tabs-item {
  height: 80px;
  font-size: 1.3em;
  align-items: self-end;
}
.active-widget-tab {
  border-color: var(--p-primary-color) !important;
}

/* Added shared header styles */
.dashboard-header {
  display: flex;
  flex-direction: row;
}

/* Standard header title style - ensure it's defined here */
.simple-header-title {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0.5rem;
  align-self: flex-start;
  color: var(--p-text-color) !important;
}
.dashboard-icon {
  font-size: 2rem;
  margin: 10px;
  padding-top: 2rem;
  align-self: center;
  color: var(--primary);
}
.toolbar-tab {
  border-bottom: 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
  margin-right: 2px !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab:hover {
  border-color: var(--p-primary-color) !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab-icon {
  color: inherit;
  transition: color 0.2s ease;
}
.toolbar-tab-icon {
  color: var(--p-primary-color) !important;
}
.toolbar-header {
  display: flex;
  flex-direction: row;
  background-color: var(--p-content-background);
  height: 100px;
  max-height: 100px;
  border-bottom: 1px solid var(--p-content-border-color) !important;
  border-radius: 0;
  min-height: 100px;
  overflow: hidden;
}
.header-search-text {
  background-color: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
}
.header-search-text:focus {
  border-color: var(--p-primary-color) !important;
}
.header-button {
  min-width: 3em;
  max-height: 3em;
  max-width: 3em;
  font-size: 22px;
  margin-left: 2px;
  /*  */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.p-button.p-button-outlined.header-button {

  background-color: var(--p-content-background) !important;
}
.header-button:hover {
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dark mode for header button hover */
.cs-dark .header-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.header-button:active {
  transform: translateY(0);
}
.header-button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: var(--p-primary-color);
  opacity: 0.2;
  transition: height 0.3s ease;
  z-index: -1;
}
.header-button:hover::after {
  height: 100%;
}
.header-splitbutton {
  /* background-color: var(--p-content-background) !important; */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
}

/* Additional shared header styling */
.select-view {
  cursor: pointer;
  margin: 6px;
  border: 0px;
  color: rgb(133, 133, 133);
  font-size: 1.8rem;
}
.header-button span {
  margin-left: 0px !important;
}

/* Unified Header Styles - Shared across all headers */
.unified-header {
  padding: 0.875rem 1rem 0rem 1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--p-content-border-color);
  box-shadow: none;
  min-height: 100px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible !important;
}
.header-top-row {
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
}
.header-brand {
  gap: 0.75rem;
  flex: 1;
  align-items: flex-start;
}
.header-logo {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  flex-shrink: 0;
}
.header-logo:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.header-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.header-subtitle {
  margin: 0;
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
  font-weight: 400;
  white-space: nowrap;
}

/* Sidebar toggle button */
:deep(.sidebar-toggle-button) {
  transition: all 0.2s ease;
  border-radius: 6px;
  min-width: 2.25rem;
  min-height: 2.25rem;
  flex-shrink: 0;
}
:deep(.sidebar-toggle-button:hover) {
  background-color: var(--p-surface-hover);
  transform: scale(1.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header tabs row for tabs positioned at bottom */
.header-tabs-row {
  padding-left: calc(2.25rem + 0.75rem);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1001;
  overflow: visible !important;
}
.header-tabs-row :deep(.header-toolbar-tabs) {
  width: auto;
  position: relative !important;
  bottom: auto !important;
  margin: 0;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tablist-tab-list),
.header-tabs-row :deep(.p-tablist) {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  width: auto;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab),
.header-tabs-row :deep(.toolbar-tab) {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0.5rem 1rem;
}
.header-tabs-row :deep(.p-tab[data-p-active="true"]),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab.p-highlight) {
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab:hover),
.header-tabs-row :deep(.toolbar-tab:hover) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Header title wrapper for Select dropdown styled as title */
.header-title-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto;
}
.header-title-wrapper :deep(.header-title-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title-wrapper :deep(.p-select-label),
.header-title-wrapper :deep(.header-title-input),
.header-title-wrapper :deep(.p-inputtext) {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: inherit;
}
.header-title-wrapper :deep(.header-title-trigger),
.header-title-wrapper :deep(.p-select-trigger) {
  padding: 0 !important;
  margin-left: 0.25rem;
  color: var(--p-text-color);
  background: transparent !important;
  border: none !important;
}
.header-title-wrapper :deep(.p-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Dark mode adjustments - Using .cs-dark selector for PrimeVue compatibility */
.cs-dark .unified-header {
  background-color: transparent;
  border-bottom-color: var(--p-content-border-color);
}
.cs-dark .toolbar-header {
  background-color: var(--p-content-background);
}
.cs-dark .header-title {
  color: var(--p-text-color);
}
.cs-dark .header-subtitle {
  color: var(--p-text-muted-color);
}
.cs-dark .sidebar-toggle-button:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .header-logo {
  filter: invert(1);
}
.cs-dark .header-tabs-row .p-tab,
.cs-dark .header-tabs-row .toolbar-tab {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab:hover,
.cs-dark .header-tabs-row .toolbar-tab:hover {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-title-wrapper .p-select-label,
.cs-dark .header-title-wrapper .header-title-input,
.cs-dark .header-title-wrapper .p-inputtext {
  color: var(--p-text-color);
}
.cs-dark .header-title-wrapper .header-title-trigger,
.cs-dark .header-title-wrapper .p-select-trigger {
  color: var(--p-text-color);
}

/* Knowledge Graph Background Animation */
.kg-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.08;
  z-index: 0;
  overflow: hidden;
}
.kg-background svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Knowledge graph nodes */
.kg-node {
  fill: var(--p-primary-color, #3b82f6);
  opacity: 0.6;
}

/* Knowledge graph connections */
.kg-line {
  stroke: var(--p-primary-color, #3b82f6);
  stroke-width: 1.5;
  fill: none;
  opacity: 0.4;
  stroke-linecap: round;
}

/* Animated pulsing nodes */
@keyframes nodePulse {
0%,
  100% {
    opacity: 0.4;
    r: 2;
}
50% {
    opacity: 0.8;
    r: 3;
}
}
.kg-node-animated {
  animation: nodePulse 3s ease-in-out infinite;
}
.kg-node-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-node-animated:nth-child(2) {
  animation-delay: 0.5s;
}
.kg-node-animated:nth-child(3) {
  animation-delay: 1s;
}
.kg-node-animated:nth-child(4) {
  animation-delay: 1.5s;
}
.kg-node-animated:nth-child(5) {
  animation-delay: 2s;
}
.kg-node-animated:nth-child(6) {
  animation-delay: 2.5s;
}

/* Animated flowing lines */
@keyframes lineFlow {
0% {
    stroke-dashoffset: 100;
    opacity: 0.2;
}
50% {
    opacity: 0.5;
}
100% {
    stroke-dashoffset: 0;
    opacity: 0.2;
}
}
.kg-line-animated {
  stroke-dasharray: 20 10;
  animation: lineFlow 8s linear infinite;
}
.kg-line-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-line-animated:nth-child(2) {
  animation-delay: 1.5s;
}
.kg-line-animated:nth-child(3) {
  animation-delay: 3s;
}
.kg-line-animated:nth-child(4) {
  animation-delay: 4.5s;
}
.kg-line-animated:nth-child(5) {
  animation-delay: 6s;
}

/* Dark mode adjustments for knowledge graph */
.cs-dark .kg-background {
  opacity: 0.12;
}
.cs-dark .kg-node {
  fill: var(--p-primary-color, #60a5fa);
}
.cs-dark .kg-line {
  stroke: var(--p-primary-color, #60a5fa);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.unified-header {
    padding: 0.625rem 0.875rem;
    min-height: 56px;
}
.header-logo {
    height: 28px;
}
.header-title {
    font-size: 1.125rem;
}
.header-subtitle {
    font-size: 0.688rem;
}
.header-title-wrapper :deep(.p-select-label),
  .header-title-wrapper :deep(.header-title-input),
  .header-title-wrapper :deep(.p-inputtext) {
    font-size: 1.125rem;
}

  /* Reduce opacity on mobile for better performance */
.kg-background {
    opacity: 0.05;
}
}

.unified-header[data-v-a32e7282] {
  padding: 0.875rem 1rem 0.625rem 1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--p-content-border-color, #e5e7eb);
  box-shadow: none;
  min-height: 100px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-top-row[data-v-a32e7282] {
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.header-tabs-row[data-v-a32e7282] {
  padding-left: calc(2.25rem + 0.75rem);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}
.header-tabs-row[data-v-a32e7282] .header-toolbar-tabs {
  width: auto;
  position: relative !important;
  bottom: auto !important;
  margin: 0;
}
.header-tabs-row[data-v-a32e7282] .p-tablist-tab-list,
.header-tabs-row[data-v-a32e7282] .p-tablist {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  width: auto;
  background-color: transparent !important;
}
.header-tabs-row[data-v-a32e7282] .p-tab,
.header-tabs-row[data-v-a32e7282] .p-tablist-tab-list .p-tab {
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row[data-v-a32e7282] .p-tab[data-p-active="true"],
.header-tabs-row[data-v-a32e7282] .p-tablist-tab-list .p-tab[data-p-active="true"] {
  background-color: transparent !important;
  background: transparent !important;
}
.header-brand[data-v-a32e7282] {
  gap: 0.75rem;
  flex: 1;
  align-items: flex-start;
}
.header-logo[data-v-a32e7282] {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  flex-shrink: 0;
}
.header-logo[data-v-a32e7282]:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.header-text[data-v-a32e7282] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.header-title-wrapper[data-v-a32e7282] {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto;
}
.header-title-wrapper[data-v-a32e7282] .header-title-select {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title-wrapper[data-v-a32e7282] .p-select-label,
.header-title-wrapper[data-v-a32e7282] .header-title-input,
.header-title-wrapper[data-v-a32e7282] .p-inputtext {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color, #111827);
  letter-spacing: -0.01em;
  white-space: nowrap;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: inherit;
}
.header-title-wrapper[data-v-a32e7282] .header-title-trigger,
.header-title-wrapper[data-v-a32e7282] .p-select-trigger {
  padding: 0 !important;
  margin-left: 0.25rem;
  color: var(--p-text-color, #111827);
  background: transparent !important;
  border: none !important;
}
.header-title-wrapper[data-v-a32e7282] .p-select {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title[data-v-a32e7282] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color, #111827);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.header-subtitle[data-v-a32e7282] {
  margin: 0;
  font-size: 0.75rem;
  color: var(--p-surface-600, #6b7280);
  line-height: 1.4;
  font-weight: 400;
  white-space: nowrap;
}
[data-v-a32e7282] .sidebar-toggle-button {
  transition: all 0.2s ease;
  border-radius: 6px;
  min-width: 2.25rem;
  min-height: 2.25rem;
  flex-shrink: 0;
}
[data-v-a32e7282] .sidebar-toggle-button:hover {
  background-color: var(--p-surface-100, #f3f4f6);
  transform: scale(1.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.hidden-tablist[data-v-a32e7282] {
  display: none !important;
  height: 0;
}
@media (max-width: 768px) {
.unified-header[data-v-a32e7282] {
    padding: 0.625rem 0.875rem;
    min-height: 56px;
}
.header-logo[data-v-a32e7282] {
    height: 28px;
}
.header-title[data-v-a32e7282] {
    font-size: 1rem;
}
.header-subtitle[data-v-a32e7282] {
    font-size: 0.688rem;
}
}
.workspace-header-label {
  display: unset !important;
  width: auto !important;
  flex-grow: unset !important;
  font-size: 2rem !important;
  padding: 0 !important;
}
.workspace-selection {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  flex-grow: 1;
  width: 20em;
  padding: 5px;
}
.workspace-select {
  font-weight: 800;
  font-size: 24px;
  border: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tabs-item {
  height: 80px;
  font-size: 1.3em;
  align-items: self-end;
}
.active-widget-tab {
  border-color: var(--p-primary-color) !important;
}

/* Added shared header styles */
.dashboard-header {
  display: flex;
  flex-direction: row;
}

/* Standard header title style - ensure it's defined here */
.simple-header-title {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0.5rem;
  align-self: flex-start;
  color: var(--p-text-color) !important;
}
.dashboard-icon {
  font-size: 2rem;
  margin: 10px;
  padding-top: 2rem;
  align-self: center;
  color: var(--primary);
}
.toolbar-tab {
  border-bottom: 2px !important;
  border-style: solid !important;
  border-color: transparent !important;
  margin-right: 2px !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab:hover {
  border-color: var(--p-primary-color) !important;
  background-color: transparent !important;
  background: transparent !important;
}
.toolbar-tab-icon {
  color: inherit;
  transition: color 0.2s ease;
}
.toolbar-tab-icon {
  color: var(--p-primary-color) !important;
}
.toolbar-header {
  display: flex;
  flex-direction: row;
  background-color: var(--p-content-background);
  height: 100px;
  max-height: 100px;
  border-bottom: 1px solid var(--p-content-border-color) !important;
  border-radius: 0;
  min-height: 100px;
  overflow: hidden;
}
.header-search-text {
  background-color: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
}
.header-search-text:focus {
  border-color: var(--p-primary-color) !important;
}
.header-button {
  min-width: 3em;
  max-height: 3em;
  max-width: 3em;
  font-size: 22px;
  margin-left: 2px;
  /*  */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.p-button.p-button-outlined.header-button {

  background-color: var(--p-content-background) !important;
}
.header-button:hover {
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dark mode for header button hover */
.cs-dark .header-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.header-button:active {
  transform: translateY(0);
}
.header-button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background-color: var(--p-primary-color);
  opacity: 0.2;
  transition: height 0.3s ease;
  z-index: -1;
}
.header-button:hover::after {
  height: 100%;
}
.header-splitbutton {
  /* background-color: var(--p-content-background) !important; */
  color: var(--p-primary-color) !important;
  border-color: var(--p-primary-color) !important;
}

/* Additional shared header styling */
.select-view {
  cursor: pointer;
  margin: 6px;
  border: 0px;
  color: rgb(133, 133, 133);
  font-size: 1.8rem;
}
.header-button span {
  margin-left: 0px !important;
}

/* Unified Header Styles - Shared across all headers */
.unified-header {
  padding: 0.875rem 1rem 0rem 1rem;
  background-color: transparent;
  border-bottom: 1px solid var(--p-content-border-color);
  box-shadow: none;
  min-height: 100px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: visible !important;
}
.header-top-row {
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
}
.header-brand {
  gap: 0.75rem;
  flex: 1;
  align-items: flex-start;
}
.header-logo {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
  flex-shrink: 0;
}
.header-logo:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.header-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.header-subtitle {
  margin: 0;
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
  font-weight: 400;
  white-space: nowrap;
}

/* Sidebar toggle button */
:deep(.sidebar-toggle-button) {
  transition: all 0.2s ease;
  border-radius: 6px;
  min-width: 2.25rem;
  min-height: 2.25rem;
  flex-shrink: 0;
}
:deep(.sidebar-toggle-button:hover) {
  background-color: var(--p-surface-hover);
  transform: scale(1.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header tabs row for tabs positioned at bottom */
.header-tabs-row {
  padding-left: calc(2.25rem + 0.75rem);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 0;
  position: relative;
  z-index: 1001;
  overflow: visible !important;
}
.header-tabs-row :deep(.header-toolbar-tabs) {
  width: auto;
  position: relative !important;
  bottom: auto !important;
  margin: 0;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tablist-tab-list),
.header-tabs-row :deep(.p-tablist) {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  width: auto;
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab),
.header-tabs-row :deep(.toolbar-tab) {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0.5rem 1rem;
}
.header-tabs-row :deep(.p-tab[data-p-active="true"]),
.header-tabs-row :deep(.p-tablist-tab-list .p-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab[data-p-active="true"]),
.header-tabs-row :deep(.toolbar-tab.p-highlight) {
  background-color: transparent !important;
  background: transparent !important;
}
.header-tabs-row :deep(.p-tab:hover),
.header-tabs-row :deep(.toolbar-tab:hover) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Header title wrapper for Select dropdown styled as title */
.header-title-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto;
}
.header-title-wrapper :deep(.header-title-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.header-title-wrapper :deep(.p-select-label),
.header-title-wrapper :deep(.header-title-input),
.header-title-wrapper :deep(.p-inputtext) {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
  letter-spacing: -0.01em;
  white-space: nowrap;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  font-family: inherit;
}
.header-title-wrapper :deep(.header-title-trigger),
.header-title-wrapper :deep(.p-select-trigger) {
  padding: 0 !important;
  margin-left: 0.25rem;
  color: var(--p-text-color);
  background: transparent !important;
  border: none !important;
}
.header-title-wrapper :deep(.p-select) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Dark mode adjustments - Using .cs-dark selector for PrimeVue compatibility */
.cs-dark .unified-header {
  background-color: transparent;
  border-bottom-color: var(--p-content-border-color);
}
.cs-dark .toolbar-header {
  background-color: var(--p-content-background);
}
.cs-dark .header-title {
  color: var(--p-text-color);
}
.cs-dark .header-subtitle {
  color: var(--p-text-muted-color);
}
.cs-dark .sidebar-toggle-button:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .header-logo {
  filter: invert(1);
}
.cs-dark .header-tabs-row .p-tab,
.cs-dark .header-tabs-row .toolbar-tab {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab:hover,
.cs-dark .header-tabs-row .toolbar-tab:hover {
  color: var(--p-text-color);
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-tabs-row .p-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab[data-p-active="true"],
.cs-dark .header-tabs-row .toolbar-tab.p-highlight {
  background-color: transparent !important;
  background: transparent !important;
}
.cs-dark .header-title-wrapper .p-select-label,
.cs-dark .header-title-wrapper .header-title-input,
.cs-dark .header-title-wrapper .p-inputtext {
  color: var(--p-text-color);
}
.cs-dark .header-title-wrapper .header-title-trigger,
.cs-dark .header-title-wrapper .p-select-trigger {
  color: var(--p-text-color);
}

/* Knowledge Graph Background Animation */
.kg-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.08;
  z-index: 0;
  overflow: hidden;
}
.kg-background svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Knowledge graph nodes */
.kg-node {
  fill: var(--p-primary-color, #3b82f6);
  opacity: 0.6;
}

/* Knowledge graph connections */
.kg-line {
  stroke: var(--p-primary-color, #3b82f6);
  stroke-width: 1.5;
  fill: none;
  opacity: 0.4;
  stroke-linecap: round;
}

/* Animated pulsing nodes */
@keyframes nodePulse {
0%,
  100% {
    opacity: 0.4;
    r: 2;
}
50% {
    opacity: 0.8;
    r: 3;
}
}
.kg-node-animated {
  animation: nodePulse 3s ease-in-out infinite;
}
.kg-node-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-node-animated:nth-child(2) {
  animation-delay: 0.5s;
}
.kg-node-animated:nth-child(3) {
  animation-delay: 1s;
}
.kg-node-animated:nth-child(4) {
  animation-delay: 1.5s;
}
.kg-node-animated:nth-child(5) {
  animation-delay: 2s;
}
.kg-node-animated:nth-child(6) {
  animation-delay: 2.5s;
}

/* Animated flowing lines */
@keyframes lineFlow {
0% {
    stroke-dashoffset: 100;
    opacity: 0.2;
}
50% {
    opacity: 0.5;
}
100% {
    stroke-dashoffset: 0;
    opacity: 0.2;
}
}
.kg-line-animated {
  stroke-dasharray: 20 10;
  animation: lineFlow 8s linear infinite;
}
.kg-line-animated:nth-child(1) {
  animation-delay: 0s;
}
.kg-line-animated:nth-child(2) {
  animation-delay: 1.5s;
}
.kg-line-animated:nth-child(3) {
  animation-delay: 3s;
}
.kg-line-animated:nth-child(4) {
  animation-delay: 4.5s;
}
.kg-line-animated:nth-child(5) {
  animation-delay: 6s;
}

/* Dark mode adjustments for knowledge graph */
.cs-dark .kg-background {
  opacity: 0.12;
}
.cs-dark .kg-node {
  fill: var(--p-primary-color, #60a5fa);
}
.cs-dark .kg-line {
  stroke: var(--p-primary-color, #60a5fa);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.unified-header {
    padding: 0.625rem 0.875rem;
    min-height: 56px;
}
.header-logo {
    height: 28px;
}
.header-title {
    font-size: 1.125rem;
}
.header-subtitle {
    font-size: 0.688rem;
}
.header-title-wrapper :deep(.p-select-label),
  .header-title-wrapper :deep(.header-title-input),
  .header-title-wrapper :deep(.p-inputtext) {
    font-size: 1.125rem;
}

  /* Reduce opacity on mobile for better performance */
.kg-background {
    opacity: 0.05;
}
}

/* Global styles for MegaMenu panel when appended to body */

/* Target all MegaMenu panels - when appendTo="body" they are direct children of body */
body > .p-megamenu-panel,
.p-megamenu-panel,
.p-megamenu-panel[style*="position"],
.p-megamenu-panel.p-component {
  background: var(--p-surface-0) !important;
  border: 1px solid var(--p-content-border-color) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 1rem 1.25rem !important;
  min-width: 800px !important;
  width: min(92vw, 1200px) !important;
  z-index: 9999 !important;
  /* Force fixed positioning - override any PrimeVue defaults or inline styles */
  position: fixed !important;
  /* Reset any top/left constraints - PrimeVue will set these */
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  /* Ensure it appears above everything */
  pointer-events: auto !important;
  /* Ensure it's not clipped by any parent */
  contain: none !important;
}

/* Ensure panel content is visible */
body > .p-megamenu-panel *,
.p-megamenu-panel * {
  visibility: visible !important;
}

/* Dark mode support */
.cs-dark body > .p-megamenu-panel,
.cs-dark .p-megamenu-panel,
.cs-dark .p-megamenu-panel[style*="position"],
.cs-dark .p-megamenu-panel.p-component {
  background: var(--p-surface-0) !important;
  border-color: var(--p-content-border-color) !important;
  /* Ensure fixed positioning in dark mode too */
  position: fixed !important;
}

/* Prevent menu from closing when hovering items with sub-items */

/* Add a small gap tolerance to prevent menu closing */
body > .p-megamenu-panel .p-menuitem,
.p-megamenu-panel .p-menuitem {
  position: relative;
}

/* Ensure submenu stays visible when hovering parent or submenu */
body > .p-megamenu-panel .p-menuitem:hover .p-submenu,
.p-megamenu-panel .p-menuitem:hover .p-submenu,
body > .p-megamenu-panel .p-submenu:hover,
.p-megamenu-panel .p-submenu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep submenu panel visible during transitions */
body > .p-megamenu-panel .p-submenu,
.p-megamenu-panel .p-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 4px;
  z-index: 10000;
  min-width: 200px;
  pointer-events: auto !important;
}

.unified-header[data-v-2d610aeb] {
  gap: 0.5rem;
  overflow: visible !important;
  background-color: transparent;
}
.header-top-row[data-v-2d610aeb] {
  position: relative;
  z-index: 1;
}
.header-tabs-row[data-v-2d610aeb] {
  position: relative;
  z-index: 1;
}
.header-mega-menu[data-v-2d610aeb] {
  background: transparent;
  border: none;
  padding: 0;
  top: 72px;
  position: fixed;
  z-index: 1001;
}

/* Style the MegaMenu to match header tabs styling */
[data-v-2d610aeb] .header-mega-menu .p-megamenu {
  background: transparent;
  border: none;
  padding: 0;
  position: relative;
}
[data-v-2d610aeb] .header-mega-menu .p-megamenu-root-list {
  background: transparent;
  border: none;
  gap: 0.25rem;
}
[data-v-2d610aeb] .header-mega-menu .p-menuitem {
  border-radius: 0.375rem;
}
[data-v-2d610aeb] .header-mega-menu .p-menuitem-link {
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease;
  color: var(--p-text-color);
}
[data-v-2d610aeb] .header-mega-menu .p-menuitem-link:hover {
  background: var(--p-surface-hover);
  color: var(--p-primary-color);
}

/* Panel styles handled by global megamenu-override.css when appendTo="body" */
/* Scoped styles won't work for body-appended elements */
[data-v-2d610aeb] .header-mega-menu .p-megamenu-submenu-header {
  color: var(--p-primary-color);
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.5rem 0 0.75rem 0;
  border-bottom: 1px solid var(--p-surface-200);
  margin-bottom: 0.75rem;
}
[data-v-2d610aeb] .header-mega-menu .p-megamenu-submenu .p-menuitem-link {
  padding: 0.4rem 0.6rem;
  border-radius: 0.375rem;
  margin: 0.125rem 0;
  font-size: 0.875rem;
}

/* Prevent menu from closing when hovering over items with sub-items */
/* Ensure submenus stay open when hovering */
[data-v-2d610aeb] .header-mega-menu .p-menuitem {
  position: relative;
}
[data-v-2d610aeb] .header-mega-menu .p-menuitem-link {
  pointer-events: auto !important;
}

/* Ensure the panel doesn't close when mouse moves to submenu */
[data-v-2d610aeb] .header-mega-menu .p-megamenu-panel {
  pointer-events: auto !important;
}
[data-v-2d610aeb] .header-mega-menu .p-submenu {
  pointer-events: auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep submenu visible when hovering parent item */
[data-v-2d610aeb] .header-mega-menu .p-menuitem:hover .p-submenu,[data-v-2d610aeb] .header-mega-menu .p-menuitem-link:hover + .p-submenu,[data-v-2d610aeb] .header-mega-menu .p-submenu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Active snapshot item styling */
[data-v-2d610aeb] .header-mega-menu .p-menuitem-link.active-snapshot-item {
  background: var(--p-primary-50);
  color: var(--p-primary-700);
  font-weight: 600;
}

/* Active snapshot item - dark mode styling handled via PrimeVue variables */
[data-v-2d610aeb] .header-mega-menu .p-menuitem-link.active-snapshot-item .mdi-check-circle {
  color: var(--p-primary-600);
}

/* Ensure menu items with sub-items show arrow or indicator */
[data-v-2d610aeb] .header-mega-menu .p-menuitem-link:has(+ .p-submenu)::after,[data-v-2d610aeb] .header-mega-menu .p-menuitem:has(.p-submenu) .p-menuitem-link::after {
  content: '▶';
  margin-left: auto;
  font-size: 0.75rem;
  opacity: 0.6;
}

/* Header subtitle row alignment */
.header-subtitle-row[data-v-2d610aeb] {
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 1.75rem;
}
.header-subtitle[data-v-2d610aeb] {
  margin: 0;
  line-height: 1.5;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.version-select[data-v-2d610aeb] {
  flex-shrink: 0;
  min-width: 140px;
}

/* Ensure Select component is vertically centered */
[data-v-2d610aeb] .version-select .p-select {
  display: flex;
  align-items: center;
}
.save-version-btn[data-v-2d610aeb] {
  flex-shrink: 0;
  padding: 0.375rem !important;
  min-width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}
.save-version-btn[data-v-2d610aeb]:hover {
  background-color: var(--p-surface-hover) !important;
}
.save-version-btn[data-v-2d610aeb]:active {
  background-color: var(--p-surface-active) !important;
}

/* Clickable header section */
.clickable-header-section[data-v-2d610aeb] {
  cursor: pointer;
  transition: opacity 0.2s ease;
  padding: 0.25rem;
  margin: -0.25rem;
  border-radius: 0.375rem;
}
.clickable-header-section[data-v-2d610aeb]:hover {
  opacity: 0.8;
  background-color: var(--p-surface-hover);
}

/* Header workspace row */
.header-workspace-row[data-v-2d610aeb] {
  align-items: center;
  gap: 0.5rem;
}
.header-workspace-title[data-v-2d610aeb] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--p-text-color);
}
.edit-workspace-btn[data-v-2d610aeb] {
  flex-shrink: 0;
  padding: 0.375rem !important;
  min-width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}
.edit-workspace-btn[data-v-2d610aeb]:hover {
  background-color: var(--p-surface-hover) !important;
}
.header-dashboard-title[data-v-2d610aeb] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--p-text-color-secondary);
  opacity: 0.8;
}

/* Workspace Menu Dialog Styles */
.workspace-menu-dialog[data-v-2d610aeb] .p-dialog-content {
  padding: 1.5rem;
}
.workspace-menu-content[data-v-2d610aeb] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.menu-section[data-v-2d610aeb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.section-label[data-v-2d610aeb] {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--p-text-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 0.5rem 0;
}
.title-editor-row[data-v-2d610aeb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.title-editor[data-v-2d610aeb] {
  flex: 1;
}
.title-save-btn[data-v-2d610aeb] {
  flex-shrink: 0;
}
.new-version-row[data-v-2d610aeb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.new-version-input[data-v-2d610aeb] {
  flex: 1;
}
.new-version-btn[data-v-2d610aeb] {
  flex-shrink: 0;
}
.form-hint[data-v-2d610aeb] {
  font-size: 0.75rem;
  color: var(--p-text-color-secondary);
  margin-top: 0.25rem;
}

/* Version Management Styles */
.version-action-group[data-v-2d610aeb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.version-select-label[data-v-2d610aeb] {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--p-text-color);
  margin-bottom: 0.25rem;
}
.version-select-full[data-v-2d610aeb] {
  width: 100%;
}

.text-xs[data-v-fac1c642] {
  font-size: 0.75rem;
}
.text-500[data-v-fac1c642] {
  color: var(--text-color-secondary);
}

.vega-container[data-v-b3f49236] {
  width: 100%;
  height: 100%;
  min-height: 200px; /* Add minimum height to ensure visibility */
}
[data-v-b3f49236] .mark-line {
  stroke-width: 2;
}

.fav-image[data-v-578e5312] {
  width: 30px;
}
.article-image-preview[data-v-578e5312] {
  min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    margin-left: 0px;
    margin-bottom: 5px;
}
.article-title[data-v-578e5312] {
  font-size: 1rem;
  font-weight: 600;
  color: #666;
}

.fav-image[data-v-310253a4] {
  width: 30px;
}
.article-image-preview[data-v-310253a4] {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  margin-left: 0px;
  margin-bottom: 5px;
}
.article-title[data-v-310253a4] {
  font-size: 1rem;
  font-weight: 600;
  color: #666;
}

.update-list {
  /* list-style-type: none; */
  padding: 0;
}
.update-item {
  margin: 0;
  padding: 0;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.hide-opposite {
  display: none !important;
}
.timeline-icon {
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
}

.entry-actions[data-v-d962011c] {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  justify-content: flex-end;
}
.timeline[data-v-d962011c] {
  position: relative;
  display: block;
}
.add-buttons[data-v-d962011c] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: absolute;
  top: -10px;
  z-index: 1000;
  right: 10px;
}
.add-button[data-v-d962011c] {
  width: 35px;
  padding: 10px;
  margin-top: 1em;
}
.entry-text[data-v-d962011c] {
  font-size: 1.2em;
  margin-bottom: 2em;
  white-space: pre-line;
}
.entry-time[data-v-d962011c] {
  font-size: 1em;
  /* margin-top: 0.5em;
  margin-bottom: 0.5em; */
  color: var(--primary-600);
}
.entry-title[data-v-d962011c] {
  /* font-weight: bold; */
  font-size: 1em;
  margin-bottom: 0.5em;
  margin-left: 1em;
}
.entry-item[data-v-d962011c] {
  border-bottom: 1px solid var(--surface-d);
  /* margin: 2px; */
  padding: 2px;
  position: relative;
}

.op-search-filters {
  max-width: 700px;
  width: 700px;

  background-color: var(--p-slate-200);
}

.query-form[data-v-90e67133] {
  min-height: 300px;
}
.simple-search-field[data-v-90e67133] {
  width: 100%;
  border-style: none;
}
.search-bar[data-v-90e67133] {
  z-index: 10;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0 !important;
  /* position: fixed; */
  width: 400px;
  padding: 0;
  /* height: 300px !important; */
  /* background-color: red !important; */
  /* height: 42px !important; */
  /* background-color: red; */
  /* padding-left: 2px !important; */
  /* padding-right: 5px !important; */
  background-color: var(--p-content-background) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.concepts-input[data-v-90e67133] {
  width: 100%;
  /* padding: 2px !important; */

  /* max-width: 300px !important; */
}
.search-options[data-v-90e67133] {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 1rem;
}
.filter-icon[data-v-90e67133] {
  font-size: 1.2rem;
  align-self: center;
  margin-right: 0rem;
  margin-left: 0.5rem;
}
.search-input[data-v-90e67133] {
  border: 1px solid var(--p-tabview-tab-list-border-color);
  border-width: 0 0 1px 0;

  border-radius: 10px;
}
.search-options > div[data-v-90e67133] {
  margin-top: 1.2rem;
  display: flex;
  width: 30%;
}
.search-options > div > div[data-v-90e67133] {
  width: 100% !important;
}
.search-open[data-v-90e67133] {
  /* height: 300px; */
  border: 1px solid var(--p-tabview-tab-list-border-color);
  /* border-width: 0 0 1px 0; */
  background-color: var(--accent-ground) !important;
  box-shadow: var(--p-surface-500) 0px 0px 5px;
  border-radius: 10px;
  /* border-color: black; */
}
.search-entry[data-v-90e67133] {
  max-width: 300px;
}
.ai-title[data-v-90e67133] {
  font-weight: 700;
  font-size: 1.2rem;
}
.ai-desc[data-v-90e67133] {
  display: block;
  font-size: 1rem;
  margin-bottom: 10px;
}
.ai-switch[data-v-90e67133] {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.op-filters[data-v-90e67133] {
  width: 340px;
}
.no-radius[data-v-90e67133] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 7px;
  width: 95px;
  margin: 3px;
}
.search-concept[data-v-90e67133] {
  max-width: 200px;
  overflow-x: hidden;
}
.filter-concept[data-v-90e67133] {
  background-color: #525bb1;
  color: white;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.moveaway-concept[data-v-90e67133] {
  background-color: #d9534f;
  color: white;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.query-panels[data-v-90e67133] {
  padding: 0 !important;
  margin-top: 5px;
}
.related-concept[data-v-90e67133] {
  background-color: #f0ad4e;
  color: black;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.hybrid-concept[data-v-90e67133] {
  background-color: #4fd966;
  color: black;
  padding: 3px;
  border-radius: 5px;
  margin-right: 5px;
}
.history-item[data-v-90e67133] {
  width: 100%;
  cursor: pointer;
  padding: 3px;
  display: flex;
}
.history-item[data-v-90e67133]:hover {
  background-color: var(--p-surface-300);
}
.history-list[data-v-90e67133] {
  max-height: 400px;
  overflow-y: auto;
}
.suggestion-chip[data-v-90e67133] {
  border-radius: 0;
  cursor: pointer;
  border: 1px solid var(--p-surface-400);
  font-size: small;
  margin-bottom: 2px;
  margin-right: 3px;
  padding: 3px;
  padding-left: 3px;
  padding-right: 3px;
}
.select-view[data-v-90e67133] {
  cursor: pointer;
  margin: 6px;
  color: rgb(133, 133, 133);
  /* margin-left: 2rem !important; */
  font-size: 1.8rem;
}
.bookmark-button[data-v-90e67133] {
  border-color: rgb(209, 213, 219);
  color: rgb(168, 168, 168);
}
.bookmark-button[data-v-90e67133] {
  height: 40px !important;
  width: 42px !important;
  font-size: 1.6rem;
  padding-left: 8px;
}
.concept-text[data-v-90e67133] {
  /* max-width: 200px; */
}
.test-concept[data-v-90e67133] {
  background-color: aquamarine !important;
}
.concept-chip-token[data-v-90e67133] {
  max-width: 250px;
  overflow: hidden;
  overflow-wrap: unset;
  text-wrap: nowrap;
  max-height: 30px;
  overflow-x: hidden;
  border-radius: 0;
  padding: 0.25em;
}

.debounce-indicator[data-v-fd77f10a] {
  position: relative;
  width: 37px;
  height: 37px;
  pointer-events: none;
  transform: scale(0.8);
  opacity: 0;
  transition: transform 0.18s ease-out, opacity 0.18s ease-out;
}
.debounce-indicator.indicator-visible[data-v-fd77f10a] {
  transform: scale(1);
  opacity: 1;
}
.indicator-container[data-v-fd77f10a] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 37px;
  height: 37px;
}
.indicator-circle[data-v-fd77f10a] {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #f0f0f0;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-svg[data-v-fd77f10a] {
  width: 18px;
  height: 18px;
}
.progress-bg[data-v-fd77f10a] {
  stroke: var(--bg-stroke, #eee);
}
.progress-bar[data-v-fd77f10a] {
  stroke: #3b82f6;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  /* animate dashoffset from 100 -> 0 */
  animation: progressAnim-fd77f10a var(--anim-duration, 1s) linear forwards;
}
@keyframes progressAnim-fd77f10a {
from {
    stroke-dashoffset: 100;
}
to {
    stroke-dashoffset: 0;
}
}
.progress-svg .progress-bg[data-v-fd77f10a],
.progress-svg .progress-bar[data-v-fd77f10a] {
  r: 15.9155;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
.indicator-container[data-v-fd77f10a] {
    background: rgba(30, 30, 30, 0.95);
    border-color: rgba(255, 255, 255, 0.1);
}
.indicator-circle[data-v-fd77f10a] {
    background: #404040;
    border-color: #555;
}
.progress-bar[data-v-fd77f10a] {
    stroke: #60a5fa;
}
.progress-svg .progress-bg[data-v-fd77f10a] {
    stroke: #333;
}
}

.timeline-root {
  height: 100%;
}
.dense-timeline-container {
  background-color: red;
  height: 100%;
}
.timeline {

  height: 100%;
}
.vis-timeline {

  height: 100%;
  border: none !important;
}
.timeline-popup {
  position: absolute;
  z-index: 1000;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  max-width: 300px;
  font-size: 12px;
}
.popup-title {
  font-weight: bold;
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
  padding-bottom: 3px;
}
.popup-date {
  color: #666;
  margin-bottom: 3px;
}
.popup-property {
  margin-top: 3px;
}
.property-name {
  font-weight: 500;
  color: #555;
}

.expert-team-selection[data-v-925cb6cc] {
  width: 100%;
}
.placeholder-content[data-v-925cb6cc] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}
.placeholder-header[data-v-925cb6cc] {
  margin-bottom: 3rem;
}
.placeholder-icon[data-v-925cb6cc] {
  font-size: 4rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
}
.placeholder-header h2[data-v-925cb6cc] {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--text-color);
}
.placeholder-header p[data-v-925cb6cc] {
  font-size: 1.1rem;
  color: var(--text-color-secondary);
  margin: 0 auto;
  max-width: 600px;
}
.existing-agents-section[data-v-925cb6cc],
.available-agents-section[data-v-925cb6cc] {
  margin-bottom: 3rem;
  text-align: left;
}
.existing-agents-section h3[data-v-925cb6cc],
.available-agents-section h3[data-v-925cb6cc] {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  color: var(--text-color);
}
.agent-cards-grid[data-v-925cb6cc] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
}

/* Placeholder cards should be more compact */
.placeholder-cards.agent-cards-grid[data-v-925cb6cc] {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.8rem;
}

/* Current team agents should align left */
.existing-agents-section .agent-cards-grid[data-v-925cb6cc] {
  grid-template-columns: repeat(auto-fill, 140px);
  justify-content: start;
}
.placeholder-cards .agent-card.compact-card[data-v-925cb6cc] {
  flex: 0 0 160px;
  width: 160px;
}
.placeholder-cards .agent-card.compact-card[data-v-925cb6cc] {
  padding: 1rem;
  min-height: 100px;
}
.placeholder-cards .agent-avatar.compact-avatar[data-v-925cb6cc] {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}
.placeholder-cards .agent-card-body.compact-body h4[data-v-925cb6cc] {
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
  line-height: 1.3;
}
.placeholder-cards .agent-card-footer[data-v-925cb6cc] {
  font-size: 0.85rem;
}

/* Remove responsive grid rules since we're using flexbox now */
.agent-card[data-v-925cb6cc] {
  background: var(--surface-card);
  border: 1px solid var(--surface-border);
  border-radius: 12px;
  padding: 1rem;
  transition: all 0.3s ease;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 110px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(10px);
}
.available-agent-card[data-v-925cb6cc] {
  cursor: pointer;
}
.available-agent-card[data-v-925cb6cc]:not(.already-included):not(.creating):hover {
  border-color: var(--primary-color);
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  background-blend-mode: overlay;
}
.agent-card.already-included[data-v-925cb6cc] {
  opacity: 0.7;
  cursor: not-allowed;
  filter: grayscale(0.3);
}
.agent-card.creating[data-v-925cb6cc] {
  opacity: 0.9;
  cursor: wait;
  animation: pulse-925cb6cc 2s infinite;
}
.pending-agent-card[data-v-925cb6cc] {
  opacity: 0.85;
  border-left: 4px solid var(--orange-500) !important;
  animation: pending-pulse-925cb6cc 2s infinite;
}
@keyframes pending-pulse-925cb6cc {
0%,
  100% {
    opacity: 0.85;
    box-shadow: 0 0 0 0 rgba(251, 146, 60, 0.3);
}
50% {
    opacity: 0.95;
    box-shadow: 0 0 0 8px rgba(251, 146, 60, 0.1);
}
}
@keyframes pulse-925cb6cc {
0%,
  100% {
    opacity: 0.9;
}
50% {
    opacity: 0.7;
}
}
.agent-card-header[data-v-925cb6cc] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.8rem;
  min-height: 2.5rem;
}
.agent-avatar[data-v-925cb6cc] {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--primary-color);
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.remove-agent-btn[data-v-925cb6cc] {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.agent-card:hover .remove-agent-btn[data-v-925cb6cc] {
  opacity: 1;
}
.add-agent-btn[data-v-925cb6cc] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.8rem;
  height: 1.8rem;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-600) 100%);
  border: 3px solid var(--surface-card);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.9rem;
  box-shadow: 0 2px 8px rgba(var(--primary-color-rgb), 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 2;
}
.add-agent-btn[data-v-925cb6cc]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(var(--primary-color-rgb), 0.4);
}
.agent-status-badge[data-v-925cb6cc] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.8rem;
  height: 1.8rem;
  background: linear-gradient(135deg, var(--green-500) 0%, var(--green-600) 100%);
  border: 3px solid var(--surface-card);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.9rem;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
  animation: bounce-in-925cb6cc 0.5s ease-out;
}
@keyframes bounce-in-925cb6cc {
0% {
    transform: scale(0);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
.agent-card-body h4[data-v-925cb6cc] {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  color: var(--text-color);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pending-text[data-v-925cb6cc] {
  color: var(--orange-500);
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(251, 146, 60, 0.2);
}
.placeholder-footer[data-v-925cb6cc] {
  padding-top: 2rem;
  border-top: 1px solid var(--surface-border);
}
.placeholder-footer p[data-v-925cb6cc] {
  margin-bottom: 1rem;
  color: var(--text-color-secondary);
}

/* Hover effects for agent avatars */
.available-agent-card:hover .agent-avatar[data-v-925cb6cc] {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.existing-agent-card:hover .agent-avatar[data-v-925cb6cc] {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dialog-input-text {
  border: none !important;
  box-shadow: none !important;
  max-height: calc(1.5em * 7) !important;
  /* Approximately 7 lines */
  overflow-y: auto !important;
}
.chat-input-container {
  position: relative;
  width: 100%;
  overflow: visible !important;
  /* Changed from hidden to visible so suggestions can show */
  z-index: 1000;
  /* Set a z-index for the container */
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
}
.input-wrapper {
  position: relative;
  flex: 1;
  transition: all 0.2s ease;
  z-index: 1;
  /* Ensure input wrapper is properly layered */
}
.input-wrapper.drop-target {
  background-color: var(--p-surface-100);
  border: 2px dashed var(--p-primary-color);
  border-radius: 4px;
  padding: 2px;
}
.drop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--p-primary-color-rgb, 59, 130, 246), 0.1);
  border: 2px dashed var(--p-primary-color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}
.drop-overlay i {
  font-size: 2rem;
  color: var(--p-primary-color);
  margin-bottom: 0.5rem;
}
.drop-overlay span {
  color: var(--p-primary-color);
  font-weight: 500;
  font-size: 0.875rem;
}
.chat-input-container.drop-target {
  background-color: var(--p-surface-50);
}
.chat-input-container.drag-over {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-600);
}

/* Skill chip styling */
.selected-skill-chip {
  background-color: var(--primary-100, #e3f2fd);
  color: var(--primary-700, #1976d2);
  border: 1px solid var(--primary-200, #bbdefb);
  border-radius: 16px;
  padding: 4px 8px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  height: 28px;
  white-space: nowrap;
  flex-shrink: 0;
}
.selected-skill-chip i {
  font-size: 1rem;
}
.edit-skill-button,
.remove-skill-button {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--primary-700, #1976d2);
  margin-left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background-color 0.2s;
}
.edit-skill-button:hover,
.remove-skill-button:hover {
  background-color: var(--primary-200, #bbdefb);
}
.dialog-input-text.with-skill-chip {
  margin-left: -8px;
  /* Adjust if needed to maintain alignment */
}
.suggestions-container {
  position: absolute;
  top: auto;
  /* Change from bottom to auto */
  bottom: 100%;
  /* Position above the input */
  left: 0;
  width: 100%;
  max-height: 280px;
  overflow-y: auto;
  background-color: var(--p-surface-100);
  /* background: var(--p-surface-overlay); */
  border: 1px solid var(--p-surface-border);
  border-radius: var(--border-radius);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  /* Very high z-index to ensure suggestions are above all other elements */
  margin-bottom: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--primary-200) transparent;
}
.suggestions-container::-webkit-scrollbar {
  width: 6px;
}
.suggestions-container::-webkit-scrollbar-track {
  background: transparent;
}
.suggestions-container::-webkit-scrollbar-thumb {
  /* background-color: var(--primary-200); */
  border-radius: 3px;
}
.suggestions-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--p-surface-300);
}
.suggestion-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.suggestion-list li {
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  display: flex;
  align-items: center;
}
.suggestion-list li:hover {
  background-color: var(--surface-hover);
  border-left-color: var(--primary-200);
}
.suggestion-list li.selected {
  background-color: var(--primary-50);
  color: var(--primary-700);
  border-left-color: var(--primary-color);
}
.suggestion-list li strong {
  color: var(--primary-500);
  font-weight: 700;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.suggestion-list li.selected strong {
  color: var(--primary-700);
}
.suggestion-counter {
  position: sticky;
  bottom: 0;
  right: 0;
  padding: 4px 8px;
  font-size: 0.75rem;
  color: var(--text-color-secondary);
  background: var(--surface-overlay);
  border-top: 1px solid var(--surface-border);
  text-align: right;
}
.suggestion-empty {
  padding: 1rem;
  text-align: center;
  color: var(--text-color-secondary);
  font-style: italic;
}
.suggestion-description {
  margin-left: 8px;
  color: var(--text-color-secondary);
  font-size: 0.9em;
  font-style: italic;
}
.suggestion-type {
  float: right;
  font-size: 0.8em;
  color: var(--text-color-secondary);
  background: var(--surface-ground);
  padding: 2px 6px;
  border-radius: var(--border-radius);
}
.suggestion-list li i {
  color: var(--text-color-secondary);
}
.transparent-input {
  background-color: transparent !important;
  position: relative;
  z-index: 1;
  color: var(--text-color);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: normal;
  word-spacing: normal;
}
.highlight-overlay :deep(.agent-highlight) {
  color: transparent;
  background-color: var(--primary-50);
  border: 1px solid var(--primary-200);
  border-radius: 4px;
  padding: 0 4px;
  margin: 0 1px;
  display: inline-block;
  line-height: 1.2;
  transition: background-color 0.2s ease;
}
.highlight-overlay :deep(.agent-highlight.selected) {
  background-color: var(--primary-100);
  border-color: var(--primary-300);
}

.mermaid-container[data-v-c37488b8] {
  width: 100%;
  overflow-x: auto;
  margin: 1rem 0;
  background-color: var(--p-surface-50);
  border-radius: var(--p-border-radius);
  padding: 1rem;
}
.diagram-loading[data-v-c37488b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  color: var(--text-color-secondary);
}
.mermaid-diagram[data-v-c37488b8] {
  display: flex;
  justify-content: center;
}
.error-message[data-v-c37488b8] {
  color: var(--p-danger-500);
  padding: 1rem;
  border: 1px solid var(--p-danger-200);
  border-radius: var(--p-border-radius);
  background-color: var(--p-danger-50);
}

/* Ensure SVG is responsive */
[data-v-c37488b8] svg {
  max-width: 100%;
  height: auto;
}

.step-result[data-v-603e9731] {
  margin-left: 30px !important
}
.step-item[data-v-603e9731] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  padding: 4px 0;
}
.step-icon[data-v-603e9731] {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--p-primary-color);
  font-size: 16px;
}
.step-text-highlighted[data-v-603e9731] {
  background-color: var(--p-highlight-bg);
  color: var(--p-highlight-color);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  line-height: 1.4;
}
.step-content[data-v-603e9731] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.step-plan-content[data-v-603e9731] {
  padding: 8px 12px;
  background-color: var(--p-surface-card);
  border-radius: 4px;
  white-space: pre-wrap;
  font-family: var(--font-family);
  line-height: 1.5;
  color: var(--text-color);
}
.command-chip[data-v-603e9731] {
  border: 1px solid var(--p-content-border-color) !important;
  background-color: var(--p-surface-100) !important;
}
.message-container[data-v-603e9731] {
  position: relative;
  padding: 3px;
}
.message-self[data-v-603e9731] {
  justify-content: flex-end;
  background-color: var(--p-surface-section);
  padding-bottom: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
  margin-left: 20%;
  margin-bottom: 0.5rem;
  width: auto;
}
.message-container:hover .message-actions[data-v-603e9731] {
  opacity: 1;
}
.message-actions[data-v-603e9731] {
  display: flex;
  opacity: 0;
}
.result-card[data-v-603e9731] {
  background-color: var(--p-card-background) !important;
}
.individual-result-card[data-v-603e9731] {
  width: 100%;
}
.message-actions button[data-v-603e9731] {
  margin: 0px !important;
  /* background-color: red; */
  width: 2em;
  height: 2em;
}
.view-switcher[data-v-603e9731] {
  font-size: 0.4rem;
  text-align: right;
}
.llm-steps[data-v-603e9731] {
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: var(--p-content-border-color);
  padding-left: 4px;
}
.message-type-message[data-v-603e9731] {
  /* margin-top: 10px; */
  padding: 4px;
}
.message-type-status[data-v-603e9731] {
  /* margin-top: 10px; */
  display: flex;
}
.meta-title[data-v-603e9731] {
  font-weight: 600;
  margin-top: 5px;
}
.meta-step-summary[data-v-603e9731] {
  opacity: 0.8;
  display: block;
  margin-left: 20px;
}
.meta-overlay[data-v-603e9731] {
  max-width: 400px;
}
.meta-value[data-v-603e9731] {
  margin-bottom: 10px;
}
.references-debug-content[data-v-603e9731] {
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-border);
  border-radius: 4px;
  padding: 8px;
  font-size: 12px;
  max-height: 200px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
.message-text[data-v-603e9731] {
  /* line-height: 1.2rem; */
  white-space: pre-wrap;
  /* Preserve white space and also wrap text */
  font-family: inherit;
  /* Use the default font */
  word-break: break-word;
  /* Ensure long words do not overflow */
}
.command-message[data-v-603e9731] {
  font-weight: 500;
}
@keyframes blink-603e9731 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.blinking-element[data-v-603e9731] {
  animation: blink-603e9731 3s infinite;
  /* Replace 1s with your desired duration */
}
.avatar-container[data-v-603e9731] {
  width: 40px;
}
.message-line[data-v-603e9731] {
  position: relative;
  width: 100%;
}
.message-avatar[data-v-603e9731] {
  background-color: var(--p-primary-color);
  color: var(--p-primary-color-text);
  width: 30px;
  min-width: 30px;
}
.kg-button[data-v-603e9731] {
  background-color: var(--surface-ground);
}
.reply-button[data-v-603e9731] {
  max-width: 30px;
  max-height: 30px;
  position: absolute;
  right: 0;
  top: -5px;
}
.skill-invocation[data-v-603e9731] {
  margin: 4px 0;
  background-color: var(--p-surface-50);
  border-radius: var(--p-border-radius);
  padding: 6px 8px;
  border-left: 3px solid var(--p-primary-300);
}
.skill-name[data-v-603e9731] {
  font-weight: 600;
  color: var(--p-primary-700);
  margin-bottom: 4px;
}
.with-args[data-v-603e9731] {
  font-weight: normal;
  font-style: italic;
  color: var(--text-color-secondary);
  font-size: 0.9em;
}
.skill-args[data-v-603e9731] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 12px;
}
.skill-arg[data-v-603e9731] {
  display: flex;
  flex-wrap: wrap;
}
.skill-arg-name[data-v-603e9731] {
  font-weight: 500;
  color: var(--p-primary-500);
  margin-right: 4px;
}
.skill-arg-value[data-v-603e9731] {
  color: var(--text-color);
  font-family: var(--font-family-monospace, monospace);
}
.step-node-info[data-v-603e9731] {
  margin-top: 6px;
  padding: 6px 8px;
  background-color: var(--p-surface-100);
  border-radius: 3px;
  font-size: 0.85em;
  border: 1px solid var(--p-surface-200);
}
.step-node-info .node-details[data-v-603e9731],
.step-node-info .skill-details[data-v-603e9731],
.step-node-info .agent-details[data-v-603e9731] {
  margin-bottom: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.step-node-info .node-details[data-v-603e9731]:last-child,
.step-node-info .skill-details[data-v-603e9731]:last-child,
.step-node-info .agent-details[data-v-603e9731]:last-child {
  margin-bottom: 0;
}
.step-node-info .node-description[data-v-603e9731],
.step-node-info .skill-description[data-v-603e9731] {
  color: var(--text-color-secondary);
  font-style: italic;
}

/* Debug information styling */
.step-debug-info[data-v-603e9731] {
  font-size: 0.75rem;
  /* display: none; */
  color: var(--text-color-secondary);
  padding: 0.5rem;
  background-color: var(--p-surface-50);
  border-radius: 4px;
  margin: 0.5rem 0;
}
.skills-debug-section[data-v-603e9731] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--p-surface-200);
}
.skill-debug-item[data-v-603e9731] {
  padding: 0.25rem 0;
  border-bottom: 1px solid var(--p-surface-100);
  font-size: 0.7rem;
}
.skill-debug-item[data-v-603e9731]:last-child {
  border-bottom: none;
}
.skill-match-indicator[data-v-603e9731] {
  color: var(--p-primary-color);
  font-weight: bold;
  background-color: var(--p-primary-50);
  padding: 0.1rem 0.3rem;
  border-radius: 3px;
  font-size: 0.65rem;
}
.no-skills-debug[data-v-603e9731] {
  color: var(--text-color-secondary);
  font-style: italic;
  padding: 0.25rem 0;
}
.step-debug-info[data-v-603e9731] {
  margin-top: 8px;
  padding: 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-border);
  border-radius: 4px;
  font-size: 0.8em;
  font-family: monospace;
  color: var(--text-color);
}
.step-no-node[data-v-603e9731] {
  margin-top: 6px;
  padding: 4px 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-border);
  border-radius: 3px;
  font-size: 0.85em;
  color: var(--text-color-secondary);
}
.step-raw-data[data-v-603e9731] {
  margin-top: 8px;
  border: 1px solid var(--p-surface-300);
  border-radius: 4px;
}
.step-raw-data summary[data-v-603e9731] {
  padding: 6px 8px;
  background-color: var(--p-surface-100);
  cursor: pointer;
  font-size: 0.8em;
  font-weight: 500;
}
.step-raw-data pre[data-v-603e9731] {
  margin: 0;
  padding: 8px;
  background-color: var(--p-surface-50);
  font-size: 0.75em;
  overflow-x: auto;
  white-space: pre-wrap;
}
.references-section[data-v-603e9731] {
  margin-top: 1rem;
  padding-top: 0.75rem;
}
.references-toggle[data-v-603e9731] {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.references-toggle-button[data-v-603e9731] {
  font-weight: 500 !important;
  color: var(--text-color-secondary) !important;
  padding: 0.25rem 0.5rem !important;
}
.references-toggle-button[data-v-603e9731]:hover {
  background-color: var(--p-surface-100) !important;
}
.references-content[data-v-603e9731] {
  padding: 0.5rem;
}

/* Transition animation for references */
.references-enter-active[data-v-603e9731],
.references-leave-active[data-v-603e9731] {
  transition: all 0.3s ease-in-out;
}
.references-enter-from[data-v-603e9731],
.references-leave-to[data-v-603e9731] {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.references-enter-to[data-v-603e9731],
.references-leave-from[data-v-603e9731] {
  opacity: 1;
  max-height: 500px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-top: 0.5rem;
}

.result-dataview {
  min-height: 300px;
  padding: 0 !important;
  flex: 1 1 auto;
  /* Allow it to grow and shrink */
  overflow: auto;
  /* Add scrolling if content overflows */
}
.skills-popover {
  max-width: 400px;
  min-width: 250px;
  max-height: 350px;
  overflow-y: auto;
}
.skills-menu {
  padding: 0.5rem;
}
.skills-header {
  font-size: 0.9rem;
  color: var(--text-color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  padding: 0.25rem;
  background-color: var(--p-surface-100);
  border-radius: var(--p-border-radius);
}
.skills-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.skill-chip {
  transition: transform 0.2s ease-in-out;
  background-color: var(--p-surface-200) !important;
  border: 1px solid var(--p-surface-border) !important;
}
.skill-chip:hover {
  transform: scale(1.05);
  background-color: var(--p-primary-50) !important;
  border-color: var(--p-primary-200) !important;
}
.skill-agent {
  font-size: 0.75rem;
  opacity: 0.7;
  margin-left: 0.25rem;
}
.no-skills-message {
  padding: 1rem;
  text-align: center;
  font-style: italic;
  color: var(--text-color-secondary);
}
.toggle-results-button {
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  transition: background-color 0.2s;
}
.toggle-results-button:hover {
  background-color: var(--p-surface-100) !important;
}

/* Group toggle buttons and result containers */
.group-toggle-button {
  display: flex;
  align-items: center;
  border: 1px solid var(--p-surface-200);
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  transition: all 0.2s ease;
  margin-bottom: 0.5rem;
}
.group-toggle-button:hover {
  background-color: var(--p-surface-100) !important;
}
.group-data-container {
  border: 1px solid var(--p-surface-200);
  border-radius: 4px;
  margin-bottom: 0.75rem;
  overflow: hidden;
  height: auto;
  min-height: 300px;
  max-height: none;
  /* Ensure no maximum height */
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* Allow it to grow and shrink */
  transition: all 0.3s ease-in-out;
  /* Transition for all properties */
}
.group-data-header {
  background-color: var(--p-surface-50);
  border-bottom: 1px solid var(--p-surface-200);
}
.group-selection-actions {
  border-top: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-50);
  display: flex;
  justify-content: flex-end;
}
.view-selector-sm .p-button {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.individual-result-card {
  margin-bottom: 0.5rem;
}

/* Skill config debug section styles */
.skill-config-debug {
  margin-top: 0.3rem;
  margin-left: 1rem;
}
.skill-config-details {
  font-size: 0.65rem;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  border-radius: 3px;
  margin-top: 0.2rem;
}
.skill-config-details summary {
  padding: 0.2rem 0.3rem;
  background-color: var(--p-surface-100);
  cursor: pointer;
  font-weight: bold;
}
.skill-config-details summary:hover {
  background-color: var(--p-surface-200);
}
.skill-config-json {
  padding: 0.3rem;
  margin: 0;
  background-color: var(--p-surface-0);
  border-radius: 0 0 3px 3px;
  font-family: 'Courier New', monospace;
  font-size: 0.6rem;
  line-height: 1.2;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 200px;
  overflow-y: auto;
}

/* Dark mode override for user messages */
.cs-dark .message-self,
html.cs-dark .message-self {
  background-color: var(--p-surface-700) !important;
}

/* Dark mode override for step plan content */
.cs-dark .step-plan-content,
html.cs-dark .step-plan-content {
  background-color: var(--p-surface-800) !important;
  color: var(--text-color) !important;
}

/* Ensure MarkdownRenderer content inside step-plan-content adapts to dark mode */
.cs-dark .step-plan-content .markdownrender,
html.cs-dark .step-plan-content .markdownrender {
  background-color: transparent !important;
  color: var(--text-color) !important;
}
.cs-dark .step-plan-content .markdownrender p,
.cs-dark .step-plan-content .markdownrender li,
.cs-dark .step-plan-content .markdownrender ul,
.cs-dark .step-plan-content .markdownrender ol,
.cs-dark .step-plan-content .markdownrender *,
html.cs-dark .step-plan-content .markdownrender p,
html.cs-dark .step-plan-content .markdownrender li,
html.cs-dark .step-plan-content .markdownrender ul,
html.cs-dark .step-plan-content .markdownrender ol,
html.cs-dark .step-plan-content .markdownrender * {
  color: var(--text-color) !important;
}

:root {
  --p-popover-background: var(blue) !important;
}
.selected-skill {
  background-color: var(--p-primary-color) !important;
  color: var(--p-primary-color-text) !important;
}
.dialog-top-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000;
}
.dialog-header-label {
  display: unset !important;
  width: auto !important;
  flex-grow: unset !important;
}
.dialog-select {
  background-color: unset !important;
}
.dialog-select .p-select-label {
  width: auto !important;
  flex-grow: unset !important;
}
.agents-popover {
  max-width: 600px;
}

/* Pending agent chip animations in popover */
.pending-chip {
  animation: pending-chip-pulse 2s infinite;
  opacity: 0.9;
}
@keyframes pending-chip-pulse {
0%,
  100% {
    opacity: 0.85;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(251, 146, 60, 0.3);
}
50% {
    opacity: 0.95;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(251, 146, 60, 0.1);
}
}
.question-card {
  padding: 10px;
  margin: 5px;
  border-radius: 8px;
  height: 100px;
  width: 220px;
  border: 1px solid var(--p-surface-border);
  background-color: var(--p-surface-card);
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.question-card span.mdi {
  margin-bottom: 0.5rem;
}
.question-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Agent avatar styles - compact circular avatars */
.agent-avatars {
  align-items: center;
  gap: 0;
}
.agent-avatar-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid;
  background: var(--p-surface-0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  position: relative;
}
.agent-avatar-icon:hover {
  transform: translateY(-2px) scale(1.1);
  z-index: 1000 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.agent-avatar-icon.selected {
  transform: scale(1.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  border-width: 3px !important;
}
.agent-avatar-icon.selected i {
  color: var(--p-surface-0) !important;
}
.agent-avatar-icon.pending-icon {
  animation: pending-avatar-pulse 2s infinite;
  cursor: wait;
  opacity: 0.9;
}
@keyframes pending-avatar-pulse {
0%,
  100% {
    opacity: 0.85;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(251, 146, 60, 0.3);
}
50% {
    opacity: 0.95;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 3px rgba(251, 146, 60, 0.1);
}
}
.add-agent-button {
  border: 2px dashed var(--p-surface-border);
  background-color: transparent !important;
}

/* Loading state for agent creation */
.agent-creating {
  opacity: 0.7;
  pointer-events: none;
}
.mdi-spin {
  animation: spin 1s linear infinite;
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

/* Follow-up Questions Button Styling */
.follow-up-section {
  position: absolute;
  bottom: 80px;
  right: 20px;
  z-index: 1000;
  pointer-events: none;
}
.follow-up-button {
  background: linear-gradient(135deg, var(--p-primary-100), var(--p-primary-50));
  border: 1px solid var(--p-primary-200);
  transition: all 0.2s ease;
  pointer-events: auto;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.follow-up-button:hover {
  background: linear-gradient(135deg, var(--p-primary-200), var(--p-primary-100));
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.follow-up-button .p-button-icon {
  color: var(--p-primary-600);
}

/* Pending context section styling */
.pending-context-section {
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-border);
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.pending-header {
  background-color: var(--p-surface-100) !important;
  color: var(--text-color) !important;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pending-note {
  font-size: 0.8rem;
  font-style: italic;
  margin-left: auto;
  opacity: 0.8;
}
.pending-item {
  background-color: var(--p-surface-50);
  border-left: 3px solid var(--p-primary-color);
  margin: 0.25rem 0;
  padding: 0.5rem;
}
.action-badge {
  background-color: var(--p-primary-color);
  color: var(--p-primary-color-text);
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  margin-left: auto;
  text-transform: uppercase;
  font-weight: 600;
}
.text-warning {
  color: var(--p-primary-color);
}

/* Pending context indicator styling */
.pending-context {
  animation: pulse-warning 2s infinite;
}
@keyframes pulse-warning {
0% {
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
}
70% {
    box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
}
}

.dialog-selection[data-v-a5dda792] {
  display: flex;

  flex-direction: column;
  /* margin: 1em; */
  margin-top: 0;
  flex-grow: 1;
  width: 20em;
  padding: 5px;
}
.dialog-select[data-v-a5dda792] {
  font-weight: 700;
  font-size: 24px;
  border: 0;
  box-shadow: none;
}
.dialog-selector[data-v-a5dda792] {
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 50px;
  /* background-color: var(--p-surface-50);
  border-bottom: 1px solid var(--p-surface-300);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); */
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.question-card[data-v-a5dda792] {
  padding: 5px;
  margin: 2px;
  border-radius: 5px;
  height: 85px;
  width: 200px;
  border-color: var(--p-surface-border);
  border-width: 0px;
  border-style: solid;
  background-color: var(--p-surface-card);
  cursor: pointer;
}
.disabled-button[data-v-a5dda792] {
  opacity: 0.5;
}
.dialog-button[data-v-a5dda792] {

  background-color: unset;
}
.commands-row[data-v-a5dda792] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  position: absolute;
  top: -45px;
  right: 0;
}
.input-span[data-v-a5dda792] {
  width: 100%;
}
.dialog-container[data-v-a5dda792] {
  position: relative;
  flex-direction: column;
  overflow: hidden;
  flex-grow: auto;
  width: 100%;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

/* Style for empty dialog to center the input section */
.empty-dialog[data-v-a5dda792] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.empty-dialog .dialog-canvas[data-v-a5dda792] {
  display: none;
}
.input-section[data-v-a5dda792] {
  margin: 10px;
  position: relative;
}
.empty-dialog .input-section[data-v-a5dda792] {
  width: 90%;
  max-width: 80%;
}
.dialog-canvas[data-v-a5dda792] {
  height: 100%;
  width: 100%;
  vertical-align: text-bottom;
  display: flex;
  overflow-y: auto;
  flex-grow: auto;
  flex-direction: column;
}

/* Dialog mode styles */
.dialog-aligned-mode .message-container[data-v-a5dda792] {
  flex-direction: row !important;
  justify-content: flex-start !important;
}
.dialog-aligned-mode .message-container.message-self[data-v-a5dda792] {
  flex-direction: row !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: transparent !important;
  width: 100% !important;
}
.dialog-input[data-v-a5dda792] {
  margin: 0px;
  min-height: 110px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--p-content-border-color);
  box-shadow: none;
}
.command-list li.active[data-v-a5dda792] {
  background-color: var(--p-surface-hover);
}
.context-group[data-v-a5dda792] {
  margin-bottom: 1rem;
}
.context-data[data-v-a5dda792] {
  min-width: 300px;
  max-width: 500px;
  padding: 0.75rem;
}
.context-type-header[data-v-a5dda792] {
  font-size: 0.8rem;
  color: var(--text-color-secondary);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  background-color: var(--p-surface-100);
  border-radius: var(--p-border-radius);
}
.context-data>.context-type-header[data-v-a5dda792] {
  background-color: transparent;
  padding: 0.25rem 0;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.context-item[data-v-a5dda792] {
  padding: 0.25rem;
}
.context-count[data-v-a5dda792] {
  font-size: 0.7rem;
  opacity: 0.7;
  margin-left: 0.5rem;
}
.context-title[data-v-a5dda792] {
  font-weight: 500;
  cursor: pointer;
}
.context-items[data-v-a5dda792] {
  font-size: 0.9rem;
  color: var(--text-color-secondary);
}
.context-subitem[data-v-a5dda792] {
  padding: 0.15rem 0;
}
.context-item[data-v-a5dda792] {
  padding: 0.5rem;
  border-radius: var(--border-radius);
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.context-subitem[data-v-a5dda792] {
  padding: 0.15rem 0;
  display: flex;
  align-items: center;
}
.context-item[data-v-a5dda792]:hover {
  background-color: var(--surface-100);
}
.agents-popover[data-v-a5dda792] {
  max-width: 600px;
  padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.settings-popover[data-v-a5dda792] {
  max-width: 400px;
  padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dialog-settings[data-v-a5dda792] {
  min-width: 300px;
}
.setting-group[data-v-a5dda792] {
  margin-bottom: 1.5rem;
}
.setting-label[data-v-a5dda792] {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--text-color);
}
.setting-controls[data-v-a5dda792] {
  margin-bottom: 0.5rem;
}
.setting-description[data-v-a5dda792] {
  font-size: 0.8rem;
  color: var(--text-color-secondary);
  line-height: 1.3;
}
.agent-overview[data-v-a5dda792] {
  margin-bottom: 1rem;
}
.agent-overview .context-type-header[data-v-a5dda792] {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: var(--surface-200);
  border-radius: var(--border-radius);
  font-weight: 600;
  color: var(--text-color);
}
.agent-overview .p-chip[data-v-a5dda792] {
  margin: 0.25rem;
  transition: transform 0.2s ease-in-out;
}
.agent-overview .p-chip[data-v-a5dda792]:hover {
  transform: scale(1.05);
}
.agent-overview .p-button[data-v-a5dda792] {
  margin: 0.25rem;
}
.already-included[data-v-a5dda792] {
  opacity: 0.7;
}
.message-fade-enter-active[data-v-a5dda792],
.message-fade-leave-active[data-v-a5dda792] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.message-fade-enter-from[data-v-a5dda792] {
  opacity: 0;
  transform: translateY(20px);
}
.message-fade-leave-to[data-v-a5dda792] {
  opacity: 0;
  transform: translateY(-20px);
}
.scroll-anchor[data-v-a5dda792] {
  float: left;
  clear: both;
  height: 1px;
  width: 1px;
}

/* Scroll to bottom button styling */
.scroll-to-bottom-button[data-v-a5dda792] {
  position: absolute;
  bottom: 110px;
  /* Position above the input area */
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  background-color: var(--p-primary-color);
  border: 1px solid var(--p-primary-color);
  color: var(--p-primary-color-text);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  opacity: 0.9;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, background-color 0.2s ease, box-shadow 0.2s ease;
  z-index: 9999;
}
.scroll-to-bottom-button[data-v-a5dda792]:hover {
  opacity: 1;
  transform: translateX(-50%) translateY(-5px);
  background-color: var(--p-primary-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.scroll-to-bottom-button i[data-v-a5dda792] {
  font-size: 1.5rem;
}

/* Drop zone styling for the entire dialog */
.dialog-container.drop-target[data-v-a5dda792] {
  border: 2px dashed var(--p-primary-color);
  background-color: var(--p-primary-50);
}
.dialog-drop-overlay[data-v-a5dda792] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  pointer-events: none;
}
.drop-content[data-v-a5dda792] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--p-surface-0);
  border: 2px dashed var(--p-primary-color);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.drop-content i[data-v-a5dda792] {
  font-size: 3rem;
  color: var(--p-primary-color);
  margin-bottom: 1rem;
}
.drop-content span[data-v-a5dda792] {
  font-size: 1.1rem;
  color: var(--p-text-color);
  font-weight: 500;
}

/* Empty dialog placeholder styles */
.empty-dialog-placeholder[data-v-a5dda792] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 2rem;
}
.placeholder-content[data-v-a5dda792] {
  max-width: 800px;
  width: 100%;
  text-align: center;
}
.placeholder-header[data-v-a5dda792] {
  margin-bottom: 2rem;
}
.placeholder-icon[data-v-a5dda792] {
  font-size: 4rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
}
.placeholder-header h2[data-v-a5dda792] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: var(--text-color);
}
.placeholder-header p[data-v-a5dda792] {
  font-size: 1.1rem;
  color: var(--text-color-secondary);
  margin-bottom: 0;
}
.existing-agents-section[data-v-a5dda792],
.available-agents-section[data-v-a5dda792] {
  margin-bottom: 2rem;
  text-align: left;
}
.existing-agents-section h3[data-v-a5dda792],
.available-agents-section h3[data-v-a5dda792] {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  color: var(--text-color);
}
.agent-cards-grid[data-v-a5dda792] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}
.agent-card[data-v-a5dda792] {
  background: var(--surface-card);
  border: 1px solid var(--surface-border);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  position: relative;
}
.available-agent-card[data-v-a5dda792] {
  cursor: pointer;
}
.available-agent-card[data-v-a5dda792]:not(.already-included):not(.creating):hover {
  border-color: var(--primary-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.agent-card.already-included[data-v-a5dda792] {
  opacity: 0.6;
  cursor: not-allowed;
}
.agent-card.creating[data-v-a5dda792] {
  opacity: 0.8;
  cursor: wait;
}

/* Placeholder cards should be more compact to show more columns */
.placeholder-cards.agent-cards-grid[data-v-a5dda792] {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.8rem;
}
.placeholder-cards .agent-card.compact-card[data-v-a5dda792] {
  padding: 1rem;
}
.placeholder-cards .agent-avatar.compact-avatar[data-v-a5dda792] {
  width: 2.5rem;
  height: 2.5rem;
}
.placeholder-cards .agent-card-body.compact-body h4[data-v-a5dda792] {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.placeholder-cards .agent-card-footer[data-v-a5dda792] {
  font-size: 0.8rem;
}

/* Responsive grid for different screen sizes */
@media (min-width: 768px) {
.placeholder-cards.agent-cards-grid[data-v-a5dda792] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
}
@media (min-width: 1024px) {
.placeholder-cards.agent-cards-grid[data-v-a5dda792] {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
}
@media (min-width: 1200px) {
.placeholder-cards.agent-cards-grid[data-v-a5dda792] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
}

/* Follow-up Questions Button Styling */
.follow-up-section[data-v-a5dda792] {
  position: absolute;
  bottom: 80px;
  right: 20px;
  z-index: 1000;
  pointer-events: none;
}
.follow-up-button[data-v-a5dda792] {
  background: linear-gradient(135deg, var(--p-primary-100), var(--p-primary-50));
  border: 1px solid var(--p-primary-200);
  transition: all 0.2s ease;
  pointer-events: auto;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.follow-up-button[data-v-a5dda792]:hover {
  background: linear-gradient(135deg, var(--p-primary-200), var(--p-primary-100));
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.follow-up-button .p-button-icon[data-v-a5dda792] {
  color: var(--p-primary-600);
}

/* Pending context section styling */
.pending-context-section[data-v-a5dda792] {
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-border);
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.pending-header[data-v-a5dda792] {
  background-color: var(--p-surface-100) !important;
  color: var(--text-color) !important;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pending-note[data-v-a5dda792] {
  font-size: 0.8rem;
  font-style: italic;
  margin-left: auto;
  opacity: 0.8;
}
.pending-item[data-v-a5dda792] {
  background-color: var(--p-surface-50);
  border-left: 3px solid var(--p-primary-color);
  margin: 0.25rem 0;
  padding: 0.5rem;
}
.action-badge[data-v-a5dda792] {
  background-color: var(--p-primary-color);
  color: var(--p-primary-color-text);
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  margin-left: auto;
  text-transform: uppercase;
  font-weight: 600;
}
.text-warning[data-v-a5dda792] {
  color: var(--p-primary-color);
}

/* Pending context indicator styling */
.pending-context[data-v-a5dda792] {
  animation: pulse-warning-a5dda792 2s infinite;
}
@keyframes pulse-warning-a5dda792 {
0% {
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
}
70% {
    box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
}
}

.cs-duplicates-view[data-v-15ab3329] {
  display: flex;
  flex-direction: column;
}
.controls[data-v-15ab3329] {
  border-bottom: 1px solid var(--p-surface-border);
}
.content[data-v-15ab3329] {
  flex: 1;
}
.badge[data-v-15ab3329] {
  background-color: var(--p-primary-color);
  color: var(--p-primary-color-text);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 700;
}
.no-duplicates[data-v-15ab3329] {
  color: var(--p-text-color-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.loading-indicator[data-v-15ab3329] {
  color: var(--p-text-color-secondary);
}
[data-v-15ab3329] .p-accordion-tab {
  margin-bottom: 1rem;
}
[data-v-15ab3329] .p-accordion-content {
  padding: 1.25rem !important;
}
[data-v-15ab3329] .p-datatable .p-datatable-tbody > tr {
  border-bottom: 1px solid var(--p-surface-200);
}
[data-v-15ab3329] .p-datatable .p-datatable-tbody > tr > td {
  padding: 0.75rem 0.5rem;
}
.text-overflow-ellipsis[data-v-15ab3329] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

/* Property value comparison styling */
.property-values[data-v-15ab3329] {
  border: 1px solid var(--p-surface-300);
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
}
.property-value-item[data-v-15ab3329] {
  border-bottom: 1px solid var(--p-surface-200);
}
.property-value-item[data-v-15ab3329]:last-child {
  border-bottom: none;
}
.property-value-item.selected-value[data-v-15ab3329] {
  background-color: var(--p-primary-50);
  border-left: 3px solid var(--p-primary-color);
}
.source-label[data-v-15ab3329] {
  font-weight: 600;
  min-width: 100px;
}
.value-display[data-v-15ab3329] {
  flex: 1;
  word-break: break-word;
  max-height: 100px;
  overflow-y: auto;
  padding: 4px 8px;
  background-color: var(--p-surface-100);
  border-radius: 4px;
  font-family: var(--p-font-family-monospace, monospace);
}

/* Dropdown styling for property values */
.dropdown-value-container[data-v-15ab3329],
.dropdown-option[data-v-15ab3329] {
  display: flex;
  align-items: flex-start;
  padding: 4px;
  width: 100%;
}
[data-v-15ab3329] .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 0.5rem;
}
[data-v-15ab3329] .p-dropdown-label {
  padding: 0.5rem;
}
.dropdown-option .source-label[data-v-15ab3329] {
  color: var(--p-primary-700);
}
.dropdown-option .value-display[data-v-15ab3329] {
  margin-top: 2px;
}
[data-v-15ab3329] .p-dropdown {
  width: 100%;
}
[data-v-15ab3329] .p-dropdown-panel {
  width: auto !important;
  min-width: 100%;
}
[data-v-15ab3329] .p-dropdown-items-wrapper {
  max-height: 250px;
}

/* Action styling */
.action-column[data-v-15ab3329] {
  border-left: 3px solid transparent;
  padding-left: 0.5rem;
}
.action-column[data-v-15ab3329]:has(input[value="keep"]:checked) {
  border-left-color: var(--p-green-500);
}
.action-column[data-v-15ab3329]:has(input[value="merge"]:checked) {
  border-left-color: var(--p-blue-500);
}
.action-column[data-v-15ab3329]:has(input[value="delete"]:checked) {
  border-left-color: var(--p-red-500);
}

/* Button styling */
.success-button[data-v-15ab3329] {
  background-color: var(--p-green-500) !important;
  border-color: var(--p-green-500) !important;
  color: white !important;
}
.success-button[data-v-15ab3329]:hover {
  background-color: var(--p-green-600) !important;
  border-color: var(--p-green-600) !important;
}
.danger-button[data-v-15ab3329] {
  background-color: var(--p-red-500) !important;
  border-color: var(--p-red-500) !important;
  color: white !important;
}
.danger-button[data-v-15ab3329]:hover {
  background-color: var(--p-red-600) !important;
  border-color: var(--p-red-600) !important;
}
.info-button[data-v-15ab3329] {
  background-color: var(--p-blue-500) !important;
  border-color: var(--p-blue-500) !important;
  color: white !important;
}
.info-button[data-v-15ab3329]:hover {
  background-color: var(--p-blue-600) !important;
  border-color: var(--p-blue-600) !important;
}

/* Add specific button visibility styles */
[data-v-15ab3329] .p-button {
  opacity: 1 !important;
  visibility: visible !important;
}
[data-v-15ab3329] .p-button-label {
  visibility: visible !important;
}

.editor-container[data-v-489679ca] { width: 100%; height: 100%; min-height: 0
}
.editor-header[data-v-489679ca] { 
	font-weight: 600;
	background-color: var(--p-content-background);
	border-bottom-color: var(--p-content-border-color);
}
.cs-dark .editor-header[data-v-489679ca] {
	background-color: var(--p-content-background);
	border-bottom-color: var(--p-content-border-color);
}

/* Search input dark mode */
.cs-dark .editor-header input[data-v-489679ca] {
	background-color: var(--p-surface-0);
	border-color: var(--p-surface-border);
	color: var(--p-text-color);
}
.cs-dark .editor-header input[data-v-489679ca]::placeholder {
	color: var(--p-text-color-secondary);
}
.editor-wrapper[data-v-489679ca] { 
	position: relative; 
	flex: 1; 
	min-height: 0;
	display: flex;
	flex-direction: column;
	background-color: var(--p-content-background);
}
.cs-dark .editor-wrapper[data-v-489679ca] {
	background-color: var(--p-content-background);
}

/* Diagnostic overlay dark mode */
.editor-diagnostic[data-v-489679ca] {
	padding: 1rem;
	color: var(--p-text-color);
	background-color: var(--p-surface-0);
	border: 1px solid var(--p-surface-border);
	border-radius: 4px;
	margin: 1rem;
}
.cs-dark .editor-diagnostic[data-v-489679ca] {
	background-color: var(--p-surface-800);
	border-color: var(--p-surface-700);
	color: var(--p-text-color);
}

/* Problems Panel Styling */
.problems-panel[data-v-489679ca] {
	flex: 0 0 200px;
	background: var(--p-surface-ground);
	border-top: 1px solid var(--p-surface-border);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 100;
}
.problems-header[data-v-489679ca] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 0.75rem;
	gap: 0.5rem;
	font-weight: 600;
	border-bottom: 1px solid var(--p-surface-border);
	background: var(--p-surface-card);
	color: var(--p-text-color);
	font-size: 0.875rem;
}
.problem-count[data-v-489679ca] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	background: var(--p-red-500);
	color: white;
	border-radius: 3px;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0 4px;
}
.cs-dark .problem-count[data-v-489679ca] {
	background: var(--p-red-600);
	color: white;
}
.problems-list[data-v-489679ca] {
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.problem-item[data-v-489679ca] {
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--p-surface-border);
	cursor: pointer;
	transition: background-color 0.15s ease;
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	align-items: flex-start;
}
.problem-item[data-v-489679ca]:hover {
	background-color: var(--p-surface-hover);
}
.problem-icon[data-v-489679ca] {
	flex: 0 0 auto;
	color: var(--p-red-500);
	font-size: 1rem;
	padding-top: 2px;
}
.problem-content[data-v-489679ca] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.problem-message[data-v-489679ca] {
	font-size: 0.8125rem;
	color: var(--p-text-color);
	font-weight: 500;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.problem-location[data-v-489679ca] {
	font-size: 0.75rem;
	color: var(--p-text-color-secondary);
}

/* Dark mode support */
.cs-dark .problems-panel[data-v-489679ca] {
	background: var(--p-surface-ground);
	border-top-color: var(--p-surface-border);
}
.cs-dark .problems-header[data-v-489679ca] {
	background: var(--p-surface-card);
	color: var(--p-text-color);
	border-bottom-color: var(--p-surface-border);
}
.cs-dark .problem-item[data-v-489679ca] {
	border-bottom-color: var(--p-surface-border);
}
.cs-dark .problem-item[data-v-489679ca]:hover {
	background-color: var(--p-surface-hover);
}
.cs-dark .problem-icon[data-v-489679ca] {
	color: var(--p-red-400);
}
.cs-dark .problem-message[data-v-489679ca] {
	color: var(--p-text-color);
}
.cs-dark .problem-location[data-v-489679ca] {
	color: var(--p-text-color-secondary);
}

/* Legacy error styles (kept for backwards compatibility) */
.validation-errors[data-v-489679ca] {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--p-red-50);
	border-top: 1px solid var(--p-red-200);
	max-height: 30%;
	overflow-y: auto;
	z-index: 99;
	display: none;
}
.error-header[data-v-489679ca] {
	display: flex;
	align-items: center;
	padding: 0.5rem;
	gap: 0.5rem;
	font-weight: 600;
	color: var(--p-red-700);
}
.error-list[data-v-489679ca] {
	padding: 0 0.5rem 0.5rem;
}
.error-item[data-v-489679ca] {
	font-size: 0.875rem;
	color: var(--p-red-600);
	margin-bottom: 0.25rem;
}
.cs-dark .graph-editor-container .validation-errors[data-v-489679ca] {
	background: var(--p-red-900);
	border-top-color: var(--p-red-700);
}
.cs-dark .graph-editor-container .error-header[data-v-489679ca] {
	color: var(--p-red-300);
}
.cs-dark .graph-editor-container .error-item[data-v-489679ca] {
	color: var(--p-red-400);
}


/* Monaco decorations must be global (not scoped) so the editor DOM nodes receive the classes. */
.yaml-selected-highlight {
    background-color: rgba(255, 249, 196, 0.45) !important; /* soft yellow */
}
.yaml-selected-decoration {
    border-left: 3px solid var(--p-primary-500);
}
.cs-dark .yaml-selected-highlight {
    background-color: rgba(64, 84, 103, 0.18) !important;
}
.inline-edit-button {
    color: var(--p-primary-600);
    background: rgba(0,0,0,0);
    padding: 0 6px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
}
.inline-edit-button:hover {
    text-decoration: underline;
}
.cs-dark .inline-edit-button {
    color: var(--p-primary-400);
}
.cs-dark .folded-name-decoration {
    background: var(--p-surface-700) !important;
    color: var(--p-text-color-secondary) !important;
}

.property-editor[data-v-1542e9fe] {
  width: 100%;
}
.edit-component[data-v-1542e9fe] {
  /* Add any specific styling for edit mode components */
  /* background-color: #f0f9ff; */
  border-radius: 4px;
  padding: 4px;
}
.error-message[data-v-1542e9fe] {
  color: #dc2626;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}

.graph-editor-container[data-v-d1658aa7] {
    background-color: var(--p-content-background);
    border-radius: 6px;
    border: 1px solid var(--p-content-border-color);
}
.editor-header[data-v-d1658aa7] {
    background-color: var(--p-content-background);
    border-bottom-color: var(--p-content-border-color);
}
.relations-container[data-v-d1658aa7] {
    min-height: 400px;
}
.relation-row[data-v-d1658aa7] {
    /* gap: 0.5rem; */
    border-bottom: 1px solid var(--p-content-border-color);
}
.relation-row[data-v-d1658aa7]:hover {
    background-color: var(--p-surface-hover);
}
.relation-row.relation-loading[data-v-d1658aa7] {
    opacity: 0.6;
    pointer-events: none;
}
.no-relations[data-v-d1658aa7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}
.from-node[data-v-d1658aa7],
.to-node[data-v-d1658aa7] {
    flex: 2 2 0%;
    min-width: 0;
    overflow-x: hidden;
}
.edge-type[data-v-d1658aa7] {
    flex: 0.5 0.5 0%;
    min-width: 0;
}
.actions[data-v-d1658aa7] {
    flex-shrink: 0;
    width: 80px;
    /* Approximate width for both buttons */
}

/* Node display container with info button */
.node-display-container[data-v-d1658aa7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.node-content[data-v-d1658aa7] {
    display: flex;
    align-items: center;
    flex: 1 1 0%;
    min-width: 0;
    overflow-x: hidden;
}
.node-title[data-v-d1658aa7],
.node-title .cs-prop[data-v-d1658aa7],
.node-content .cs-prop[data-v-d1658aa7],
.cs-prop-display[data-v-d1658aa7] {
    overflow: hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
    display: block;
}

/* Hide node info buttons by default, show on hover */
.node-inplace .node-info-action[data-v-d1658aa7] {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    flex-shrink: 0;
    width: 24px;
}
.relation-row:hover .node-info-action[data-v-d1658aa7] {
    opacity: 1;
    pointer-events: auto;
}

/* Filter row responsive behavior */
@media (max-width: 768px) {
.editor-header .flex[data-v-d1658aa7] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.75rem;
}
.editor-header .flex>div[data-v-d1658aa7] {
        margin: 0 !important;
        width: 100% !important;
}
}

/* Responsive adjustments */
@media (max-width: 768px) {
.relation-row[data-v-d1658aa7] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
}
.from-node[data-v-d1658aa7],
    .edge-type[data-v-d1658aa7],
    .to-node[data-v-d1658aa7] {
        flex: none;
}
.actions[data-v-d1658aa7] {
        align-self: flex-end;
}
}

/* Hide node info and action icons by default, show on hover of relation-row */
.show-on-hover[data-v-d1658aa7] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}
.relation-row:hover .show-on-hover[data-v-d1658aa7] {
    opacity: 1;
    pointer-events: auto;
}
.edge-type-centered[data-v-d1658aa7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
}


.chart-container {
  position: relative; 
  height: 100%; 
  width: 100%;
  text-align: left;
}
.chart-title {
  margin-left: 5px;
  font-weight: 700;
}
.cross-chart-widget {
  text-align: left;
  display: flex;
  justify-content: flex-start;
}
.cross-chart-widget svg {
  display: block;
  margin: 0;
}
.cross-chart-widget .dc-chart {
  float: none !important;
  margin: 0 !important;
  text-align: left !important;
}
.cross-chart-widget .dc-chart svg {
  display: block;
  margin: 0 !important;
}
.deselected {
  opacity: 0.25;
}
.stack-list g {
  fill: transparent !important;
}

.filters[data-v-6045aabd] {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.chart-filter-item[data-v-6045aabd] {
  text-align: left;
  display: block;
  width: 100%;
  align-self: flex-start;
}
.chart-filter-item .chart-container[data-v-6045aabd] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.favorite-title[data-v-69c9d9a8] {
  font-weight: bold;
}
.disabled-interaction[data-v-69c9d9a8] {
  pointer-events: none;
  opacity: 0.5;
}

.selected-search[data-v-2fd6b929] {
  background-color: var(--p-surface-100);
}

.layers-list[data-v-af8894c9] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  width: 100%;
}
.layer-icon[data-v-af8894c9] {
  margin-right: 1rem;
}
.layer-item[data-v-af8894c9] {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 1em;
  border-bottom: 1px solid var(--p-content-border-color);
}
.layer-details[data-v-af8894c9] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.layer-title[data-v-af8894c9] {
  font-size: large;
}
.filter-heading[data-v-af8894c9] {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.filter-section-title[data-v-af8894c9] {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  color: var(--p-text-color);
}

/* Class filter title is now handled within NotionFilter component */
.filter-classes[data-v-af8894c9] {
  padding: 0.5rem 0;
}
.class-filters[data-v-af8894c9] {
  padding: 0.75rem;
  background-color: var(--p-surface-50);
  border-radius: 4px;
}
.class-filter-item[data-v-af8894c9] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.advanced-filters[data-v-af8894c9] {
  margin-top: 1rem;
}
.legacy-filters[data-v-af8894c9] {
  opacity: 0.8;
  padding: 0.75rem;
  background-color: var(--p-surface-50);
  border-radius: 4px;
}

.search-input-wrapper[data-v-2fed4ce2] {
    position: relative;
    display: flex;
    align-items: center;
}
.search-clear-button[data-v-2fed4ce2] {
    position: absolute;
    right: 8px;
    z-index: 1;
    min-width: auto !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}
.search-clear-button[data-v-2fed4ce2]:hover {
    opacity: 1;
}
.search-clear-button .mdi[data-v-2fed4ce2] {
    font-size: 14px;
}
.suggestions-container[data-v-2fed4ce2] {
    max-height: 400px;
    overflow-y: auto;
}

/* Reflect Section Header */
.reflect-section-header[data-v-2fed4ce2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 16px;
}
.reflect-section-title[data-v-2fed4ce2] {
    font-size: 16px;
    font-weight: 600;
    color: var(--p-text-color, #323130);
    margin: 0 0 4px 0;
    line-height: 1.3;
}
.cs-dark .reflect-section-title[data-v-2fed4ce2] {
    color: var(--p-text-color, #f1f5f9);
}
.reflect-section-description[data-v-2fed4ce2] {
    font-size: 13px;
    color: var(--p-text-muted-color, #605e5c);
    margin: 0;
    line-height: 1.4;
}
.cs-dark .reflect-section-description[data-v-2fed4ce2] {
    color: var(--p-text-muted-color, #94a3b8);
}
.reflect-header-actions[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.reflect-language-selector[data-v-2fed4ce2] {
    flex-shrink: 0;
    min-width: 140px;
}
.reflect-language-dropdown[data-v-2fed4ce2] {
    width: 140px;
    font-size: 13px;
}
.reflect-language-dropdown[data-v-2fed4ce2] .p-inputtext,
.reflect-language-dropdown[data-v-2fed4ce2] .p-dropdown-label {
    font-size: 13px;
    padding: 6px 10px;
}
.reflect-disclaimer[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--p-surface-100, #f3f2f1);
    border: 1px solid var(--p-surface-300, #d1d1d1);
    border-radius: 4px;
    font-size: 12px;
    color: var(--p-text-muted-color, #605e5c);
    margin-bottom: 16px;
}
.cs-dark .reflect-disclaimer[data-v-2fed4ce2] {
    background: var(--p-surface-700, #334155);
    border-color: var(--p-surface-600, #475569);
    color: var(--p-text-muted-color, #94a3b8);
}
.reflect-disclaimer i[data-v-2fed4ce2] {
    font-size: 16px;
    color: var(--p-primary-color, #0078d4);
    flex-shrink: 0;
}
.cs-dark .reflect-disclaimer i[data-v-2fed4ce2] {
    color: var(--p-primary-color, #60a5fa);
}
.reflect-disclaimer span[data-v-2fed4ce2] {
    line-height: 1.4;
}
.reflect-context-section[data-v-2fed4ce2] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--p-surface-50);
    border-radius: var(--p-border-radius);
    border: 1px solid var(--p-surface-200);
}
.cs-dark .reflect-context-section[data-v-2fed4ce2] {
    background: var(--p-surface-800);
    border-color: var(--p-surface-700);
}
.reflect-prompt-management[data-v-2fed4ce2] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.prompt-card-actions[data-v-2fed4ce2] {
    display: flex;
    gap: 4px;
    align-items: center;
}
.prompt-dialog-content[data-v-2fed4ce2] {
    padding: 8px 0;
}
.prompt-dialog-content code[data-v-2fed4ce2] {
    background: var(--p-surface-100, #f3f2f1);
    padding: 2px 6px;
    border-radius: 3px;
    font-family: monospace;
    font-size: 11px;
    color: var(--p-text-color, #323130);
}
.cs-dark .prompt-dialog-content code[data-v-2fed4ce2] {
    background: var(--p-surface-700, #334155);
    color: var(--p-text-color, #f1f5f9);
}
@media (max-width: 768px) {
.reflect-section-header[data-v-2fed4ce2] {
        flex-direction: column;
        align-items: stretch;
}

/* Ollama Result Container */
.ollama-result-container[data-v-2fed4ce2] {
    margin-top: 1rem;
    padding: 1.5rem;
    background: var(--p-content-background, #ffffff);
    border: 1px solid var(--p-content-border-color, #e5e7eb);
    border-radius: var(--p-border-radius, 8px);
    box-shadow: var(--p-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}
.cs-dark .ollama-result-container[data-v-2fed4ce2] {
    background: var(--p-surface-900, #1e293b);
    border-color: var(--p-surface-700, #334155);
}
.ollama-markdown-content[data-v-2fed4ce2] {
    max-height: 70vh;
    overflow-y: auto;
    padding: 1rem 0;
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender {
    padding: 0;
    font-size: 0.875rem; /* 14px base font size */
    line-height: 1.5;
}

/* Reduce heading sizes */
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender h1 {
    font-size: 1.5rem; /* 24px */
    line-height: 1.3;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender h2 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.3;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender h3 {
    font-size: 1.125rem; /* 18px */
    line-height: 1.3;
    margin-top: 0.875rem;
    margin-bottom: 0.5rem;
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender h4 {
    font-size: 1rem; /* 16px */
    line-height: 1.3;
    margin-top: 0.75rem;
    margin-bottom: 0.375rem;
}

/* Reduce paragraph and text sizes */
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender p {
    font-size: 0.875rem; /* 14px */
    line-height: 1.5;
    margin: 0.5rem 0;
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender li {
    font-size: 0.875rem; /* 14px */
    line-height: 1.5;
    margin: 0.25rem 0;
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender ul,
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender ol {
    font-size: 0.875rem; /* 14px */
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

/* Reduce table font sizes */
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender table {
    font-size: 0.8125rem; /* 13px */
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender table th,
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender table td {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem; /* 13px */
}

/* Reduce code block sizes */
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender code {
    font-size: 0.8125rem; /* 13px */
}
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender pre {
    font-size: 0.8125rem; /* 13px */
    padding: 0.75rem;
}

/* Reduce strong/bold text */
.ollama-markdown-content[data-v-2fed4ce2] .markdownrender strong {
    font-size: 0.875rem; /* 14px */
}

/* Network Size Warning */
.network-size-warning[data-v-2fed4ce2] {
    margin-bottom: 1rem;
}
.cs-dark .network-size-warning .bg-yellow-50[data-v-2fed4ce2] {
    background: var(--p-yellow-900, #78350f) !important;
    border-color: var(--p-yellow-700, #a16207) !important;
}
.cs-dark .network-size-warning .text-yellow-600[data-v-2fed4ce2] {
    color: var(--p-yellow-400, #fbbf24) !important;
}
.cs-dark .network-size-warning .text-yellow-800[data-v-2fed4ce2] {
    color: var(--p-yellow-200, #fde68a) !important;
}
.cs-dark .network-size-warning .text-yellow-700[data-v-2fed4ce2] {
    color: var(--p-yellow-300, #fcd34d) !important;
}

/* Element Selector */
.reflect-element-selector[data-v-2fed4ce2] {
    margin-bottom: 1rem;
}
.element-checkbox-grid[data-v-2fed4ce2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-start;
    width: 100%;
}
.element-checkbox-item[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 0.375rem;
    transition: background-color 0.2s;
    flex: 0 0 250px;
    max-width: 250px;
    min-width: 250px;
    box-sizing: border-box;
    overflow: hidden;
}
.element-checkbox-item[data-v-2fed4ce2]:hover {
    background-color: var(--p-surface-100, #f3f4f6);
}
.cs-dark .element-checkbox-item[data-v-2fed4ce2]:hover {
    background-color: var(--p-surface-700, #374151);
}
.element-checkbox-item label[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    cursor: pointer;
    overflow: hidden;
}
.element-checkbox-item label .flex[data-v-2fed4ce2] {
    min-width: 0;
    overflow: hidden;
}
.element-checkbox-item label span[data-v-2fed4ce2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cs-dark .element-checkbox-grid[data-v-2fed4ce2] {
    border-color: var(--p-surface-700, #374151) !important;
}
.reflect-language-selector[data-v-2fed4ce2] {
        min-width: 100%;
}
.reflect-language-dropdown[data-v-2fed4ce2] {
        width: 100%;
}
}

/* Prompt Cards Grid - matching cs-intro-page indicator-card style */
.prompt-cards-grid[data-v-2fed4ce2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
@media (max-width: 768px) {
.prompt-cards-grid[data-v-2fed4ce2] {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
}
}
@media (max-width: 480px) {
.prompt-cards-grid[data-v-2fed4ce2] {
        grid-template-columns: 1fr;
}
.prompt-card[data-v-2fed4ce2] {
        padding: 12px;
}
}
.prompt-card[data-v-2fed4ce2] {
    background: var(--p-content-background, #ffffff);
    border: 1px solid var(--p-content-border-color, #e1e5e9);
    border-radius: 6px;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}
.prompt-card[data-v-2fed4ce2]:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: var(--p-content-border-color, #d1d1d1);
}
.cs-dark .prompt-card[data-v-2fed4ce2] {
    background: var(--p-surface-800, #1e293b);
    border-color: var(--p-content-border-color, #334155);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.cs-dark .prompt-card[data-v-2fed4ce2]:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    border-color: var(--p-content-border-color, #475569);
}
.prompt-card-header[data-v-2fed4ce2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.prompt-card-title-section[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.prompt-card-icon[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    color: white;
    flex-shrink: 0;
}
.prompt-card-icon i[data-v-2fed4ce2] {
    font-size: 18px;
}
.prompt-card-title[data-v-2fed4ce2] {
    flex: 1;
}
.prompt-card-title h4[data-v-2fed4ce2] {
    font-size: 13px;
    font-weight: 500;
    color: var(--p-text-muted-color, #605e5c);
    margin: 0 0 2px 0;
    line-height: 1.3;
}
.cs-dark .prompt-card-title h4[data-v-2fed4ce2] {
    color: var(--p-text-muted-color, #94a3b8);
}
.prompt-card-description[data-v-2fed4ce2] {
    font-size: 12px;
    color: var(--p-text-muted-color, #8a8886);
    margin: 0 0 12px 0;
    line-height: 1.4;
}
.cs-dark .prompt-card-description[data-v-2fed4ce2] {
    color: var(--p-text-muted-color, #64748b);
}
.prompt-card-content[data-v-2fed4ce2] {
    margin-top: 0;
}
.prompt-card-content[data-v-2fed4ce2] .p-button {
    width: 100%;
    font-size: 13px;
    padding: 8px 16px;
}

/* Professional Suggestion Card Styling */
.suggestion-card[data-v-2fed4ce2] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    /* smaller radius for denser look */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    /* lighter shadow */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: grab;
    overflow: hidden;
    position: relative;
}
.suggestion-card[data-v-2fed4ce2]::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 4px;
    height: 16px;
    background: repeating-linear-gradient(to bottom,
            #94a3b8 0,
            #94a3b8 2px,
            transparent 2px,
            transparent 4px);
    border-radius: 2px;
    opacity: 0.3;
    z-index: 1;
}
.suggestion-card[data-v-2fed4ce2]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
    border-color: #d5dde7;
}
.suggestion-card[data-v-2fed4ce2]:hover::before {
    opacity: 0.6;
}
.suggestion-card[data-v-2fed4ce2]:active {
    cursor: grabbing;
    transform: scale(0.98);
}

/* Card Header */
.card-header[data-v-2fed4ce2] {
    padding: 10px 12px;
    /* denser */
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    /* tighter gap */
}
.node-icon[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    /* smaller icon */
    height: 32px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    font-size: 16px;
    /* smaller icon font */
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.card-title[data-v-2fed4ce2] {
    font-size: 14px;
    /* smaller title */
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    line-height: 1.4;
    word-break: break-word;
}
.class-badge[data-v-2fed4ce2] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    /* tighter */
    background: #3b82f6;
    color: white;
    font-size: 9px;
    /* smaller */
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.confidence-badge[data-v-2fed4ce2] {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px;
    /* tighter */
    background: #10b981;
    color: white;
    font-size: 9px;
    /* smaller */
    font-weight: 500;
    border-radius: 4px;
}
.action-buttons[data-v-2fed4ce2] {
    display: flex;
    gap: 6px;
    /* tighter */
    flex-shrink: 0;
}
.accept-btn[data-v-2fed4ce2] {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: white !important;
}
.accept-btn[data-v-2fed4ce2]:hover {
    background: #059669 !important;
    border-color: #059669 !important;
}
.delete-btn[data-v-2fed4ce2] {
    color: #ef4444 !important;
}
.delete-btn[data-v-2fed4ce2]:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* Card Content */
.card-content[data-v-2fed4ce2] {
    padding: 12px 14px 14px;
    /* denser */
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Description Section */
.description-section[data-v-2fed4ce2] {
    position: relative;
}
.description-content[data-v-2fed4ce2] {
    position: relative;
    overflow: hidden;
}
.description-content:not(.expanded) .description-text[data-v-2fed4ce2] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* fewer lines */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.description-text[data-v-2fed4ce2] {
    color: #64748b;
    font-size: 12px;
    /* smaller */
    line-height: 1.5;
    margin: 0;
}
.expand-button[data-v-2fed4ce2] {
    background: none;
    border: none;
    color: #3b82f6;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    padding: 4px 0;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
}
.expand-button[data-v-2fed4ce2]:hover {
    color: #2563eb;
}

/* Properties Section */
.properties-section[data-v-2fed4ce2] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 2px;
}
.properties-title[data-v-2fed4ce2] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.properties-grid[data-v-2fed4ce2] {
    display: grid;
    gap: 4px;
    /* tighter */
}
.property-item[data-v-2fed4ce2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    /* tighter */
    padding: 4px 0;
    /* tighter */
    border-bottom: 1px solid #e2e8f0;
}
.property-item[data-v-2fed4ce2]:last-child {
    border-bottom: none;
}
.property-key[data-v-2fed4ce2] {
    font-size: 11px;
    /* smaller */
    font-weight: 500;
    color: #64748b;
    flex-shrink: 0;
    min-width: 72px;
    /* tighter */
}
.property-value[data-v-2fed4ce2] {
    font-size: 11px;
    /* smaller */
    color: #1e293b;
    text-align: right;
    word-break: break-word;
    flex: 1;
}

/* Evidence Section */
.evidence-section[data-v-2fed4ce2] {
    background: #fef7ed;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #fed7aa;
}
.evidence-header[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.evidence-title[data-v-2fed4ce2] {
    font-size: 12px;
    font-weight: 600;
    color: #c2410c;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.evidence-header i[data-v-2fed4ce2] {
    color: #ea580c;
}
.evidence-tags[data-v-2fed4ce2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.evidence-tag[data-v-2fed4ce2] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background: #fed7aa;
    color: #9a3412;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #fdba74;
}

/* Bundle styling */
.suggestion-bundle[data-v-2fed4ce2] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}
.bundle-header[data-v-2fed4ce2] {
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}

/* Edge badge styling */
.edge-badge[data-v-2fed4ce2] {
    font-size: 10px;
    font-weight: 600;
}
.edge-badge[data-v-2fed4ce2] {
    background: linear-gradient(45deg, #e8f5e8, #c8e6c9);
    color: #2e7d32;
    font-weight: 500;
}
.grid-cols-1[data-v-2fed4ce2] {
    display: grid;
    grid-template-columns: 1fr;
}
.gap-2[data-v-2fed4ce2] {
    gap: 0.5rem;
}

/* Dense Tab System */
.intelligence-tabs[data-v-2fed4ce2] {
    --p-tabview-nav-background: #f8fafc;
    --p-tabview-tab-padding: 0.5rem 1rem;
    --p-tabview-tab-font-size: 0.875rem;
    --p-tabview-tab-font-weight: 500;
}
.intelligence-tabs[data-v-2fed4ce2] .p-tabview-nav {
    background: #f1f5f9;
    border-radius: 8px 8px 0 0;
    padding: 4px;
    border-bottom: 1px solid #e2e8f0;
}
.intelligence-tabs[data-v-2fed4ce2] .p-tabview-nav li {
    margin-right: 2px;
}
.intelligence-tabs[data-v-2fed4ce2] .p-tabview-nav li .p-tabview-nav-link {
    background: transparent;
    border: none;
    color: #64748b;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
.intelligence-tabs[data-v-2fed4ce2] .p-tabview-nav li:not(.p-highlight) .p-tabview-nav-link:hover {
    background: #e2e8f0;
    color: #475569;
}
.intelligence-tabs[data-v-2fed4ce2] .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    color: #1e293b;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.intelligence-tabs[data-v-2fed4ce2] .p-tabview-panels {
    background: white;
    border-radius: 0 0 8px 8px;
    padding: 0;
}
.tab-content[data-v-2fed4ce2] {
    padding: 0;
    margin: 0;
}

/* History Item Styles */
.history-item[data-v-2fed4ce2] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s ease;
}
.history-item[data-v-2fed4ce2]:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e1;
}
.history-header[data-v-2fed4ce2] {
    padding: 12px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.history-title[data-v-2fed4ce2] {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 4px 0;
    line-height: 1.4;
}
.history-meta[data-v-2fed4ce2] {
    display: flex;
    gap: 12px;
    align-items: center;
}
.history-date[data-v-2fed4ce2] {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}
.history-class[data-v-2fed4ce2] {
    font-size: 10px;
    background: #3b82f6;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.history-count[data-v-2fed4ce2] {
    font-size: 11px;
    color: #059669;
    font-weight: 500;
}
.history-preview[data-v-2fed4ce2] {
    padding: 12px 16px;
}
.preview-nodes[data-v-2fed4ce2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.preview-node[data-v-2fed4ce2] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    color: #475569;
}
.preview-node i[data-v-2fed4ce2] {
    font-size: 14px;
}
.preview-node-title[data-v-2fed4ce2] {
    font-weight: 500;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.preview-more[data-v-2fed4ce2] {
    font-size: 11px;
    color: #64748b;
    font-style: italic;
    padding: 4px 8px;
    background: #e2e8f0;
    border-radius: 4px;
}
.space-y-4[data-v-2fed4ce2]>*+* {
    margin-top: 1rem;
}

/* Chip Button Styles */
.chip-button[data-v-2fed4ce2] {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 9999px;
    border-width: 2px;
    transition: all 0.2s ease;
    min-height: 2rem;
}
.chip-button[data-v-2fed4ce2]:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transform: scale(1.05);
}
.chip-button[data-v-2fed4ce2]:active {
    transform: scale(0.95);
}
textarea[data-v-2fed4ce2] {
    font-family: inherit;
    font-size: 0.875rem;
}

/* Context HTML rendering */
.context-html[data-v-2fed4ce2] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 6px;
    padding: 8px 10px;
}
.context-pre[data-v-2fed4ce2] {
    margin: 0;
    white-space: pre-wrap; /* keep newlines while wrapping long lines */
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
    line-height: 1.4;
}

/* Context logs */
.context-logs[data-v-2fed4ce2] {
    border: 1px solid #e2e8f0;
    background: #0b1020; /* dark background for logs */
    color: #e5e7eb;
    border-radius: 6px;
    max-height: 240px;
    overflow: auto;
}
.log-line[data-v-2fed4ce2] {
    padding: 6px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.log-line[data-v-2fed4ce2]:last-child { border-bottom: none;
}
.log-pre[data-v-2fed4ce2] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 11px;
    line-height: 1.4;
}

/* Mode Selector Styles */
.mode-selector[data-v-2fed4ce2] {
    font-size: 0.75rem;
    margin: 2px;
}
.mode-selector .p-selectbutton .p-button[data-v-2fed4ce2] {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
}

/* Full Tab Suggestions Styles */
.fixed[data-v-2fed4ce2] {
    position: fixed;
}
.inset-0[data-v-2fed4ce2] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.z-50[data-v-2fed4ce2] {
    z-index: 50;
}

/* Idea panel container and close button positioning */
.idea-panel[data-v-2fed4ce2] {
    position: relative;
    /* establish containing block for absolute children */
}
.idea-close-btn[data-v-2fed4ce2] {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 100;
    /* above icons inside header */
}

/* Main toolbar container */
.dv-toolbar[data-v-3792b19a] {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  background: linear-gradient(135deg, var(--p-surface-50) 0%, var(--p-surface-0) 100%);
  border-top: 1px solid var(--p-surface-200);
  box-shadow: 
    0 -2px 8px rgba(0, 0, 0, 0.08),
    0 -1px 3px rgba(0, 0, 0, 0.06);
  padding: 4px 16px;
  min-height: initial;
  backdrop-filter: blur(8px);
  z-index: 1000;
  transition: all 0.3s ease;
}
.dv-toolbar[data-v-3792b19a]:hover {
  box-shadow: 
    0 -4px 12px rgba(0, 0, 0, 0.12),
    0 -2px 6px rgba(0, 0, 0, 0.08);
}

/* Dark mode support for toolbar */
.cs-dark .dv-toolbar[data-v-3792b19a] {
  background: linear-gradient(135deg, var(--p-surface-800) 0%, var(--p-surface-900) 100%);
  border-top-color: var(--p-surface-700);
  box-shadow: 
    0 -2px 8px rgba(0, 0, 0, 0.4),
    0 -1px 3px rgba(0, 0, 0, 0.3);
}
.cs-dark .dv-toolbar[data-v-3792b19a]:hover {
  box-shadow: 
    0 -4px 12px rgba(0, 0, 0, 0.5),
    0 -2px 6px rgba(0, 0, 0, 0.4);
}

/* Main toolbar layout */
.toolbar-content[data-v-3792b19a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

/* Toolbar sections */
.toolbar-section[data-v-3792b19a] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.toolbar-left[data-v-3792b19a] {
  flex: 0 0 auto;
}
.toolbar-center[data-v-3792b19a] {
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0; /* Allow shrinking */
}
.toolbar-right[data-v-3792b19a] {
  flex: 0 0 auto;
}

/* Icon buttons group */
.icon-buttons-group[data-v-3792b19a] {
  display: flex;
  gap: 6px;
  align-items: center;
}
.menu-button-container[data-v-3792b19a] {
  position: relative;
  display: inline-block;
}
.toolbar-icon-button[data-v-3792b19a] {
  width: 40px !important;
  height: 40px !important;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.toolbar-icon-button[data-v-3792b19a]:hover {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
  /* transform: translateY(-1px); */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.toolbar-icon-button[data-v-3792b19a]:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.cs-dark .toolbar-icon-button[data-v-3792b19a] {
  background-color: var(--p-surface-800);
  border-color: var(--p-surface-700);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.cs-dark .toolbar-icon-button[data-v-3792b19a]:hover {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

/* Vertical divider */
.toolbar-divider[data-v-3792b19a] {
  width: 1px;
  height: 32px;
  background: linear-gradient(to bottom, transparent, var(--p-surface-300), transparent);
  opacity: 0.6;
}
.cs-dark .toolbar-divider[data-v-3792b19a] {
  background: linear-gradient(to bottom, transparent, var(--p-surface-700), transparent);
}

/* Class types group */
.class-types-group[data-v-3792b19a] {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.class-type-button[data-v-3792b19a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 12px !important;
  border-radius: 8px;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
  min-height: 36px;
  position: relative;
  overflow: hidden;
}
.class-type-button[data-v-3792b19a]:hover {
  background-color: var(--p-surface-50);
  border-color: var(--p-surface-300);
  /* transform: translateY(-1px); */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.class-type-button.active[data-v-3792b19a] {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.cs-dark .class-type-button[data-v-3792b19a] {
  background-color: var(--p-surface-800);
  border-color: var(--p-surface-700);
}
.cs-dark .class-type-button[data-v-3792b19a]:hover {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.cs-dark .class-type-button.active[data-v-3792b19a] {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.class-icon[data-v-3792b19a] {
  font-size: 1.1rem;
  margin-right: 4px;
}
.class-button-actions[data-v-3792b19a] {
  display: flex;
  gap: 2px;
  margin-left: 4px;
}
.action-button[data-v-3792b19a] {
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 6px;
  font-size: 0.85rem;
  opacity: 0.7;
  transition: all 0.2s ease;
}
.action-button[data-v-3792b19a]:hover {
  opacity: 1;
  background-color: var(--p-surface-100);
}
.add-button[data-v-3792b19a]:hover {
  background-color: var(--p-success-50);
  color: var(--p-success-600);
}
.hide-button[data-v-3792b19a]:hover {
  background-color: var(--p-warn-50);
  color: var(--p-warn-600);
}
.cs-dark .action-button[data-v-3792b19a]:hover {
  background-color: var(--p-surface-700);
}
.cs-dark .add-button[data-v-3792b19a]:hover {
  background-color: var(--p-success-900);
  color: var(--p-success-300);
}
.cs-dark .hide-button[data-v-3792b19a]:hover {
  background-color: var(--p-warn-900);
  color: var(--p-warn-300);
}

/* Edge types group */
.edge-types-group[data-v-3792b19a] {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.edge-type-button[data-v-3792b19a] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px !important;
  border-radius: 20px;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
  font-size: 0.85rem;
}
.edge-type-button[data-v-3792b19a]:hover {
  background-color: var(--p-info-50);
  border-color: var(--p-info-200);
  /* transform: translateY(-1px); */
}
.edge-type-button.active[data-v-3792b19a] {
  background-color: var(--p-info-100);
  border-color: var(--p-info-300);
  color: var(--p-info-700);
}
.cs-dark .edge-type-button[data-v-3792b19a] {
  background-color: var(--p-surface-800);
  border-color: var(--p-surface-700);
}
.cs-dark .edge-type-button[data-v-3792b19a]:hover {
  background-color: var(--p-info-900);
  border-color: var(--p-info-700);
}
.cs-dark .edge-type-button.active[data-v-3792b19a] {
  background-color: var(--p-info-800);
  border-color: var(--p-info-600);
  color: var(--p-info-300);
}
.edge-icon[data-v-3792b19a] {
  font-size: 0.9rem;
}
.edge-label[data-v-3792b19a] {
  font-weight: 500;
  white-space: nowrap;
}

/* Timeline controls */
.timeline-controls[data-v-3792b19a] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 8px;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.timeline-toggle-button[data-v-3792b19a] {
  width: 36px !important;
  height: 36px !important;
  font-size: 1.1rem;
  border-radius: 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
}
.timeline-toggle-button[data-v-3792b19a]:hover {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
}
.timeline-toggle-button.active[data-v-3792b19a] {
  background-color: var(--p-primary-500);
  color: white;
  border-color: var(--p-primary-500);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cs-dark .timeline-controls[data-v-3792b19a] {
  background-color: var(--p-surface-800);
  border-color: var(--p-surface-700);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.cs-dark .timeline-toggle-button[data-v-3792b19a] {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
}
.cs-dark .timeline-toggle-button[data-v-3792b19a]:hover {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
}
.cs-dark .timeline-toggle-button.active[data-v-3792b19a] {
  background-color: var(--p-primary-500);
  color: white;
  border-color: var(--p-primary-500);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.timeline-range-container[data-v-3792b19a] {
  display: flex;
  align-items: center;
}
.timeline-preset-button[data-v-3792b19a] {
  width: 36px !important;
  height: 36px !important;
  font-size: 1.1rem;
  border-radius: 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
}
.timeline-preset-button[data-v-3792b19a]:hover {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
}
.timeline-preset-button.active[data-v-3792b19a] {
  background-color: var(--p-primary-500);
  color: white;
  border-color: var(--p-primary-500);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.cs-dark .timeline-preset-button[data-v-3792b19a] {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
}
.cs-dark .timeline-preset-button[data-v-3792b19a]:hover {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
}
.cs-dark .timeline-preset-button.active[data-v-3792b19a] {
  background-color: var(--p-primary-500);
  color: white;
  border-color: var(--p-primary-500);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.timeline-preset-panel[data-v-3792b19a] {
  width: 450px;
  max-width: 95vw;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-0);
}
.cs-dark .timeline-preset-panel[data-v-3792b19a] {
  border-color: var(--p-surface-700);
  background-color: var(--p-surface-800);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.timeline-preset-content[data-v-3792b19a] {
  padding: 1.5rem;
}
.preset-header[data-v-3792b19a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.preset-options[data-v-3792b19a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.preset-option[data-v-3792b19a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--p-surface-0);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}
.preset-option[data-v-3792b19a]:hover {
  background-color: var(--p-surface-50);
  border-color: var(--p-surface-300);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.preset-option.active[data-v-3792b19a] {
  background-color: var(--p-primary-50);
  border-color: var(--p-primary-200);
  color: var(--p-primary-700);
}
.cs-dark .preset-option[data-v-3792b19a] {
  background-color: var(--p-surface-800);
  border-color: var(--p-surface-700);
}
.cs-dark .preset-option[data-v-3792b19a]:hover {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.cs-dark .preset-option.active[data-v-3792b19a] {
  background-color: var(--p-primary-900);
  border-color: var(--p-primary-700);
  color: var(--p-primary-300);
}
.preset-icon[data-v-3792b19a] {
  font-size: 1.1rem;
  color: var(--p-primary-500);
}
.cs-dark .preset-icon[data-v-3792b19a] {
  color: var(--p-primary-400);
}
.preset-label[data-v-3792b19a] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-text-color);
  flex: 1;
}
.preset-check[data-v-3792b19a] {
  font-size: 0.875rem;
  color: var(--p-primary-500);
  margin-left: auto;
}
.cs-dark .preset-check[data-v-3792b19a] {
  color: var(--p-primary-400);
}
.timeline-filter-container[data-v-3792b19a] {
  display: flex;
  align-items: center;
}
.filter-toggle-wrapper[data-v-3792b19a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
  transition: all 0.2s ease;
}
.filter-toggle-wrapper[data-v-3792b19a]:hover {
  background-color: var(--p-surface-100);
  border-color: var(--p-surface-300);
}
.cs-dark .filter-toggle-wrapper[data-v-3792b19a] {
  background-color: var(--p-surface-700);
  border-color: var(--p-surface-600);
}
.cs-dark .filter-toggle-wrapper[data-v-3792b19a]:hover {
  background-color: var(--p-surface-600);
  border-color: var(--p-surface-500);
}
.filter-label[data-v-3792b19a] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-text-color);
  cursor: pointer;
  user-select: none;
}

/* Filter popover styles */
.filter-panel[data-v-3792b19a] {
  width: 450px;
  max-width: 95vw;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-0);
}
.cs-dark .filter-panel[data-v-3792b19a] {
  border-color: var(--p-surface-700);
  background-color: var(--p-surface-800);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.filter-content[data-v-3792b19a] {
  padding: 1.5rem;
}
.filter-header[data-v-3792b19a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.filter-title[data-v-3792b19a] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--p-text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.filter-actions[data-v-3792b19a] {
  display: flex;
  gap: 0.5rem;
}
.filter-content h3[data-v-3792b19a] {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--p-text-color);
}

/* Settings popover styles */
.settings-popover-content[data-v-3792b19a] {
  min-width: 350px;
  padding: 1.5rem;
  border-radius: 12px;
}
.settings-section[data-v-3792b19a] {
  margin-bottom: 1.5rem;
}
.settings-label[data-v-3792b19a] {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--p-text-color);
}

/* Responsive design */
.dv-toolbar.width-lt-1200 .timeline-filter-container[data-v-3792b19a] {
  display: none;
}
.dv-toolbar.width-lt-992 .timeline-filter-container[data-v-3792b19a] {
  display: none;
}
.dv-toolbar.width-lt-992 .timeline-label[data-v-3792b19a] {
  display: none;
}
.dv-toolbar.width-lt-992 .timeline-preset-button[data-v-3792b19a] {
  width: 36px !important;
  padding: 6px !important;
  gap: 0;
}
.dv-toolbar.width-lt-992 .timeline-controls[data-v-3792b19a] {
  gap: 8px;
  padding: 4px 6px;
}
.dv-toolbar.width-lt-992 .edge-label[data-v-3792b19a] {
  display: none;
}
.dv-toolbar.width-lt-992 .edge-type-button[data-v-3792b19a] {
  padding: 6px 8px !important;
}
.dv-toolbar.width-lt-992 .class-button-actions[data-v-3792b19a] {
  display: none;
}
.dv-toolbar.width-lt-992 .class-type-button[data-v-3792b19a] {
  padding: 6px !important;
  gap: 0;
}
.dv-toolbar.width-lt-992 .class-icon[data-v-3792b19a] {
  margin-right: 0;
}
.dv-toolbar.width-lt-768 .toolbar-content[data-v-3792b19a] {
  gap: 8px;
  overflow: hidden;
}
.dv-toolbar.width-lt-768 .toolbar-center[data-v-3792b19a] {
  overflow: hidden;
}
.dv-toolbar.width-lt-768 .class-types-group[data-v-3792b19a],
.dv-toolbar.width-lt-768 .edge-types-group[data-v-3792b19a] {
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.dv-toolbar.width-lt-768 .class-types-group[data-v-3792b19a]::-webkit-scrollbar,
.dv-toolbar.width-lt-768 .edge-types-group[data-v-3792b19a]::-webkit-scrollbar {
  display: none;
}
.dv-toolbar.width-lt-768 .timeline-preset-button[data-v-3792b19a] {
  display: none;
}

/* Animation for smooth transitions */
@keyframes slideIn-3792b19a {
from {
    opacity: 0;
    transform: translateY(-4px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.class-type-button[data-v-3792b19a],
.edge-type-button[data-v-3792b19a],
.toolbar-icon-button[data-v-3792b19a] {
  animation: slideIn-3792b19a 0.2s ease-out;
}

/* Focus styles for accessibility */
.toolbar-icon-button[data-v-3792b19a]:focus,
.class-type-button[data-v-3792b19a]:focus,
.edge-type-button[data-v-3792b19a]:focus,
.timeline-toggle-button[data-v-3792b19a]:focus {
  outline: 2px solid var(--p-primary-500);
  outline-offset: 2px;
}

.custom-splitter :deep(.p-splitter-gutter) {
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.toolbar-header {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg,
      rgba(249, 250, 251, 0.95) 0%,
      rgba(243, 244, 246, 0.95) 50%,
      rgba(249, 250, 251, 0.95) 100%);
  border-bottom: 1px solid var(--p-content-border-color, rgba(229, 231, 235, 0.6));
  z-index: 5;
}

/* Dark mode support for toolbar header */
.cs-dark .toolbar-header {
  background: var(--p-content-background);
  border-bottom: 1px solid var(--p-content-border-color);
}
.toolbar-header .header-button,
.toolbar-header .header-splitbutton {
  position: relative;
  z-index: 1;
}
.toolbar-header::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 30% 50%,
      rgba(99, 102, 241, 0.08) 0%,
      transparent 50%),
    radial-gradient(circle at 80% 20%,
      rgba(168, 85, 247, 0.06) 0%,
      transparent 50%),
    radial-gradient(circle at 60% 80%,
      rgba(59, 130, 246, 0.05) 0%,
      transparent 50%);
  animation: abstractFloat 20s ease-in-out infinite;
  pointer-events: none;
}

/* Dark mode adjustments for decorative background */
.cs-dark .toolbar-header::before {
  background: radial-gradient(circle at 30% 50%,
      rgba(99, 102, 241, 0.12) 0%,
      transparent 50%),
    radial-gradient(circle at 80% 20%,
      rgba(168, 85, 247, 0.08) 0%,
      transparent 50%),
    radial-gradient(circle at 60% 80%,
      rgba(59, 130, 246, 0.06) 0%,
      transparent 50%);
}
.toolbar-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
    repeating-linear-gradient(45deg,
      transparent,
      transparent 2px,
      rgba(99, 102, 241, 0.03) 2px,
      rgba(99, 102, 241, 0.03) 4px);
  opacity: 0.4;
  pointer-events: none;
}

/* Dark mode adjustments for pattern overlay */
.cs-dark .toolbar-header::after {
  background-image:
    repeating-linear-gradient(45deg,
      transparent,
      transparent 2px,
      rgba(99, 102, 241, 0.06) 2px,
      rgba(99, 102, 241, 0.06) 4px);
  opacity: 0.3;
}
@keyframes abstractFloat {
0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
}
33% {
    transform: translate(30px, -30px) rotate(120deg);
}
66% {
    transform: translate(-20px, 20px) rotate(240deg);
}
}
.dense-timeline {
  height: 150px;
}
.floating-indicators {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.dataview-debounce-indicator {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 9999 !important;
  pointer-events: none;
}
.vis-timeline {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
}
.timeline-area {
  padding: 0;
  margin: 0;
  border-style: none;
  height: 150px;
  width: 100%;
  z-index: 102;
  background-color: var(--p-surface-100);
  /* background-color: "red"; */
}

/* Dark mode for timeline area */
.cs-dark .timeline-area {
  background-color: var(--p-content-background);
}
.custom-splitter {
  overflow-x: hidden;
  border-radius: 0 !important;
}
.custom-splitter :deep(.p-splitter-gutter:hover) {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Dark mode for splitter gutter hover */
.cs-dark .custom-splitter :deep(.p-splitter-gutter:hover) {
  background-color: rgba(255, 255, 255, 0.05);
}
.custom-splitter :deep(.p-splitter-gutter::before) {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 60px;
  background-color: #f0f0f0;
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Dark mode for splitter gutter */
.cs-dark .custom-splitter :deep(.p-splitter-gutter::before) {
  background-color: var(--p-surface-700);
}
.custom-splitter :deep(.p-splitter-gutter:hover::before) {
  opacity: 1;
}
.custom-splitter :deep(.p-splitter-gutter::after) {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.custom-splitter :deep(.p-splitter-gutter) {
  border: 1px solid var(--p-content-border-color) !important;
}
.custom-splitter :deep(.p-splitter-gutter:hover::after) {
  opacity: 1;
}
.p-button.p-button-sm {
  width: 2rem;
  height: 2rem;
}
.selectable-list li {
  cursor: pointer;
  padding: 3px;

  margin-bottom: -1px;
  /* To prevent double borders */
}
.split-view {
  grid-area: split;
  overflow-y: auto;
  background-color: var(--accent-ground) !important;
  border-left-style: solid;
  border-left-width: thin;
  border-color: var(--p-content-border);
}
.preview-panel {
  background-color: var(--accent-ground) !important;
  min-width: 300px;
  /* Minimum width for the right panel */
  flex: 0 1 50%;
  /* Initial size of 30% but flexible */
}
.left-splitter-panel {
  z-index: 2;
  overflow: unset !important;
  min-width: 200px;
  /* Minimum width for the left panel */
  flex: 1 1 50%;
  /* Initial size of 70% but flexible */
}
.toggle-button-container {
  width: 20px;
  /* Adjust based on your button's full width */
  height: 100px;
  /* Full height of your button */
  overflow: hidden;

  top: calc(50% - 50px);

  position: absolute;
}

/* New hover effect for icons inside the toggle container */
.toggle-button-container:hover i {
  transform: scale(2);
  transition: transform 0.3s ease-in-out;
}
.half-button {
  width: 100px;
  /* Full width of your button */
  height: 100px;
  /* Full height of your button */
  border-radius: 50%;
  border: 2px solid lightblue;
  background: white;
  color: darkblue;
  font-weight: bold;
  font-size: 24px;
  cursor: pointer;
}
.split-right-button {
  margin-left: 4px;
  margin-top: 4px;
  width: 30px;
  transform: translateX(-20px);
  border-radius: 50% !important;
  position: absolute;
  top: 50%;
  left: 0;
}
.split-button-arrow {
  transform: translateX(6px);
}
.split-left-button {
  margin-right: 4px;
}
.query-input {
  width: 400px;
}
.filters {
  grid-area: filters;
}
.imports-content {
  width: 400px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--p-content-border-color) !important;
  height: 100%;
}
.tools {
  grid-area: tools;
  min-width: 450px;
  max-width: 450px;
  overflow-y: auto;
  border-right-color: var(--p-content-border-color);
  border-right-width: 1px;
  border-right-style: solid;
}
.filters-undefined {
  display: block !important;
}
.dv-area {
  grid-area: dv;
}
.toggle-panel-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);

  background-color: red;
}
.data-component {
  margin: 0;
}

/* Add bottom padding when toolbar is enabled to prevent overlap */
.left-splitter-panel:has(dv-toolbar) .h-full.flex.flex-column.relative {
  padding-bottom: 60px;
  /* Toolbar height (45px) + padding (10px) + margin (5px) */
}

/* Alternative approach using a CSS class for better browser compatibility */
.toolbar-container {
  padding-bottom: 60px;
}
.filters-top>.filters {
  display: flex;
  height: 300px;
  overflow-y: hidden;
  overflow-x: auto;
}
.filters-left>.filters {
  overflow-y: auto;
  overflow-x: hidden;
  width: 300px;
}
.filters-top {
  grid-template-rows: max-content;
  grid-template-areas:
    "filters"
    "tools dv";
}
.filters-bottom {
  grid-template-rows: max-content;
  grid-template-areas:
    "tools dv"
    "filters";
}
.data-body {
  grid-template-areas: "tools dv";
}
.accent {
  background-color: var(--highlight-bg) !important;
}
.filters-left {
  grid-template-columns: min-content;
  grid-template-areas: "tools dv" !important;
}
.filters-open {
  grid-template-columns: auto 1fr;
  grid-template-areas: "tools dv";
}
.filters-right {
  grid-template-columns: auto 1fr;
  grid-template-areas: "dv tools";
}
.form-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 5px;
}
.dataview-body {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  display: grid;
  height: 100%;
  min-height: calc(100vh - 140px);

  grid-template-areas: "tools dv";
  grid-template-columns: auto 1fr;
}
.dataview-body-split {
  grid-template-areas: "tools dv";
  grid-template-columns: auto 1fr;
}
.dataview-body-focus {
  grid-template-areas: "dv";
  grid-template-columns: 1fr;
}
.dataview-editor-mode {
  display: grid;

  height: 100%;
  overflow: hidden;
  grid-template-columns: 1fr 5px 1fr;
}
.p-divider-vertical {
  max-width: 3px;
  margin: 0px;
}
.select-view {
  cursor: pointer;
  margin: 6px;
  border: 0px;
  color: rgb(133, 133, 133);
  /* margin-left: 2rem !important; */
  font-size: 1.8rem;
}

.header-source-selector[data-v-04b9b315] {
  min-width: 180px;
  max-width: 250px;
}
.header-source-selector[data-v-04b9b315] .p-select-label {
  display: flex;
  align-items: center;
}
.ai-icon[data-v-04b9b315] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.config-group[data-v-04b9b315] {
  padding-left: 1em;
  /* padding-right: 1em; */
}
.split-border-left[data-v-04b9b315] {
  border-left: 1px solid var(--p-content-border-color);
}
.active-split-button[data-v-04b9b315] {
  color: white !important;
}
.active-split-button i[data-v-04b9b315],
.active-split-button span[data-v-04b9b315] {
  color: white !important;
}

/* AI dialog button - using primary color */
.dialog-button-purple[data-v-04b9b315] {
  background: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
  border-width: 1px !important;
  border-style: solid !important;
  color: var(--p-primary-color) !important;
}
.dialog-button-purple[data-v-04b9b315]:hover {
  background: var(--p-content-background) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color) !important;
  transform: translateY(-2px);
}
.dialog-button-purple:hover i[data-v-04b9b315] {
  transform: scale(1.1);
}
.dialog-button-purple[data-v-04b9b315]:active {
  transform: translateY(-1px);
}
.dialog-button-purple i[data-v-04b9b315] {
  transition: transform 0.3s ease;
}

.shortcut-item[data-v-36165806] {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--p-surface-200);
  cursor: pointer;
  transition: background-color 0.2s;
}
.shortcut-item[data-v-36165806]:hover {
  background-color: var(--p-surface-400);
}
.shortcut-icon[data-v-36165806] {
  margin-right: 2px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shortcut-title[data-v-36165806] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0; /* Ensures text truncation works properly */
  margin-right: 8px; /* Add some space between text and buttons */
  margin-left: 4px;
}
.shortcut-actions[data-v-36165806] {
  display: flex;
  gap: 4px;
  /* Always show buttons at full opacity */
  opacity: 1;
  /* Make sure the action buttons don't shrink */
  flex-shrink: 0;
}
.pin-btn[data-v-36165806], .remove-btn[data-v-36165806] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pin-btn[data-v-36165806] {
  display: flex;
  align-items: center; /* Centers the icon vertically */
  height: 100%; /* Takes full height of the parent */
}

.effect-mapper-overview[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--p-content-background);
}

/* Hero Section */
.hero-section[data-v-67d874b8] {
  /* Lighter primary color background - works in both light and dark mode */
  background: color-mix(in srgb, var(--p-primary-color) 15%, var(--p-surface-ground) 85%);
  padding: 4rem 2rem;
  color: var(--p-text-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  border-bottom: 1px solid var(--p-surface-border);
}

/* Fallback for browsers that don't support color-mix */
@supports not (background: color-mix(in srgb, red, blue)) {
.hero-section[data-v-67d874b8] {
    background: var(--p-surface-ground);
}
}
.hero-content[data-v-67d874b8] {
  position: relative;
  z-index: 1;
  max-width: 800px;
  width: 100%;
}
.hero-icon[data-v-67d874b8] {
  margin-bottom: 1.5rem;
}
.hero-icon i[data-v-67d874b8] {
  font-size: 4rem;
  color: var(--p-text-muted-color);
  opacity: 0.8;
}
.hero-title[data-v-67d874b8] {
  margin: 0 0 1rem 0;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--p-text-color);
}
.active-workspace-status {
&[data-v-67d874b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  color: var(--p-primary-color);
  margin-bottom: 1.5rem;
  padding: 0.5rem 1rem;
  background: color-mix(in srgb, var(--p-primary-color) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--p-primary-color) 30%, transparent);
  border-radius: 2rem;
  display: inline-flex;
  }
i[data-v-67d874b8] {
    font-size: 1.1rem;
}
}
.hero-description[data-v-67d874b8] {
  margin: 0 0 2rem 0;
  font-size: 1.2rem;
  color: var(--p-text-muted-color);
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.hero-actions[data-v-67d874b8] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}


/* Content Section */
.content-section[data-v-67d874b8] {
  padding: 3rem 2rem;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.section-header[data-v-67d874b8] {
  margin-bottom: 2rem;
}
.header-with-tabs[data-v-67d874b8] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
  gap: 1rem;
}
.workspace-tabs[data-v-67d874b8] {
  /* margin-top: 1rem; */
}
.workspace-tabs[data-v-67d874b8] .p-tabview-nav {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  border-bottom: 1px solid var(--p-surface-border);
}
.workspace-tabs[data-v-67d874b8] .p-tabview-nav-container {
  padding: 0;
}
.workspace-tabs[data-v-67d874b8] .p-tabview-nav-link {
  /* padding: 0.75rem 1.25rem; */
  border: none;
  background: transparent;
  color: var(--p-text-muted-color);
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
}
.workspace-tabs[data-v-67d874b8] .p-tabview-nav-link:hover {
  background: var(--p-surface-100);
  color: var(--p-text-color);
}
.cs-dark .workspace-tabs[data-v-67d874b8] .p-tabview-nav-link:hover {
  background: var(--p-surface-700);
}
.workspace-tabs[data-v-67d874b8] .p-highlight .p-tabview-nav-link {
  color: var(--p-primary-color);
  border-bottom-color: var(--p-primary-color);
  background: transparent;
}
.workspace-tabs[data-v-67d874b8] .p-disabled .p-tabview-nav-link {
  opacity: 0.5;
  cursor: not-allowed;
}
.workspace-tabs[data-v-67d874b8] .p-tabview-panel {
  /* padding: 1.5rem 0; */
}
.tab-header[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tab-header.disabled[data-v-67d874b8] {
  opacity: 0.5;
}
.tab-header i[data-v-67d874b8] {
  font-size: 1.1rem;
}
.add-server-button[data-v-67d874b8] {
  margin-left: auto;
  margin-top: 0.5rem;
}
.section-header h2[data-v-67d874b8] {
  margin: 0 0 0.5rem 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--p-text-color);
}
.section-description[data-v-67d874b8] {
  margin: 0;
  font-size: 1rem;
  color: var(--p-text-muted-color);
  line-height: 1.5;
}
.server-tab-disabled-hint[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: var(--p-surface-100);
  border-radius: 6px;
  color: var(--p-text-muted-color);
  font-size: 0.9rem;
}
.cs-dark .server-tab-disabled-hint[data-v-67d874b8] {
  background: var(--p-surface-700);
}
.server-tab-disabled-hint i[data-v-67d874b8] {
  font-size: 1.2rem;
  color: var(--p-primary-color);
}
.loading-state[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 4rem 2rem;
  min-height: 400px;
}
.loading-state p[data-v-67d874b8] {
  margin: 0;
  font-size: 1.1rem;
  color: var(--p-text-muted-color);
}
.empty-state[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 4rem 2rem;
  min-height: 400px;
  text-align: center;
}
.empty-state i[data-v-67d874b8] {
  font-size: 4rem;
  color: var(--p-text-muted-color);
  opacity: 0.5;
}
.empty-state h3[data-v-67d874b8] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--p-text-color);
}
.empty-state p[data-v-67d874b8] {
  margin: 0;
  font-size: 1rem;
  color: var(--p-text-muted-color);
}
.empty-state-tab[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 3rem 2rem;
  min-height: 300px;
  text-align: center;
  border: 2px dashed transparent;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
}
.empty-state-tab.drop-zone-active[data-v-67d874b8] {
  border-color: var(--p-primary-color);
  background: color-mix(in srgb, var(--p-primary-color) 5%, var(--p-surface-ground) 95%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.empty-state-tab i[data-v-67d874b8] {
  font-size: 3rem;
  color: var(--p-text-muted-color);
  opacity: 0.5;
}
.empty-state-tab h3[data-v-67d874b8] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--p-text-color);
}
.empty-state-tab p[data-v-67d874b8] {
  margin: 0;
  font-size: 0.95rem;
  color: var(--p-text-muted-color);
}

/* Drag and drop hint */
.drag-and-drop-hint[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--p-surface-100);
  border: 1px dashed var(--p-primary-color);
  border-radius: 6px;
  font-size: 0.9rem;
  color: var(--p-primary-color);
  font-weight: 500;
}
.cs-dark .drag-and-drop-hint[data-v-67d874b8] {
  background: var(--p-surface-700);
}
.drag-and-drop-hint i[data-v-67d874b8] {
  font-size: 1rem;
}

/* Gallery layout - Professional cards with visible borders */
.snapshots-gallery[data-v-67d874b8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.5rem;
  /* padding: 1rem; */
  border: 2px dashed transparent;
  border-radius: 8px;
  transition: all 0.3s ease;
  min-height: 200px;
  position: relative;
}
.snapshots-gallery.drop-zone-active[data-v-67d874b8] {
  border-color: var(--p-primary-color);
  background: color-mix(in srgb, var(--p-primary-color) 5%, var(--p-surface-ground) 95%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

/* Gallery drag and drop hint */
.gallery-drag-hint[data-v-67d874b8] {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: var(--p-surface-100);
  border: 1px dashed var(--p-primary-color);
  border-radius: 6px;
  font-size: 0.9rem;
  color: var(--p-primary-color);
  font-weight: 500;
}
.cs-dark .gallery-drag-hint[data-v-67d874b8] {
  background: var(--p-surface-700);
}
.gallery-drag-hint i[data-v-67d874b8] {
  font-size: 1rem;
}

/* Drop overlay */
.drop-overlay[data-v-67d874b8] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}
.drop-message[data-v-67d874b8] {
  text-align: center;
  padding: 3rem 2rem;
  max-width: 400px;
  pointer-events: auto;
}
.drop-message i[data-v-67d874b8] {
  font-size: 4rem;
  color: var(--p-primary-color);
  margin-bottom: 1.5rem;
  display: block;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.drop-message h3[data-v-67d874b8] {
  margin: 0 0 0.75rem 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  letter-spacing: -0.01em;
}
.drop-message p[data-v-67d874b8] {
  margin: 0;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
.snapshot-card[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  background: var(--p-surface-card);
  border: 2px solid var(--p-content-border-color);
  border-radius: 8px;
  padding: 1.25rem;
  transition: none;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  cursor: default;
}
.cs-dark .snapshot-card[data-v-67d874b8] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.snapshot-card.active[data-v-67d874b8] {
  border-color: var(--p-primary-color);
  border-width: 2px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), 0 0 0 3px rgba(0, 0, 0, 0.05);
  background: var(--p-surface-card);
}
.cs-dark .snapshot-card.active[data-v-67d874b8] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.05);
}

/* Card header */
.card-header[data-v-67d874b8] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  position: relative;
  gap: 0.5rem;
  flex-wrap: wrap;
  pointer-events: auto;
}
.card-header[data-v-67d874b8] * {
  pointer-events: auto;
}
.card-header[data-v-67d874b8] > *:first-child {
  flex: 1;
  min-width: 0;
}
.active-badge[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.6rem;
  background: var(--p-primary-color);
  color: white;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.active-badge i[data-v-67d874b8] {
  font-size: 0.85rem;
}
.server-badge[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.6rem;
  background: var(--p-surface-200);
  color: var(--p-text-color);
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  max-width: calc(100% - 2rem);
}
.cs-dark .server-badge[data-v-67d874b8] {
  background: var(--p-surface-600);
}
.server-badge i[data-v-67d874b8] {
  font-size: 0.8rem;
  color: var(--p-primary-color);
}
.server-badge span[data-v-67d874b8] {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.snapshot-card.server-workspace[data-v-67d874b8] {
  border-color: var(--p-content-border-color);
  border-width: 2px;
  cursor: default;
}
.snapshot-card.server-workspace.active[data-v-67d874b8] {
  border-color: var(--p-primary-color);
  border-width: 2px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15), 0 0 0 3px rgba(0, 0, 0, 0.05);
}
.cs-dark .snapshot-card.server-workspace.active[data-v-67d874b8] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.05);
}

/* Card icon */
.card-icon[data-v-67d874b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  background: linear-gradient(135deg, var(--p-surface-100) 0%, var(--p-surface-50) 100%);
  border: 1px solid var(--p-content-border-color);
  border-radius: 6px;
  margin-bottom: 1rem;
  color: var(--p-text-muted-color);
}
.cs-dark .card-icon[data-v-67d874b8] {
  background: linear-gradient(135deg, var(--p-surface-700) 0%, var(--p-surface-600) 100%);
}
.card-icon i[data-v-67d874b8] {
  font-size: 2.25rem;
  opacity: 0.7;
}

/* Card content */
.card-content[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  pointer-events: none;
}
.snapshot-name[data-v-67d874b8] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--p-text-color);
  word-break: break-word;
  line-height: 1.3;
}
.snapshot-description[data-v-67d874b8] {
  margin: 0.4rem 0 0 0;
  font-size: 0.85rem;
  color: var(--p-text-muted-color);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.snapshot-meta[data-v-67d874b8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.meta-item[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: var(--p-text-muted-color);
}
.meta-item-right[data-v-67d874b8] {
  margin-left: auto;
}
.meta-item i[data-v-67d874b8] {
  font-size: 0.9rem;
  opacity: 0.7;
}

/* Card actions - must have pointer-events to allow clicking */
.card-actions[data-v-67d874b8] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--p-content-border-color);
  position: relative;
  z-index: 10;
  pointer-events: auto !important;
}
.card-actions[data-v-67d874b8] * {
  pointer-events: auto !important;
}
.card-actions .p-button[data-v-67d874b8] {
  width: 100%;
  justify-content: center;
  position: relative;
  z-index: 11;
  cursor: pointer;
}

/* Dialog styles */
.dialog-content[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 0;
}
.connection-progress[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem 0;
}
.connection-progress p[data-v-67d874b8] {
  margin: 0;
  text-align: center;
  color: var(--p-text-color);
  font-size: 0.95rem;
}
.form-group[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-group label[data-v-67d874b8] {
  font-weight: 500;
  color: var(--p-text-color);
}
.form-group .required[data-v-67d874b8] {
  color: var(--p-red-500);
}
.form-hint[data-v-67d874b8] {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.85rem;
  color: var(--p-text-muted-color);
  font-style: italic;
}
.clone-options[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.radio-group[data-v-67d874b8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.radio-group label[data-v-67d874b8] {
  margin: 0;
  font-weight: 400;
  cursor: pointer;
}
.confirm-content[data-v-67d874b8] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0;
}
.warning-icon[data-v-67d874b8] {
  font-size: 2rem;
  color: var(--p-primary-color);
}
.confirm-content p[data-v-67d874b8] {
  margin: 0;
  color: var(--p-text-color);
}
.confirm-content p.note[data-v-67d874b8] {
  font-size: 0.9rem;
  color: var(--p-text-muted-color);
}

.new-form[data-v-90aafd2c] {
  width: 100%;
  height: 100%;
  display: unset !important;
}

.new-element-card {
  width: 90vw;
  height: 90vh;
  padding: 0;
  margin: 0;
  overflow-y: auto !important;
  display: flex;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer !important;
  overflow: hidden;
  border: 1px solid var(--p-content-border-color);
  background-color: var(--p-content-background);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.dashboard-widget-card[data-v-de17fbb3] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dashboard-widget-card[data-v-de17fbb3] .p-card-body {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dashboard-widget-card[data-v-de17fbb3] .p-card-content {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.widget-loading[data-v-de17fbb3],
.widget-error[data-v-de17fbb3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 32px;
  height: 100%;
}
.widget-loading[data-v-de17fbb3] {
  color: var(--p-text-muted-color);
}
.widget-loading i[data-v-de17fbb3] {
  font-size: 32px;
  color: var(--p-primary-color);
}
.widget-error[data-v-de17fbb3] {
  color: var(--p-red-500);
}
.widget-error i[data-v-de17fbb3] {
  font-size: 32px;
}

/* ========== CSS Variables for Dashboard Masonry ========== */
[data-v-d1c87d71]:root {
  /* Inherit from design tokens */
  --card-padding: var(--spacing-md, 1rem);
  --card-section-gap: var(--spacing-md, 1rem);
  --grid-row-height: var(--grid-row-height, 20px);
  --grid-gap: var(--grid-gap, 16px);
}

/* Main dashboard container */
.dashboard-container[data-v-d1c87d71] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  gap: var(--spacing-lg, 1.5rem);
  background-color: var(--p-surface-50);
}

/* Dashboard controls */
.dashboard-controls[data-v-d1c87d71] {
  display: flex;
  gap: 0.5rem;
  padding: var(--spacing-md, 1rem);
  background-color: var(--p-surface-0);
  border-radius: var(--radius-md, 0.5rem);
  border: 1px solid var(--border-color);
  flex-wrap: wrap;
  box-shadow: var(--shadow-sm);
}

/* Dashboard grid container - base styles */
.dashboard-grid[data-v-d1c87d71] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--spacing-lg, 24px);
  background-color: var(--p-surface-0);
}

/* Grid Masonry Layout (default) */
.dashboard-grid.masonry-layout-grid[data-v-d1c87d71] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-auto-rows: var(--grid-row-height);
  gap: var(--spacing-lg, 24px);
  align-items: start;
  align-content: start;
}
.masonry-layout-grid .card-wrapper[data-v-d1c87d71] {
  grid-row-end: span var(--grid-row-span, 8);
  grid-column: span var(--grid-column-span, 1);
  transition: var(--grid-transition);
  width: 100%;
}

/* Columns Layout (waterfall) */
.dashboard-grid.masonry-layout-columns[data-v-d1c87d71] {
  column-count: auto;
  column-width: 280px;
  column-gap: var(--spacing-lg, 24px);
}
.masonry-layout-columns .card-wrapper[data-v-d1c87d71] {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: var(--grid-gap);
  display: inline-block;
  width: 100%;
}

/* List Layout (single column) */
.dashboard-grid.masonry-layout-list[data-v-d1c87d71] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 24px);
  max-width: 800px;
  margin: 0 auto;
}
.masonry-layout-list .card-wrapper[data-v-d1c87d71] {
  width: 100%;
}

/* Card wrapper - base styles with improved transitions */
.card-wrapper[data-v-d1c87d71] {
  position: relative;
  min-width: 250px;
  height: auto;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  /* Visual frame moved to wrapper so it applies to all card types */
  border: 1px solid #b6c2cf; /* darker for better visibility */
  border-radius: var(--radius-md);
  background-color: var(--bg-card);
  box-shadow: var(--shadow-sm);
  overflow: hidden; /* preserve rounded corners */
  display: flex; /* normalize content alignment */
}

/* Widget size variants with visual hierarchy (enforce exact heights) */
.card-wrapper[data-widget-size="small"][data-v-d1c87d71] {
  height: 150px;   /* 1x (scaled up further for readability) */
}
.card-wrapper[data-widget-size="medium"][data-v-d1c87d71] {
  height: 300px;  /* 2x small */
}
.card-wrapper[data-widget-size="large"][data-v-d1c87d71] {
  height: 600px;  /* 2x medium */
  grid-column: span 2;
}
.card-wrapper[data-widget-size="xlarge"][data-v-d1c87d71] {
  height: 1200px;  /* 2x large */
  grid-column: span 3;
}

/* Widget cards styling */
.card-wrapper.widget-card[data-v-d1c87d71] {
  min-width: 300px;
}

/* Element card styles - improved hierarchy and spacing */
.element-card[data-v-d1c87d71] {
  height: 100%;
  min-height: inherit;
  padding: var(--card-padding);
  display: flex;
  flex-direction: column;
  gap: var(--card-section-gap);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer !important;
}

/* dark-mode specific adjustments are inherited via tokens */

/* Reach into child components to ensure content fills and scrolls within fixed heights */
[data-v-d1c87d71] .p-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
[data-v-d1c87d71] .p-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
[data-v-d1c87d71] .p-card-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0; /* allow internal scroll areas to size correctly */
  overflow: auto; /* scroll list content instead of growing card height */
  padding: var(--spacing-md);
}

/* Small KPI cards: center content vertically for visual balance */
.card-wrapper[data-widget-size="small"] .element-card[data-v-d1c87d71],
.card-wrapper[data-widget-size="small"][data-v-d1c87d71] .p-card-content {
  justify-content: center;
}

/* Card sections with improved visual separation */
.element-card-header[data-v-d1c87d71] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--border-color);
}
.element-card-title[data-v-d1c87d71] {
  font-size: var(--card-title-size);
  font-weight: var(--card-title-weight);
  line-height: var(--card-title-line-height);
  color: var(--text-primary);
  margin: 0;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.element-card-subtitle[data-v-d1c87d71] {
  font-size: var(--card-subtitle-size);
  font-weight: var(--card-subtitle-weight);
  line-height: var(--card-subtitle-line-height);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.element-card-value[data-v-d1c87d71] {
  font-size: var(--card-value-size);
  font-weight: var(--card-value-weight);
  line-height: var(--card-value-line-height);
  color: var(--text-primary);
  margin: 0;
}
.element-card-content[data-v-d1c87d71] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--card-content-gap);
  overflow-y: auto;
}
.element-card-footer[data-v-d1c87d71] {
  display: flex;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-color);
  flex-wrap: wrap;
}

/* Typography utilities for card content */
.element-card h3[data-v-d1c87d71] {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  margin: 0;
  color: var(--text-primary);
  text-align: left;
}
.element-card p[data-v-d1c87d71] {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  margin: 0;
  color: var(--text-secondary);
  text-align: left;
}
.element-card[data-v-d1c87d71]:hover {
  background-color: rgba(0, 0, 0, 0.02);  /* Subtle background highlight on hover */
}
.cs-dark .element-card[data-v-d1c87d71]:hover {
  background-color: rgba(255, 255, 255, 0.04);  /* Subtle highlight for dark mode */
}
.element-card[data-v-d1c87d71]:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

/* Active card styling with enhanced visual feedback */
.active-card .element-card[data-v-d1c87d71] {
  background-color: var(--bg-active);
  border-color: var(--p-primary-color);
  box-shadow: 0 0 0 2px var(--p-primary-color);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
.dashboard-grid.masonry-layout-grid[data-v-d1c87d71] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.card-wrapper[data-widget-size="large"][data-v-d1c87d71],
  .card-wrapper[data-widget-size="xlarge"][data-v-d1c87d71] {
    grid-column: span 1;
}
}
@media (max-width: 768px) {
.dashboard-container[data-v-d1c87d71] {
    gap: var(--spacing-md);
}
.dashboard-controls[data-v-d1c87d71] {
    padding: var(--spacing-sm);
}
.dashboard-grid[data-v-d1c87d71] {
    padding: var(--spacing-sm);
}
.dashboard-grid.masonry-layout-grid[data-v-d1c87d71] {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
}
.dashboard-grid.masonry-layout-columns[data-v-d1c87d71] {
    column-count: 1;
    column-gap: var(--spacing-md);
}
.card-wrapper[data-v-d1c87d71] {
    grid-column: span 1 !important;
    min-width: 100%;
}
.element-card[data-v-d1c87d71] {
    padding: var(--spacing-md);
}
}

/* Dark mode support */
.cs-dark .dashboard-container[data-v-d1c87d71] {
  background-color: var(--p-surface-900);
}
.cs-dark .dashboard-grid[data-v-d1c87d71],
.cs-dark .dashboard-controls[data-v-d1c87d71] {
  background-color: var(--p-surface-800);
}

/* Slightly darker border in dark mode for clarity */
.cs-dark .card-wrapper[data-v-d1c87d71] {
  border-color: #334155; /* slate-800 for stronger contrast */
}
.cs-dark .element-card[data-v-d1c87d71] {
  background-color: var(--bg-card);
  border-color: var(--border-color);
}
.cs-dark .element-card-header[data-v-d1c87d71],
.cs-dark .element-card-footer[data-v-d1c87d71] {
  border-color: var(--border-color);
}

/* Scrollbar styling */
.dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar {
  width: 8px;
}
.dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar-track {
  background: var(--p-surface-100);
  border-radius: var(--radius-md);
}
.dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar-thumb {
  background: var(--p-surface-400);
  border-radius: var(--radius-md);
}
.dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar-thumb:hover {
  background: var(--p-surface-500);
}
.cs-dark .dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar-track {
  background: var(--p-surface-900);
}
.cs-dark .dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar-thumb {
  background: var(--p-surface-600);
}
.cs-dark .dashboard-grid[data-v-d1c87d71]::-webkit-scrollbar-thumb:hover {
  background: var(--p-surface-500);
}
.sx__calendar-wrapper ul,
.sx__date-picker-wrapper ul,
.sx__date-picker-popup ul {
  list-style: none;
  padding: 0;
}
.sx__calendar-wrapper input,
.sx__calendar-wrapper button,
.sx__date-picker-wrapper input,
.sx__date-picker-wrapper button,
.sx__date-picker-popup input,
.sx__date-picker-popup button {
  font-family: inherit;
  outline: none;
}
.sx__calendar-wrapper button,
.sx__date-picker-wrapper button,
.sx__date-picker-popup button {
  background-color: inherit;
  outline: 0;
  border: none;
  cursor: pointer;
}

:root {
  --sx-color-primary: #6750a4;
  --sx-color-on-primary: #fff;
  --sx-color-primary-container: #eaddff;
  --sx-color-on-primary-container: #21005e;
  --sx-color-secondary: #625b71;
  --sx-color-on-secondary: #fff;
  --sx-color-secondary-container: #e8def8;
  --sx-color-on-secondary-container: #1e192b;
  --sx-color-tertiary: #7d5260;
  --sx-color-on-tertiary: #fff;
  --sx-color-tertiary-container: #ffd8e4;
  --sx-color-on-tertiary-container: #370b1e;
  --sx-color-surface: #fef7ff;
  --sx-color-surface-dim: #ded8e1;
  --sx-color-surface-bright: #fef7ff;
  --sx-color-on-surface: #1c1b1f;
  --sx-color-surface-container: #f3edf7;
  --sx-color-surface-container-low: #f7f2fa;
  --sx-color-surface-container-high: #ece6f0;
  --sx-color-background: #fff;
  --sx-color-on-background: #1c1b1f;
  --sx-color-outline: #79747e;
  --sx-color-outline-variant: #c4c7c5;
  --sx-color-shadow: #000;
  --sx-color-surface-tint: #6750a4;
  --sx-color-neutral: var(--sx-color-outline);
  --sx-color-neutral-variant: var(--sx-color-outline-variant);
  --sx-internal-color-gray-ripple-background: #e0e0e0;
  --sx-internal-color-light-gray: #fafafa;
  --sx-internal-color-text: #000;
}

.is-dark {
  --sx-color-primary: #d0bcff;
  --sx-color-on-primary: #371e73;
  --sx-color-primary-container: #4f378b;
  --sx-color-on-primary-container: #eaddff;
  --sx-color-secondary: #ccc2dc;
  --sx-color-on-secondary: #332d41;
  --sx-color-secondary-container: #4a4458;
  --sx-color-on-secondary-container: #e8def8;
  --sx-color-tertiary: #efb8c8;
  --sx-color-on-tertiary: #492532;
  --sx-color-tertiary-container: #633b48;
  --sx-color-on-tertiary-container: #ffd8e4;
  --sx-color-surface: #141218;
  --sx-color-surface-dim: #141218;
  --sx-color-surface-bright: #3b383e;
  --sx-color-on-surface: #e6e1e5;
  --sx-color-surface-container: #211f26;
  --sx-color-surface-container-low: #1d1b20;
  --sx-color-surface-container-high: #2b2930;
  --sx-color-background: #141218;
  --sx-color-on-background: #e6e1e5;
  --sx-color-outline: #938f99;
  --sx-color-outline-variant: #444746;
  --sx-color-shadow: #000;
  --sx-color-surface-tint: #d0bcff;
  --sx-internal-color-text: #fff;
}

:root {
  --sx-spacing-padding1: 4px;
  --sx-spacing-padding2: 8px;
  --sx-spacing-padding3: 12px;
  --sx-spacing-padding4: 16px;
  --sx-spacing-padding6: 24px;
  --sx-spacing-modal-padding: 16px;
}

:root {
  --sx-box-shadow-level3: 0 3px 6px 0 rgb(0 0 0 / 16%),
    0 3px 6px 0 rgb(0 0 0 / 23%);
  --sx-rounding-extra-small: 4px;
  --sx-rounding-small: 8px;
  --sx-rounding-extra-large: 28px;
  --sx-border: 1px solid var(--sx-color-outline-variant);
}

.is-dark {
  --sx-border: 1px solid var(--sx-color-outline-variant);
}

:root {
  --sx-font-small: 0.875rem;
  --sx-font-extra-small: 0.75rem;
  --sx-font-large: 1.125rem;
  --sx-font-extra-large: 1.25rem;
}

@keyframes sx-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0.16;
  }
  40% {
    width: 100px;
    height: 100px;
    opacity: 0.08;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}
.sx__ripple {
  position: relative;
  overflow: hidden;
}
.sx__ripple::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentcolor;
  opacity: 0.1;
  visibility: hidden;
  z-index: 2;
}
.sx__ripple:active::before {
  visibility: visible;
}
.sx__ripple:not(:active)::before {
  animation: sx-ripple 0.75s cubic-bezier(0, 0.1, 0.8, 1);
  transition: visibility 0.75s step-end;
}

@keyframes sx-ripple-wide {
  0% {
    width: 0;
    height: 0;
    opacity: 0.16;
  }
  40% {
    width: 300px;
    height: 100px;
    opacity: 0.08;
  }
  100% {
    width: 450px;
    height: 150px;
    opacity: 0;
  }
}
.sx__ripple--wide {
  position: relative;
  overflow: hidden;
}
.sx__ripple--wide::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentcolor;
  opacity: 0.1;
  visibility: hidden;
  z-index: 2;
}
.sx__ripple--wide:active::before {
  visibility: visible;
}
.sx__ripple--wide::before {
  border-radius: var(--sx-rounding-small);
}
.sx__ripple--wide:not(:active)::before {
  animation: sx-ripple-wide 0.75s cubic-bezier(0, 0.1, 0.8, 1);
  transition: visibility 0.75s step-end;
}

.sx__chevron-wrapper {
  position: relative;
  border-radius: 50%;
  min-height: 48px;
  min-width: 48px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  font-size: 0;
}
.sx__chevron-wrapper:active {
  background-color: var(--sx-internal-color-gray-ripple-background);
}
.sx__chevron-wrapper:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.sx__chevron-wrapper:hover, .sx__chevron-wrapper:focus {
  background-color: var(--sx-color-surface-dim);
}
.is-dark .sx__chevron-wrapper:hover, .is-dark .sx__chevron-wrapper:focus {
  background-color: var(--sx-color-surface-container-high);
}
.sx__chevron-wrapper .sx__chevron {
  position: absolute;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-width: 0.2rem 0.2rem 0 0;
  border-style: solid;
  border-color: var(--sx-internal-color-text);
}

.sx__chevron--previous {
  left: calc(50% + 0.125rem);
  transform: translate(-50%, -50%) rotate(225deg);
}
[dir=rtl] .sx__chevron--previous {
  left: calc(50% - 0.125rem);
  transform: translate(-50%, -50%) rotate(45deg);
}

.sx__chevron--next {
  left: calc(50% - 0.125rem);
  transform: translate(-50%, -50%) rotate(45deg);
}
[dir=rtl] .sx__chevron--next {
  left: calc(50% + 0.125rem);
  transform: translate(-50%, -50%) rotate(225deg);
}

.sx__date-picker-wrapper {
  position: relative;
  color: var(--sx-color-on-background);
  width: fit-content;
}
.sx__date-picker-wrapper.has-full-width {
  width: 100%;
}
.sx__date-picker-wrapper.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sx__date-picker-wrapper * {
  color: var(--sx-color-on-background);
  box-sizing: border-box;
}

.sx__date-input-wrapper {
  position: relative;
}

.sx__date-input-chevron-wrapper {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0;
  transition: transform 0.2s ease-in-out;
}
.sx__date-input-chevron-wrapper:focus {
  border: 2px solid var(--sx-color-primary);
}
.is-disabled .sx__date-input-chevron-wrapper {
  pointer-events: none;
  cursor: not-allowed;
}
.sx__date-input--active .sx__date-input-chevron-wrapper {
  transform: translateY(-50%) rotate(180deg);
}
[dir=rtl] .sx__date-input-chevron-wrapper {
  left: 1rem;
  right: auto;
}

.sx__date-input-chevron {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  filter: brightness(0.7);
}

.sx__date-input {
  font-size: 1rem;
  padding: var(--sx-spacing-padding4);
  border: var(--sx-border);
  border-radius: var(--sx-rounding-extra-small);
  cursor: pointer;
  background-color: var(--sx-color-background);
  width: 100%;
}
.is-disabled .sx__date-input {
  pointer-events: none;
}
.sx__date-input--active .sx__date-input {
  border-color: var(--sx-color-primary);
  outline: 1px solid var(--sx-color-primary);
}

.sx__date-input-label {
  position: absolute;
  top: 0;
  inset-inline-start: 12px;
  padding: 0 var(--sx-spacing-padding1);
  background-color: var(--sx-color-background);
  font-size: 0.75rem;
  color: var(--sx-color-neutral);
  line-height: 1rem;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}
.sx__date-input--active .sx__date-input-label {
  color: var(--sx-color-primary);
}
.is-dark .sx__date-input-label {
  display: none;
}

.sx__date-picker-popup {
  position: absolute;
  height: fit-content;
  z-index: 1;
  top: calc(100% + 1px);
  width: 20.75rem;
  max-width: 500px;
  max-height: 400px;
  overflow: scroll;
  box-shadow: var(--sx-box-shadow-level3);
  padding: var(--sx-spacing-modal-padding);
  background-color: var(--sx-color-background);
  color: var(--sx-internal-color-text);
}
.sx__date-picker-popup.is-dark {
  background-color: var(--sx-color-surface-container-high);
}
.sx__date-picker-popup.bottom-end {
  left: auto;
  right: 0;
  transform: translateX(0);
}
.sx__date-picker-popup.bottom-end[dir=rtl] {
  right: auto;
  left: 0;
  transform: translateX(0);
}
.sx__date-picker-popup.bottom-start {
  left: 0;
  right: auto;
  transform: translateX(0);
}
.sx__date-picker-popup.bottom-start[dir=rtl] {
  left: auto;
  right: 0;
  transform: translateX(0);
}
.sx__date-picker-popup.top-start {
  inset: auto auto calc(100% + 1rem) 0;
  transform: translateX(0);
}
.sx__date-picker-popup.top-end {
  inset: auto 0 calc(100% + 1rem) auto;
  transform: translateX(0);
}

.sx__date-picker__years-view {
  margin: 0;
}

.sx__date-picker__years-accordion__expand-button {
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  font-size: 1rem;
  padding: 1em;
  transition: background-color 0.2s ease-in-out;
  color: var(--sx-internal-color-text);
}
.sx__is-expanded .sx__date-picker__years-accordion__expand-button {
  background-color: var(--sx-color-surface-container);
}
.sx__date-picker__years-accordion__expand-button:hover {
  background-color: var(--sx-color-surface-dim);
}
.sx__date-picker__years-accordion__expand-button:active {
  background-color: var(--sx-internal-color-gray-ripple-background);
}

.sx__date-picker__years-view-accordion__panel {
  display: flex;
  flex-wrap: wrap;
}

.sx__date-picker__years-view-accordion__month {
  flex: 1 0 33.3333%;
  background-color: transparent;
  border: 0;
  font-size: 0.9rem;
  padding: 0.5em 0;
  border-radius: 25px;
  color: var(--sx-internal-color-text);
}
.sx__date-picker__years-view-accordion__month:hover {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

.sx__date-picker__day-names {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 0.5em;
}
.sx__date-picker__day-names .sx__date-picker__day,
.sx__date-picker__day-names .sx__date-picker__day-name {
  flex: 1;
  text-align: center;
}

.sx__date-picker__day-name {
  font-weight: 700;
  color: var(--sx-color-neutral-variant);
}

.sx__date-picker__month-view-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}
.sx__date-picker__month-view-header .sx__chevron-wrapper:hover {
  background-color: var(--sx-color-surface-dim);
}

.sx__date-picker__month-view-header__month-year {
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--sx-internal-color-text);
}
.sx__date-picker__month-view-header__month-year:hover {
  color: var(--sx-color-primary);
  text-decoration: underline;
}

.sx__date-picker__week {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 0.5em;
}
.sx__date-picker__week .sx__date-picker__day,
.sx__date-picker__week .sx__date-picker__day-name {
  flex: 1;
  text-align: center;
}

.sx__date-picker__day {
  background-color: transparent;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--sx-internal-color-text);
}
.sx__date-picker__day:hover {
  background-color: var(--sx-color-surface-dim);
}
.sx__date-picker__day:focus {
  outline-offset: -2px;
  outline: 2px solid var(--sx-color-primary);
}
.sx__date-picker__day:disabled {
  color: var(--sx-color-neutral-variant);
  cursor: not-allowed;
}
.sx__date-picker__day.is-leading-or-trailing {
  color: var(--sx-color-neutral-variant);
}
.sx__date-picker__day.sx__date-picker__day--selected {
  background-color: var(--sx-color-primary-container);
  color: var(--sx-color-on-primary-container);
}
.sx__date-picker__day.sx__date-picker__day--today {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

:root {
  --sx-calendar-header-input-font-size: clamp(12px, 0.875rem, 28px);
  --sx-calendar-header-popup-z-index: 3;
  --sx-calendar-week-grid-padding-left: 75px;
}
:root .sx__date-picker-popup.is-teleported {
  z-index: 3;
}

.sx__calendar-wrapper {
  height: 100%;
  display: flex;
  color: var(--sx-internal-color-text);
}
.sx__calendar-wrapper * {
  box-sizing: border-box;
}

.sx__calendar {
  position: relative;
  flex: 1;
  height: 100%;
  border: var(--sx-border);
  border-radius: var(--sx-rounding-small);
  display: flex;
  flex-flow: column;
  background-color: var(--sx-color-background);
  overflow: hidden;
}

.sx__view-container {
  position: relative;
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.sx__slide-left {
  animation: sx-slide-left 0.3s ease-out;
}

@keyframes sx-slide-left {
  0% {
    transform: translateX(8%);
    filter: blur(0.25rem);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0);
    filter: blur(0);
    opacity: 1;
  }
}
.sx__slide-right {
  animation: sx-slide-right 0.3s ease-out;
}

@keyframes sx-slide-right {
  0% {
    transform: translateX(-8%);
    filter: blur(0.25rem);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0);
    filter: blur(0);
    opacity: 1;
  }
}
.sx__calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--sx-spacing-padding4);
  gap: var(--sx-spacing-padding4);
  flex-wrap: wrap;
}
.sx__calendar-header .sx__date-input {
  padding: var(--sx-spacing-padding3) var(--sx-spacing-padding4);
  font-size: var(--sx-calendar-header-input-font-size);
}
.sx__calendar-header .sx__date-picker-popup {
  z-index: var(--sx-calendar-header-popup-z-index);
}

.sx__calendar-header-content {
  display: flex;
  align-items: center;
  gap: var(--sx-spacing-padding4);
  flex-wrap: wrap;
  min-width: 0;
}

.sx__forward-backward-navigation {
  height: 45px;
}
.sx__is-calendar-small .sx__forward-backward-navigation, .is-list-view .sx__forward-backward-navigation {
  display: none;
}

.sx__calendar-header__week-number {
  border-radius: 4px;
  background-color: #eceef1;
  color: var(--sx-color-on-surface);
  padding: var(--sx-spacing-padding1) var(--sx-spacing-padding2);
  font-size: 0.75rem;
  font-weight: 500;
}
.is-dark .sx__calendar-header__week-number {
  background-color: #4a4458;
}

.sx__range-heading {
  font-size: clamp(16px, 1.25rem, 24px);
  max-width: 12.5rem; /* 200px with a browser using standard font size */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sx__is-calendar-small .sx__range-heading {
  font-size: 16px;
}
.is-list-view .sx__range-heading {
  display: none;
}

.sx__today-button {
  padding: var(--sx-spacing-padding3) var(--sx-spacing-padding4);
  border-radius: var(--sx-rounding-extra-small);
  font-size: var(--sx-calendar-header-input-font-size);
  color: var(--sx-internal-color-text);
}
.sx__today-button:active {
  background-color: var(--sx-internal-color-gray-ripple-background);
}
.sx__is-calendar-small .sx__today-button {
  display: none;
}
.sx__calendar-header .sx__today-button {
  border: var(--sx-border);
}
.sx__today-button:hover, .sx__today-button:focus {
  background-color: var(--sx-internal-color-light-gray);
}
.is-dark .sx__today-button:hover, .is-dark .sx__today-button:focus {
  background-color: var(--sx-color-surface-container-low);
}

.sx__view-selection {
  position: relative;
  font-size: var(--sx-calendar-header-input-font-size);
}

.sx__view-selection-label {
  position: absolute;
  top: 0;
  inset-inline-start: 12px;
  padding: 0 var(--sx-spacing-padding1);
  background-color: var(--sx-color-background);
  font-size: 0.75rem;
  color: var(--sx-color-neutral);
  line-height: 1rem;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
  z-index: 1;
}
.is-dark .sx__view-selection-label {
  display: none;
}

.sx__view-selection-selected-item {
  height: 100%;
  width: fit-content;
  padding: var(--sx-spacing-padding3) var(--sx-spacing-padding4);
  cursor: pointer;
  border-radius: var(--sx-rounding-extra-small);
  border: var(--sx-border);
  display: flex;
  align-items: center;
  gap: var(--sx-spacing-padding2);
}
.sx__view-selection-selected-item:hover {
  background-color: var(--sx-internal-color-light-gray);
}
.is-dark .sx__view-selection-selected-item:hover {
  background-color: var(--sx-color-surface-container-low);
}

.sx__view-selection-chevron {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  filter: brightness(0.7);
  transition: transform 0.2s ease-in-out;
}

.sx__view-selection.is-open .sx__view-selection-chevron {
  transform: rotate(180deg);
}

.sx__view-selection-items {
  position: absolute;
  top: 100%;
  box-shadow: var(--sx-box-shadow-level3);
  margin: 0;
  background-color: var(--sx-color-background);
  z-index: var(--sx-calendar-header-popup-z-index);
}
.is-dark .sx__view-selection-items {
  background-color: var(--sx-color-surface-container-high);
}

.sx__view-selection-item {
  padding: var(--sx-spacing-padding4) var(--sx-spacing-padding6);
  cursor: pointer;
}
.sx__view-selection-item:hover, .sx__view-selection-item:focus {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}
.sx__view-selection-item.is-selected {
  background-color: var(--sx-color-surface-dim);
}
.sx__view-selection-item.is-selected:hover, .sx__view-selection-item.is-selected:focus {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

.sx__month-grid-wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.sx__month-grid-week__week-number {
  display: flex;
  justify-content: center;
  padding-top: 12px;
  background-color: #eceef1;
  color: var(--sx-color-on-surface);
  width: 1.5rem;
  font-size: 0.75rem;
}
.is-dark .sx__month-grid-week__week-number {
  background-color: #4a4458;
}

.sx__month-grid-week {
  border-top: var(--sx-border);
  flex: 1;
  display: flex;
}
.sx__month-grid-week:first-child .sx__month-grid-week__week-number {
  padding-top: 26px;
}

.sx__month-grid-day {
  position: relative;
  padding: var(--sx-spacing-padding2) 0;
  flex: 1;
}
.sx__month-grid-day:not(:last-child) {
  border-inline-end: var(--sx-border);
}

.sx__month-grid-day--dragover {
  background-color: var(--sx-color-surface-container);
}

.sx__month-grid-day__header {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.sx__month-grid-day__header-day-name {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--sx-color-neutral);
}

.sx__month-grid-day__header-date {
  font-size: var(--sx-font-extra-small);
  margin-bottom: var(--sx-spacing-padding1);
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sx__month-grid-day__header-date.sx__is-today {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

.sx__month-grid-day__events-more {
  width: calc(100% - 10px);
  font-size: var(--sx-font-extra-small);
  color: var(--sx-color-neutral);
  margin: var(--sx-spacing-padding1) 0;
  padding: var(--sx-spacing-padding1);
  border-radius: var(--sx-rounding-extra-small);
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sx__month-grid-day__events-more:hover {
  background-color: var(--sx-color-surface-container);
  color: var(--sx-color-on-surface);
}

.sx__month-grid-background-event {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.sx__month-grid-day__events {
  display: grid;
  grid-gap: 4px;
}

.sx__month-grid-cell {
  height: clamp(20px, 1.25rem, 24px);
}

.sx__month-grid-event {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sx-spacing-padding1);
  border-radius: var(--sx-rounding-extra-small);
  font-size: clamp(12px, var(--sx-font-extra-small), 14px);
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.sx__month-grid-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.sx__month-grid-event-time {
  margin-right: 4px;
}

.sx__month-grid-blocker {
  pointer-events: none;
}

.sx__month-agenda-week {
  display: flex;
}
.sx__month-agenda-week:not(:first-child) {
  border-top: var(--sx-border);
}

.sx__month-agenda-week__week-number {
  text-align: center;
  background-color: #eceef1;
  color: var(--sx-color-on-surface);
  width: 1.5rem;
  font-size: 0.75rem;
  padding-top: 9px;
}
.is-dark .sx__month-agenda-week__week-number {
  background-color: #4a4458;
}

.sx__month-agenda-day {
  padding: var(--sx-spacing-padding2);
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 3rem;
  border-radius: var(--sx-rounding-extra-small);
  color: var(--sx-internal-color-text);
}

.sx__month-agenda-day--active {
  box-shadow: inset 0 0 0 3px var(--sx-color-primary);
}

.sx__month-agenda-day__event-icons {
  margin-top: 4px;
  display: flex;
  grid-gap: 3px;
}

.sx__month-agenda-day__event-icon {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  filter: brightness(1.6);
}
.is-dark .sx__month-agenda-day__event-icon {
  filter: initial;
}

.sx__month-agenda-day-names {
  display: flex;
  padding: var(--sx-spacing-padding2) 0;
  font-size: var(--sx-font-extra-small);
  color: var(--sx-color-neutral);
}
.sx__month-agenda-day-names.sx__has-week-numbers {
  padding-inline-start: 1.5rem;
}

.sx__month-agenda-day-name {
  flex: 1;
  display: flex;
  justify-content: center;
}

.sx__month-agenda-events {
  padding: 0 var(--sx-spacing-padding2);
}

.sx__month-agenda-event {
  padding: var(--sx-spacing-padding2);
  margin-bottom: var(--sx-spacing-padding2);
  border-radius: var(--sx-rounding-extra-small);
  font-size: var(--sx-font-small);
}
.sx__month-agenda-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.sx__month-agenda-event:first-child {
  margin-top: var(--sx-spacing-padding2);
}

.sx__month-agenda-event__title {
  font-weight: 600;
}

.sx__month-agenda-event__has-icon {
  display: flex;
  align-items: center;
}

.sx__month-agenda-events__empty {
  margin-top: var(--sx-spacing-padding4);
  display: flex;
  justify-content: center;
}

.sx__week-wrapper {
  position: relative;
}

.sx__week-grid {
  position: relative;
  padding-left: var(--sx-calendar-week-grid-padding-left);
  display: flex;
  height: var(--sx-week-grid-height);
  overflow: hidden;
}

.sx__week-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--sx-color-background);
}

.sx__week-header-content {
  position: relative;
}

.sx__week-header-border {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-bottom: var(--sx-border);
  border-left: 250px solid transparent;
}

.sx__list-wrapper {
  padding: 0;
  background-color: var(--sx-color-background);
  height: 100%;
  overflow-y: auto;
  position: relative;
  scroll-behavior: smooth;
}

.sx__list-day {
  padding: 0;
  background-color: var(--sx-color-background);
  will-change: opacity;
  transform: translateZ(0);
}

.sx__list-day-header {
  padding: var(--sx-spacing-padding2) var(--sx-spacing-padding4);
  background-color: var(--sx-color-surface-container-low);
  position: sticky;
  top: 0;
  z-index: 1;
}

.sx__list-day-date {
  font-size: var(--sx-font-extra-small);
  font-weight: 600;
  color: var(--sx-color-neutral);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sx__list-day-events {
  padding: 0 16px;
  background: var(--sx-color-background);
}

.sx__list-event {
  padding: 0.75rem 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.sx__list-event:not(:first-child) {
  border-top: var(--sx-border);
}

.sx__list-event-color-line {
  width: 3px;
  height: 24px;
  border-radius: 2px;
  flex-shrink: 0;
}

.sx__list-event-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.sx__list-event-title {
  font-size: 1em;
  color: var(--sx-color-on-background);
  flex: 1;
}

.sx__list-event-times {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 80px;
  gap: 2px;
}

.sx__list-event-start-time {
  font-size: 0.85em;
  color: var(--sx-color-on-background);
}

.sx__list-event-end-time {
  font-size: 0.85em;
  color: var(--sx-color-neutral);
}

.sx__list-event-arrow {
  font-size: 0.85em;
  color: var(--sx-color-neutral);
  line-height: 1;
}

.sx__list-event-all-day {
  font-size: 0.85em;
  color: var(--sx-color-neutral);
}

.sx__list-day-margin {
  height: 16px;
}

.sx__list-no-events {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--sx-color-neutral);
  font-size: var(--sx-font-extra-small);
  text-align: center;
}

.sx__week-grid__time-axis {
  display: flex;
  flex-flow: column;
  position: absolute;
  right: 0;
  top: var(--sx-week-grid-offset-top);
  width: calc(100% - 60px);
}

.sx__week-grid__hour {
  position: relative;
  height: var(--sx-week-grid-hour-height);
  border-top: var(--sx-border);
  font-size: var(--sx-font-extra-small);
}
.sx__week-grid__hour:first-child {
  visibility: hidden;
}

.sx__week-grid__hour-text {
  position: absolute;
  left: -43px;
  top: -0.75em;
  color: var(--sx-color-neutral);
}

.sx__time-grid-day {
  position: relative;
  width: 100%;
  height: 100%;
  border-left: var(--sx-border);
}

.sx__week-grid__date-axis {
  padding-left: var(--sx-calendar-week-grid-padding-left);
  display: flex;
}

.sx__week-grid__date {
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: var(--sx-spacing-padding3) 0;
  gap: var(--sx-spacing-padding1);
}

.sx__week-grid__day-name {
  text-transform: uppercase;
  font-size: var(--sx-font-extra-small);
  color: var(--sx-color-neutral);
  font-weight: 500;
}
.sx__week-grid__date--is-today .sx__week-grid__day-name {
  color: var(--sx-color-primary);
  font-weight: 700;
}

.sx__week-grid__date-number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--sx-font-extra-large);
  font-weight: 500;
  color: var(--sx-color-neutral);
  height: 2em;
  width: 2em;
}
.sx__week-grid__date--is-today .sx__week-grid__date-number {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
  border-radius: 50%;
}

.sx__time-grid-event {
  width: calc(100% - 10px);
  padding: var(--sx-spacing-padding1);
  position: absolute;
  border-radius: var(--sx-rounding-extra-small);
  font-size: var(--sx-font-extra-small);
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.sx__time-grid-event.is-event-copy {
  opacity: 0.5;
  box-shadow: var(--sx-box-shadow-level3);
  z-index: 1;
  transition: transform 0.15s ease-in-out;
}
.sx__time-grid-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

[data-has-dnd=true] .sx__time-grid-event {
  touch-action: none;
}

.sx__is-resizing .sx__time-grid-event:has(+ .is-event-copy) {
  opacity: 0;
}
.sx__is-resizing .is-event-copy {
  opacity: 1;
}

.sx__time-grid-event-inner {
  position: relative;
  height: 100%;
}

.sx__time-grid-event-resize-handle {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  cursor: ns-resize;
  height: clamp(10px, 20px, 50%);
  touch-action: none;
}

.sx__time-grid-event-title {
  font-weight: 600;
}

.sx__time-grid-event-time,
.sx__time-grid-event-people,
.sx__time-grid-event-location {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.sx__title-and-time-compact {
  display: flex;
  align-items: center;
  gap: var(--sx-spacing-padding2);
}
.sx__title-and-time-compact .sx__time-grid-event-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sx__title-and-time-compact .sx__time-grid-event-time {
  flex-shrink: 0;
}

.sx__event-icon {
  min-width: 15px;
  min-height: 15px;
  max-width: 15px;
  max-height: 15px;
  margin-inline-end: var(--sx-spacing-padding2);
}

.sx__date-grid {
  display: flex;
  padding-left: var(--sx-calendar-week-grid-padding-left);
}

.sx__date-grid-day {
  position: relative;
  width: 100%;
  display: grid;
  grid-gap: 2px;
  /* needed for the draw plugin */
}
.sx__date-grid-day .sx__spacer {
  display: var(--sx-draw-plugin-spacer-display, none);
  height: var(--sx-draw-plugin-spacer);
}

.sx__date-grid-event {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sx-spacing-padding1);
  border-radius: var(--sx-rounding-extra-small);
  font-size: clamp(12px, var(--sx-font-extra-small), 14px);
  font-weight: 600;
  user-select: none;
}
.sx__date-grid-event:has(.sx__date-grid-event--left-overflow) {
  margin-left: 10px;
}
.sx__date-grid-event:has(.sx__date-grid-event--right-overflow) {
  margin-right: 10px;
}
.sx__date-grid-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.sx__date-grid-event .sx__date-grid-event--left-overflow {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 100%;
  left: -10px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%, 100% 0);
}
.sx__date-grid-event .sx__date-grid-event--right-overflow {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 100%;
  right: -10px;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 0);
}
.sx__date-grid-event.sx__date-grid-event--copy {
  z-index: 2;
  box-shadow: var(--sx-box-shadow-level3);
  transition-property: transform, width;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}

.sx__date-grid-event-text {
  width: calc(100% - var(--sx-spacing-padding1) * 2);
  left: var(--sx-spacing-padding1);
  position: absolute;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.sx__date-grid-event-text .sx__date-grid-event-time {
  font-weight: initial;
}

.sx__date-grid-cell {
  height: clamp(20px, 1.25rem, 24px);
}

.sx__date-grid-event-resize-handle {
  position: absolute;
  right: 0;
  height: 100%;
  width: clamp(10px, 15px, 50%);
  cursor: ew-resize;
  z-index: 1;
  touch-action: none;
}
[dir=rtl] .sx__date-grid-event-resize-handle {
  left: 0;
  right: auto;
}

.sx__date-grid-background-event {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

:root {
  --sx-week-grid-height: 0;
  --sx-time-axis-height: 0;
  --sx-week-grid-hour-height: 0;
  --sx-week-grid-offset-top: 0;
}

.sx__event-modal {
  visibility: hidden;
  position: fixed;
  top: var(--sx-event-modal-top);
  left: var(--sx-event-modal-left);
  width: 400px;
  max-width: 100%;
  height: fit-content;
  background-color: var(--sx-color-background);
  z-index: 2;
}
.sx__event-modal.is-open {
  animation: slide-sideways;
  animation-duration: 0.3s;
  visibility: initial;
}
.is-dark .sx__event-modal {
  background-color: var(--sx-color-surface-container-high);
}

.sx__event-modal-default {
  padding: var(--sx-spacing-padding6);
  background-color: var(--sx-color-background);
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  border-radius: var(--sx-rounding-small);
  max-height: 250px;
  overflow-y: scroll;
}

@keyframes slide-sideways {
  from {
    opacity: 0;
    transform: translateX(var(--sx-event-modal-animation-start));
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.sx__event-modal .sx__event-icon {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin-inline-end: var(--sx-spacing-padding2);
}

.sx__event-modal__color-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 25%;
  margin-inline-end: var(--sx-spacing-padding3);
}

.sx__has-icon {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 30px 1fr;
  margin-bottom: var(--sx-spacing-padding2);
}
.sx__has-icon .sx__event-icon {
  margin-top: 2px;
}
.sx__has-icon .sx__event-modal__color-icon {
  margin-top: 4px;
}

.sx__event-modal__title {
  font-size: var(--sx-font-large);
}

.sx__event-modal__time {
  font-size: var(--sx-font-small);
}

.sx__current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #f00;
  z-index: 0;
}
.sx__current-time-indicator::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f00;
}

.sx__current-time-indicator-full-week {
  width: calc(100% - var(--sx-calendar-week-grid-padding-left));
  position: absolute;
  inset: 0 0 0 var(--sx-calendar-week-grid-padding-left);
  height: 2px;
  background-color: rgba(255, 0, 0, 0.38);
}

.sx__calendar {
  height: var(--v4c6d3db8);
  width: 100%;
  overflow-y: auto;
  border: 0 !important;
  border-radius: 0 !important;
}
.calendar-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}


/* Override Schedule-x border */
:root {
  /* --sx-border: 0; */
}

.selected-card {
&[data-v-1dc87684] {

  position: relative;
}
&[data-v-1dc87684]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 0;
    border-color: transparent var(--p-surface-500) transparent transparent;
    z-index: 10;
}
}
.grid-container[data-v-1dc87684] {
  width: 100%;
  height: var(--v1db1f2a6);
  overflow-y: auto !important;
}
.card-container[data-v-1dc87684] {
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--card-width));
  gap: 8px;
  padding: 16px;
  height: 100%;
  align-content: start;
}
.card-wrapper[data-v-1dc87684] {
  width: 100%;
  height: var(--card-height, 160px);
  min-height: var(--card-height, 160px);
  max-height: var(--card-height, 160px);
}

/* Override height for main-image layout cards */
.card-wrapper .element-card[data-layout="main-image"][data-v-1dc87684] {
  height: var(--card-height, 160px);
}
.card-wrapper .element-card[data-layout="main-image"] .card-image-section[data-v-1dc87684] {
  flex: 1;
}
.element-card[data-v-1dc87684] {
  width: 100%;
  height: 100%;
  padding: 5px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer !important;
  overflow: hidden;
  border: 1px solid var(--p-content-border-color);
  background-color: var(--p-content-background);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* Performance optimizations */
.card-wrapper[data-v-1dc87684]:not(.card-visible) {
  transform: scale(0.98);
  transition: transform 0.3s ease;
}
.card-wrapper.card-visible[data-v-1dc87684] {
  opacity: 1;
  transform: scale(1);
}

/* Lazy loading placeholder */
/* Remove animated gradient overlay; only show outline */
.card-wrapper[data-v-1dc87684]:not(.card-visible)::before {
  content: none;
  background: none;
  animation: none;
}
@keyframes loading-1dc87684 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}

/* Skeleton Loader Styles */
.skeleton-loader[data-v-1dc87684] {
  width: 100%;
  height: 100%;
  padding: 5px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid var(--p-content-border-color);
  /* Only outline visible */
  background-color: transparent;
  box-shadow: none;
  overflow: hidden;
  position: relative;
}

/* Remove shimmer animation */
.skeleton-loader[data-v-1dc87684]::before {
  content: none;
  background: none;
  animation: none;
}
@keyframes shimmer-1dc87684 {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}

/* Hide inner skeleton blocks; keep only border outline */
.skeleton-image[data-v-1dc87684] {
  display: none;
}
.skeleton-title[data-v-1dc87684] {
  display: none;
}
.skeleton-text[data-v-1dc87684] {
  display: none;
}
.element-card h3[data-v-1dc87684] {
  font-size: 0.9rem;
  margin: 0 0 4px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.element-card p[data-v-1dc87684] {
  font-size: 0.8rem;
  margin: 0;
  text-align: center;
}
.active-card[data-v-1dc87684] {
  background-color: var(--p-list-option-selected-background) !important;
}
.element-card[data-v-1dc87684]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.element-card[data-v-1dc87684]:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.card-wrapper.dragging[data-v-1dc87684] {
  opacity: 0.7;
  transform: scale(0.95);
}
.card-wrapper[draggable="true"][data-v-1dc87684] {
  cursor: grab;
}
.card-wrapper[draggable="true"][data-v-1dc87684]:active {
  cursor: grabbing;
}

/* Highlight drop target when dragging over a group */
.group-dropzone.drop-target[data-v-1dc87684] {
  outline: 2px dashed var(--p-primary-color);
  outline-offset: 2px;
  border-radius: 6px;
}

.selected-card {
&[data-v-e944f2bb] {
  position: relative;
}
&[data-v-e944f2bb]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 0;
    border-color: transparent var(--p-surface-500) transparent transparent;
    z-index: 10;
}
}
.masonry-container[data-v-e944f2bb] {
  width: 100%;
  height: var(--v05407d0a);
  overflow-y: auto !important;
}
.masonry-grid[data-v-e944f2bb] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-auto-rows: 20px;
  gap: 16px;
  padding: 16px;
  height: 100%;
  align-content: start;
  justify-items: stretch;
}
.masonry-item[data-v-e944f2bb] {
  width: 100%;
  /* Only span rows, let grid handle column width automatically */
  grid-row-end: span var(--grid-row-span, 8);
  justify-self: stretch;
  align-self: start;
}

/* Override height for main-image layout cards */
.masonry-item .element-card[data-layout="main-image"][data-v-e944f2bb] {
  height: var(--card-height, 160px);
}
.masonry-item .element-card[data-layout="main-image"] .card-image-section[data-v-e944f2bb] {
  flex: 1;
}
.element-card[data-v-e944f2bb] {
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer !important;
  overflow: hidden;
  border: 1px solid var(--p-content-border-color);
  background-color: var(--p-content-background);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Performance optimizations */
.masonry-item[data-v-e944f2bb]:not(.card-visible) {
  transform: scale(0.98);
  transition: transform 0.3s ease;
}
.masonry-item.card-visible[data-v-e944f2bb] {
  opacity: 1;
  transform: scale(1);
}

/* Lazy loading placeholder */
.masonry-item[data-v-e944f2bb]:not(.card-visible)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-e944f2bb 1.5s infinite;
}
@keyframes loading-e944f2bb {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}

/* Skeleton Loader Styles */
.skeleton-loader[data-v-e944f2bb] {
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid var(--p-content-border-color);
  background-color: var(--p-content-background);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}
.skeleton-loader[data-v-e944f2bb]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shimmer-e944f2bb 1.5s infinite;
}
@keyframes shimmer-e944f2bb {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
.skeleton-image[data-v-e944f2bb] {
  flex: 1;
  background: #e0e0e0;
  border-radius: 4px;
  margin-bottom: 8px;
}
.skeleton-title[data-v-e944f2bb] {
  height: 16px;
  background: #e0e0e0;
  border-radius: 4px;
  margin-bottom: 4px;
  width: 70%;
}
.skeleton-text[data-v-e944f2bb] {
  height: 12px;
  background: #e0e0e0;
  border-radius: 4px;
  width: 90%;
}
.element-card h3[data-v-e944f2bb] {
  font-size: 0.9rem;
  margin: 0 0 4px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.element-card p[data-v-e944f2bb] {
  font-size: 0.8rem;
  margin: 0;
  text-align: center;
}
.active-card[data-v-e944f2bb] {
  background-color: var(--p-list-option-selected-background) !important;
}
.element-card[data-v-e944f2bb]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.element-card[data-v-e944f2bb]:active {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.masonry-item.dragging[data-v-e944f2bb] {
  opacity: 0.7;
  transform: scale(0.95);
}
.masonry-item[draggable="true"][data-v-e944f2bb] {
  cursor: grab;
}
.masonry-item[draggable="true"][data-v-e944f2bb]:active {
  cursor: grabbing;
}
.debug-info[data-v-e944f2bb] {
  grid-column: 1 / -1;
  padding: 20px;
  text-align: center;
  color: var(--p-text-muted-color);
  font-style: italic;
}

.element-chip[data-v-d9846a54] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 5px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-size: 0.9rem;
  min-height: 2.5rem;
  min-width: 225px;
  width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
.chip-icon[data-v-d9846a54] {
  font-size: 1.1rem;
}
.element-chip[data-v-d9846a54]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.element-chip[data-v-d9846a54]:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.active-chip[data-v-d9846a54] {
  background-color: var(--p-list-option-selected-background) !important;
}
.selected-chip[data-v-d9846a54] {
  border-color: var(--p-highlight-bg) !important;
  border-width: 2px !important;
}
.grid-container[data-v-d9846a54] {
  width: 100%;
  height: var(--v576509b6);
  overflow-y: auto !important;
}
.card-container[data-v-d9846a54] {
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 5px;
  width: 100%;
}
.card-wrapper[data-v-d9846a54] {
  display: flex;
  width: 100%;
}
.card-wrapper.dragging[data-v-d9846a54] {
  opacity: 0.7;
  transform: scale(0.95);
}
.card-wrapper[draggable="true"][data-v-d9846a54] {
  cursor: grab;
}
.card-wrapper[draggable="true"][data-v-d9846a54]:active {
  cursor: grabbing;
}

/* Highlight drop target when dragging over a group */
.group-dropzone.drop-target[data-v-d9846a54] {
  outline: 2px dashed var(--p-primary-color);
  outline-offset: 2px;
  border-radius: 6px;
}

.articles-list[data-v-3b1b75cc] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.article-wrapper[data-v-3b1b75cc] {
  display: flex;
  width: 100%;
  padding: 8px 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-left: 3px solid transparent;
  border-bottom: 1px solid var(--p-surface-border);
}
.article-wrapper[data-v-3b1b75cc]:hover {
  background-color: var(--p-surface-hover);
}
.article-wrapper.active[data-v-3b1b75cc] {
  background-color: var(--p-list-option-selected-background);
  border-left-color: var(--p-primary-color);
}
.article-wrapper.selected[data-v-3b1b75cc] {
  border-left-color: var(--p-highlight-bg) !important;
  border-left-width: 3px !important;
  background-color: var(--p-surface-ground);
}
.article-wrapper.dragging[data-v-3b1b75cc] {
  opacity: 0.6;
  transform: scale(0.98);
}
.article-wrapper[draggable="true"][data-v-3b1b75cc] {
  cursor: grab;
}
.article-wrapper[draggable="true"][data-v-3b1b75cc]:active {
  cursor: grabbing;
}
.articles-container[data-v-3b1b75cc] {
  width: 100%;
  height: var(--v5ce9d728);
  overflow-y: auto !important;
  display: flex;
  flex-direction: column;
}

/* Highlight drop target when dragging over a group */
.group-dropzone[data-v-3b1b75cc] {
  width: 100%;
}
.group-dropzone.drop-target[data-v-3b1b75cc] {
  outline: 2px dashed var(--p-primary-color);
  outline-offset: 2px;
  border-radius: 6px;
}

.grid-container[data-v-d3dc8858] {
  display: flex;
  overflow-x: auto;
  padding: 16px;
  width: 100%;
  height: var(--v98c4bd0a);
  overflow-y: auto !important;
}
.card-container[data-v-d3dc8858] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 100px;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-width), 1fr));
  gap: 10px;
  padding: 16px;
}
.card-wrapper[data-v-d3dc8858] {
  width: 100%;
  height: var(--card-height);
}
.element-card[data-v-d3dc8858] {
  width: 100%;
  height: 100%;
  padding: 5px;
  display: flex;
  flex-direction: column;

  border-radius: 4px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer !important;
  overflow: hidden;
  border: 1px solid var(--p-content-border-color);
  background-color: var(--p-content-background);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.element-card h3[data-v-d3dc8858] {
  font-size: 0.9rem;
  margin: 0 0 4px 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.element-card p[data-v-d3dc8858] {
  font-size: 0.8rem;
  margin: 0;
  text-align: center;
}
.active-card[data-v-d3dc8858] {
  background-color: var(--p-list-option-selected-background) !important;
}
.element-card[data-v-d3dc8858]:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.element-card[data-v-d3dc8858]:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.kanban-column[data-v-d3dc8858] {
  min-width: 300px;
  background: var(--p-content-background);
  border-radius: 4px;
  padding: 0px;
  margin: 0 8px;
  border: 1px solid var(--p-content-border-color);
  display: flex;
  flex-direction: column;
  /* Remove transition for instant collapse */
}
.column-collapsed[data-v-d3dc8858] {
  min-width: 60px !important;
}
.column-collapsed .column-title[data-v-d3dc8858] {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 100%;
  min-height: 150px;
  display: flex;
  flex-direction: row; /* Align icon and text next to each other */
  align-items: flex-start; /* Align to the top */
  justify-content: flex-end; /* Align to the top */
  gap: 8px; /* Add gap between icon and text */
  padding-top: 8px; /* Add padding to the top */
  border-bottom: none; /* Remove bottom border when collapsed */
}
.column-collapsed .title-content[data-v-d3dc8858] {
  display: flex;
  align-items: center;
  gap: 8px;
  transform: rotate(180deg); /* Flip text and arrow */
}
.column-title[data-v-d3dc8858] {
  cursor: pointer; /* Add pointer cursor to indicate clickable */
  height: 48px;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid var(--p-content-border-color);
  margin-bottom: 8px;
  color: var(--p-text-color);
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Left align content */
  width: 100%; /* Take full width */
  gap: 8px;
  transition: none; /* Remove title animation */
}
.collapse-button.p-button[data-v-d3dc8858] {
  width: 32px;
  height: 32px;
  padding: 0;
}
.collapse-button.p-button[data-v-d3dc8858]:hover {
  background: var(--p-surface-hover);
}
.collapse-button.p-button .mdi[data-v-d3dc8858] {
  font-size: 1.2rem;
}
.title-content[data-v-d3dc8858] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1; /* Take remaining space */
  justify-content: space-between; /* Push count to the end */
}
.title-actions[data-v-d3dc8858] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.add-button.p-button[data-v-d3dc8858] {
  width: 24px;
  height: 24px;
  padding: 0;
}
.add-button.p-button .mdi[data-v-d3dc8858] {
  font-size: 1rem;
}
.item-count[data-v-d3dc8858] {
  font-size: 0.9rem;
  color: var(--p-text-color-secondary);
  font-weight: normal;
  margin-left: auto; /* Push to the end */
}

/* Remove or comment out unused column-header styles */
.column-header[data-v-d3dc8858] {
  display: none;
}
.draggable[data-v-d3dc8858] {
  cursor: grab !important;
}
.draggable[data-v-d3dc8858]:active {
  cursor: grabbing !important;
}
.column-collapsed-hover[data-v-d3dc8858] {
  cursor: pointer;
}
.column-collapsed-hover[data-v-d3dc8858]:hover {
  background-color: var(--p-navigation-item-active-background);
}
.column-drag-over[data-v-d3dc8858] {
  background-color: var(--p-navigation-item-active-background);
  transition: background-color 0.2s ease;
}

.element-icon[data-v-8c7db637] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-top: 5px;
  margin-right: 10px;
  border-radius: 20px;
}
.element-description[data-v-8c7db637] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.element-name[data-v-8c7db637] {
  font-weight: 600;
  font-size: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selected-card[data-v-8c7db637] {
  background-color: var(--surface-border);
}
.element-item[data-v-8c7db637] {
  cursor: pointer;
}

.active-item[data-v-f879649b] {
  background-color: var(--p-list-option-selected-background) !important;
}
.selected-item[data-v-f879649b] {
  background-color: var(--p-list-option-highlighted-background);
}
.list-element[data-v-f879649b] {
  cursor: pointer;
  height: 50px;
  width: 100%;
}
.list-container[data-v-f879649b] {
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  margin-left: 3px;
  margin-top: 3px;
  height: 100%;
}
.element-list-row[data-v-f879649b] {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 50px;
}
.selection-checkbox[data-v-f879649b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding-left: 8px;
}
.element-list[data-v-f879649b] {
  flex: 1;
}

.property-value[data-v-e56f362c] {
    font-weight: bold;
    font-size: 1.5em;
}
.property-details[data-v-e56f362c] {
    margin-right: 15px;
    border-left: 2px;
    border-left-style: solid;
    border-left-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}
.risk-properties[data-v-e56f362c] {
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 5px;
    bottom: 5px;
}
.fav-image[data-v-e56f362c] {
  width: 30px;
}

.fav-image[data-v-c0113cf1] {
  width: 30px;
}
.article-image-preview[data-v-c0113cf1] {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  margin-left: 0px;
  margin-bottom: 5px;
}
.article-title[data-v-c0113cf1] {
  font-size: 1rem;
  font-weight: 600;
  color: #666;
}

.fav-image[data-v-1dc199d5] {
  width: 30px;
}

:root {
  /* Event Type Colors */
  --accent-color: var(--primary-color, #14b8a6);

  /* Severity Colors */
  --severity-low: #22c55e;
  --severity-medium: #eab308;
  --severity-high: #f97316;
  --severity-critical: #ef4444;

  /* Location Filter Button Colors */
  --location-filter-color: #64748b;

  /* Effect Icon Color */
  --effect-icon-color: #f43f5e;
}
.element-card-body {
  max-height: 800px;
}

.property-value[data-v-8426db38] {
  font-weight: bold;
  font-size: 1.5em;
}
.property-details[data-v-8426db38] {
  margin-right: 15px;
  border-left: 2px;
  border-left-style: solid;
  border-left-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
}
.risk-properties[data-v-8426db38] {
  position: absolute;
  display: flex;
  flex-direction: row;
  left: 5px;
  bottom: 5px;
}
.fav-image[data-v-8426db38] {
  width: 30px;
}

.property-value[data-v-9ae9d533] {
    font-weight: bold;
    font-size: 1.5em;
}
.property-details[data-v-9ae9d533] {
    margin-right: 15px;
    border-left: 2px;
    border-left-style: solid;
    border-left-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}
.risk-properties[data-v-9ae9d533] {
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 5px;
    bottom: 5px;
}
.fav-image[data-v-9ae9d533] {
  width: 30px;
}

.compact-tree[data-v-55691107] {
  overflow-x: hidden !important;
}
.ai-icon[data-v-55691107] {
  width: 1rem;
  height: 1rem;
  display: inline-block;
}
.layers-list[data-v-55691107] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  width: 100%;
}
.layer-controls[data-v-55691107] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.3rem;
  /* min-width: 4rem; */
}
.layer-icon[data-v-55691107] {
  margin-top: 0.25rem;
}
.layer-item[data-v-55691107] {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.5em;
  padding-left: 0;
  border-bottom: 1px solid var(--p-content-border-color);
  gap: 0.5rem;
}
.layer-item-header[data-v-55691107] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.layer-content[data-v-55691107] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.layer-details[data-v-55691107] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.5rem;
}
.layer-title {
&[data-v-55691107] {
  font-size: large;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
  }
&[data-v-55691107]:hover {
    opacity: 0.8;
}
}
.layer-title-row[data-v-55691107] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-heading[data-v-55691107] {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.layer-header[data-v-55691107] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layer-settings[data-v-55691107] {
  padding-left: 0.75rem;
  padding-bottom: 0.5rem;
  background-color: var(--surface-ground);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-left: 2.5rem;
  /* Aligns with the content after the icon */
}
.opacity-control[data-v-55691107] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.layer-type-control[data-v-55691107] {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.property-control {
&[data-v-55691107] {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  }
&[data-v-55691107]:last-child {
    margin-bottom: 0;
}
&.color-control[data-v-55691107] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}
.property-header[data-v-55691107] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  /* Add space between header and slider */
}
.property-value[data-v-55691107] {
  font-variant-numeric: tabular-nums;
  min-width: 3.5em;
  text-align: right;
}
[data-v-55691107] .layer-type-select {
  font-size: 0.875rem;
.p-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}
.mdi {
    font-size: 1.2rem;
}
}
[data-v-55691107] .p-button-rotate .mdi {
  transform: rotate(180deg);
}
[data-v-55691107] .p-button.p-button-text {
  padding: 0;
  width: 2rem;
  height: 2rem;
  margin-top: 0.25rem;
&:hover {
    background: var(--surface-ground);
}
&:focus {
    box-shadow: none;
}
}
[data-v-55691107] .p-colorpicker-panel {
  z-index: 1000;
}
[data-v-55691107] .p-colorpicker {
  width: auto;
  position: relative;
  z-index: 2;
}
.label-zoom-range[data-v-55691107] {
  margin-top: 0.5rem;
  padding-left: 1rem;
}
.mt-3[data-v-55691107] {
  margin-top: 0.75rem;
}
.label-property {
&[data-v-55691107] {
  margin-bottom: 1.75rem;
  /* Increased spacing between label properties */
  }
&[data-v-55691107]:last-child {
    margin-bottom: 0;
}
}
[data-v-55691107] .p-treetable-sm .p-treetable-tbody>tr>td {
  padding: 0.5rem;
}
[data-v-55691107] .p-treetable .p-treetable-header {
  background: var(--surface-section);
  border: 1px solid var(--surface-border);
  border-width: 1px 0 1px 0;
}
[data-v-55691107] .p-treetable-toggler {
  width: 1.5rem;
  height: 1.5rem;
}
[data-v-55691107] .compact-tree {

  /* Compact toggle/expander icons */
.p-treetable-toggler {
    width: 1.5rem !important;
    height: 1.5rem !important;
    font-size: 0.8rem !important;
    margin-right: 0.2rem !important;
}

  /* Reduce left padding to maximize space */
.p-treetable-tbody>tr>td {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

  /* Remove indent for child rows */
.p-treetable-tbody>tr>td .p-treetable-indent {
    width: 0 !important;
    display: none;
}
}

.map-legend-card[data-v-f20a40b9] {
  position: absolute;
  bottom: 10px;
  left: 10px;
  max-width: 300px;
  min-width: 200px;
  background-color: white;
  border-radius: 6px;
  padding: 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  z-index: 200;
  overflow-y: auto;
  transition: max-height 0.3s ease;
}
.map-legend-card.collapsed[data-v-f20a40b9] {
  max-height: 45px;
  overflow: hidden;
}
.legend-header[data-v-f20a40b9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.legend-title[data-v-f20a40b9] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.legend-header-controls[data-v-f20a40b9] {
  display: flex;
  align-items: center;
}
.clickable[data-v-f20a40b9] {
  cursor: pointer;
}
.collapse-btn[data-v-f20a40b9],
.layers-menu-btn[data-v-f20a40b9] {
  padding: 0.25rem;
}
.legend-items[data-v-f20a40b9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 0.75rem 0.75rem;
}
.legend-item[data-v-f20a40b9] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.legend-item.active-layer[data-v-f20a40b9] {
  background-color: var(--p-primary-50, #f0f9ff);
  border-radius: 4px;
  padding: 8px 4px;
  margin: -4px 0;
}
.legend-icon[data-v-f20a40b9] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.legend-icon .mdi[data-v-f20a40b9] {
  font-size: 12px;
  color: white;
}
.legend-label[data-v-f20a40b9] {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.legend-label.active-bookmark[data-v-f20a40b9] {
  font-weight: bold;
  color: var(--p-primary-600, #0066cc);
}
.legend-item-controls[data-v-f20a40b9] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.legend-edit[data-v-f20a40b9],
.legend-toggle[data-v-f20a40b9],
.item-menu-btn[data-v-f20a40b9] {
  flex-shrink: 0;
  padding: 0.25rem;
}
.no-layers-message[data-v-f20a40b9] {
  padding: 1rem 0.75rem;
  text-align: center;
  color: var(--p-text-muted-color, #666);
  font-style: italic;
}

/* Hover effects */
.legend-item[data-v-f20a40b9]:hover {
  background-color: var(--p-surface-hover, #f8f9fa);
  border-radius: 4px;
  cursor: pointer;
  /* margin: -4px 0; */
  /* padding: 8px 4px; */
}
.legend-item.active-layer[data-v-f20a40b9]:hover {
  background-color: var(--p-primary-100, #e0f2fe);
}

/* Transitions */
.legend-item[data-v-f20a40b9] {
  transition: all 0.2s ease;
}
.legend-header-controls .p-button[data-v-f20a40b9] {
  transition: all 0.2s ease;
}
.legend-header-controls .p-button[data-v-f20a40b9]:hover {
  background-color: var(--p-surface-hover, #f8f9fa);
}

/* Virtual workspace indicator */
.virtual-indicator[data-v-f20a40b9] {
  margin-left: 0.5rem;
  color: var(--p-orange-500, #f59e0b);
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  animation: pulse-f20a40b9 2s infinite;
}
@keyframes pulse-f20a40b9 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
}
.save-workspace-btn[data-v-f20a40b9] {
  color: var(--p-green-600, #16a34a) !important;
}
.save-workspace-btn[data-v-f20a40b9]:hover {
  background-color: var(--p-green-50, #f0fdf4) !important;
}
.refresh-layers-btn[data-v-f20a40b9] {
  color: var(--p-blue-600, #2563eb) !important;
}
.refresh-layers-btn[data-v-f20a40b9]:hover {
  background-color: var(--p-blue-50, #eff6ff) !important;
}

/* Enhanced layer information */
.layer-name[data-v-f20a40b9] {
  font-weight: 500;
  color: var(--p-text-color);
}
.layer-name.clickable[data-v-f20a40b9] {
  cursor: pointer;
  transition: color 0.2s ease;
}
.layer-name.clickable[data-v-f20a40b9]:hover {
  color: var(--p-primary-500, #0073e6);
  text-decoration: underline;
}
.layer-info[data-v-f20a40b9] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color, #666);
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
}
.feature-count[data-v-f20a40b9] {
  color: var(--p-primary-600, #0066cc);
  font-weight: 500;
}
.layer-source[data-v-f20a40b9] {
  color: var(--p-text-muted-color, #666);
}

/* Map-based layer indicator */
.legend-item[data-source="map-data"][data-v-f20a40b9] {
  border-left: 3px solid var(--p-primary-500, #0073e6);
  padding-left: 8px;
  margin-left: -3px;
}

/* Add Layer Dialog Styles */
.add-layer-dialog[data-v-f20a40b9] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 0;
}
.form-field[data-v-f20a40b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-field label[data-v-f20a40b9] {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--p-text-color);
}
.color-picker-row[data-v-f20a40b9] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.color-swatch[data-v-f20a40b9] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  border: 3px solid transparent;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.color-swatch[data-v-f20a40b9]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.color-swatch.selected[data-v-f20a40b9] {
  border-color: var(--p-primary-500, #0073e6);
  box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.2);
  transform: scale(1.1);
}

/* === Dark Mode Support === */
.cs-dark .map-legend-card {
  background-color: var(--p-content-background) !important;
  border: 1px solid var(--p-content-border-color) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}
.cs-dark .map-legend-card .p-card-header,
.cs-dark .map-legend-card .p-card-body,
.cs-dark .map-legend-card .p-card {
  background: transparent !important;
  border-color: var(--p-content-border-color);
}
.cs-dark .map-legend-card .p-card-content {
  background: transparent !important;
  color: var(--p-text-color);
}
.cs-dark .legend-header {
  color: var(--p-text-color);
  border-color: var(--p-content-border-color);
}
.cs-dark .legend-title {
  color: var(--p-text-color);
}
.cs-dark .legend-header-controls .p-button {
  color: var(--p-text-color);
}
.cs-dark .legend-header-controls .p-button:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .legend-item {
  border-radius: 6px;
  padding: 4px;
}
.cs-dark .legend-item:hover {
  background-color: var(--p-surface-hover);
}
.cs-dark .legend-item.active-layer {
  background-color: var(--p-primary-900);
  opacity: 0.3;
}
.cs-dark .legend-item.active-layer:hover {
  background-color: var(--p-primary-900);
  opacity: 0.4;
}
.cs-dark .legend-label {
  color: var(--p-text-color);
}
.cs-dark .legend-label.active-bookmark {
  color: var(--p-primary-color);
}
.cs-dark .layer-name {
  color: var(--p-text-color);
}
.cs-dark .layer-name.clickable:hover {
  color: var(--p-primary-color);
}
.cs-dark .layer-info {
  color: var(--p-text-muted-color);
}
.cs-dark .feature-count {
  color: var(--p-primary-color);
}
.cs-dark .layer-source {
  color: var(--p-text-muted-color);
}
.cs-dark .no-layers-message {
  color: var(--p-text-muted-color);
}
.cs-dark .legend-icon {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.cs-dark .legend-item[data-source="map-data"] {
  border-left-color: var(--p-primary-color);
}

/* Map menu styles commented out for now */
/* .map-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
} */
.map-coordinates[data-v-92bd6daf] {
  /* position: absolute; */
  top: px;
  left: 10px;
  background-color: var(--p-content-background);
  border: 1px solid var(--p-content-border-color);
  color: var(--p-text-color);
  padding: 5px;
  z-index: 1005;
  border-radius: 5px;
}
.preview-card-container[data-v-92bd6daf] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 250px;
  /* height: 200px; */
  z-index: 200;
}
.preview-controls[data-v-92bd6daf] {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 501;
  display: flex;
  gap: 5px;
}
.close-preview-btn[data-v-92bd6daf],
.preview-menu-btn[data-v-92bd6daf] {
  margin: 0;
  padding: 0.25rem;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-card[data-v-92bd6daf] {
  width: 100%;
  height: 100%;
  background-color: var(--p-content-background);
}
.preview-card-wrapper[data-v-92bd6daf] {
  cursor: grab;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.preview-card-wrapper.dragging[data-v-92bd6daf] {
  opacity: 0.7;
  transform: scale(0.95);
}
.preview-card-wrapper[draggable="true"][data-v-92bd6daf]:active {
  cursor: grabbing;
}
.active-element[data-v-92bd6daf] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  padding: 10px;
  z-index: 100;
}
.map-container[data-v-92bd6daf] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  /* Ensure map container is above other elements */
  background-color: var(--p-surface-200);
  min-height: 300px;
  /* Ensure minimum height */
  min-width: 300px;
  /* Ensure minimum width */
}
.map-root[data-v-92bd6daf] {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Drawing controls styling */
.drawing-controls[data-v-92bd6daf] {
  position: absolute;
  bottom: 80px;

  background-color: var(--p-content-background);
  border: 1px solid var(--p-content-border-color);
  height: 55px;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  z-index: 201;
  padding: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.drawing-controls-header[data-v-92bd6daf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-weight: 600;
}
.drawing-tools[data-v-92bd6daf] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.drawing-tool-btn[data-v-92bd6daf] {
  height: 36px;
  /* width: 36px; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.tool-active[data-v-92bd6daf] {
  background-color: var(--primary-color) !important;
  color: white !important;
}

/* Floating button styling */
.floating-draw-button[data-v-92bd6daf] {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 200;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
.button-active[data-v-92bd6daf] {
  background-color: var(--primary-color) !important;
  color: white !important;
}

/* Settings popover styles */
.settings-popover-content[data-v-92bd6daf] {
  min-width: 350px;
  padding: 1rem;
}
.settings-section[data-v-92bd6daf] {
  margin-bottom: 1.5rem;
}
.settings-label[data-v-92bd6daf] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

/* Tooltip styles */
.map-hover-tooltip {
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 4px !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.map-hover-tooltip .maplibregl-popup-content {
  padding: 8px 12px !important;
  background: transparent !important;
  border-radius: 4px !important;
}
.map-hover-tooltip .maplibregl-popup-tip {
  border-top-color: rgba(0, 0, 0, 0.8) !important;
}
.tooltip-content[data-v-92bd6daf] {
  color: white;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* === Dark Mode Support for Map Controls === */
.cs-dark .maplibregl-ctrl-group {
  background-color: var(--p-content-background) !important;
  border: 1px solid var(--p-content-border-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}
.cs-dark .maplibregl-ctrl {
  background-color: var(--p-content-background) !important;
  border: 1px solid var(--p-content-border-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}
.cs-dark .maplibregl-ctrl button {
  background-color: var(--p-content-background) !important;
  color: var(--p-text-color) !important;
  border-color: var(--p-content-border-color) !important;
}
.cs-dark .maplibregl-ctrl button:hover {
  background-color: var(--p-surface-hover) !important;
}
.cs-dark .maplibregl-ctrl button:active {
  background-color: var(--p-surface-active) !important;
}
.cs-dark .maplibregl-ctrl-icon {
  fill: var(--p-text-color) !important;
  color: var(--p-text-color) !important;
}
.cs-dark .maplibregl-ctrl-group button {
  background-color: var(--p-content-background) !important;
  color: var(--p-text-color) !important;
  border-color: var(--p-content-border-color) !important;
}
.cs-dark .maplibregl-ctrl-group button:hover {
  background-color: var(--p-surface-hover) !important;
}
.cs-dark .maplibregl-ctrl-group button:active {
  background-color: var(--p-surface-active) !important;
}

/* Target text content inside buttons (like +, -, etc.) */
.cs-dark .maplibregl-ctrl-group button,
.cs-dark .maplibregl-ctrl-group button *,
.cs-dark .maplibregl-ctrl button,
.cs-dark .maplibregl-ctrl button * {
  color: var(--p-text-color) !important;
}

/* Target SVG icons inside MapLibre controls */
.cs-dark .maplibregl-ctrl-group button svg,
.cs-dark .maplibregl-ctrl button svg {
  fill: var(--p-text-color) !important;
  color: var(--p-text-color) !important;
}
.cs-dark .maplibregl-ctrl-group button .maplibregl-ctrl-icon,
.cs-dark .maplibregl-ctrl button .maplibregl-ctrl-icon {
  fill: var(--p-text-color) !important;
  color: var(--p-text-color) !important;
}

/* Target all SVG paths and elements inside controls */
.cs-dark .maplibregl-ctrl-group svg path,
.cs-dark .maplibregl-ctrl-group svg circle,
.cs-dark .maplibregl-ctrl-group svg line,
.cs-dark .maplibregl-ctrl-group svg polygon,
.cs-dark .maplibregl-ctrl-group svg rect,
.cs-dark .maplibregl-ctrl svg path,
.cs-dark .maplibregl-ctrl svg circle,
.cs-dark .maplibregl-ctrl svg line,
.cs-dark .maplibregl-ctrl svg polygon,
.cs-dark .maplibregl-ctrl svg rect {
  fill: var(--p-text-color) !important;
  stroke: var(--p-text-color) !important;
}

/* Override any inline styles that might be set */
.cs-dark .maplibregl-ctrl-group button[style*="color"],
.cs-dark .maplibregl-ctrl button[style*="color"] {
  color: var(--p-text-color) !important;
}

/* Dark mode for drawing controls */
.cs-dark .drawing-controls {
  background-color: var(--p-content-background) !important;
  border: 1px solid var(--p-content-border-color) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}
.cs-dark .drawing-tool-btn {
  color: var(--p-text-color) !important;
}
.cs-dark .drawing-tool-btn:hover {
  background-color: var(--p-surface-hover) !important;
}
.cs-dark .tool-active {
  background-color: var(--p-primary-color) !important;
  color: var(--p-surface-0) !important;
}

/* Dark mode for MapLibre canvas (sky background in globe mode) */
.cs-dark .maplibregl-canvas {
  background-color: var(--p-surface-900, #1a1a1a) !important;
}
.cs-dark .maplibregl-canvas-container {
  background-color: var(--p-surface-900, #1a1a1a) !important;
}

.matrix-container[data-v-e0b7fa9b] {
  position: relative;
  width: auto;
  overflow: auto;
  height: 100%;
  padding: 10px;
}
.matrix-grid[data-v-e0b7fa9b] {
  display: grid;
  position: relative;
  min-width: 500px;
  min-height: 500px;
  gap: 1px;
  background-color: var(--surface-ground, #f5f5f5);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.matrix-corner-cell[data-v-e0b7fa9b] {
  grid-row: 1 / 3;
  grid-column: 1;
  background-color: #e0e0e0;
  z-index: 5;
  border-top-left-radius: 4px;
}
.matrix-col-header[data-v-e0b7fa9b] {
  position: relative;
  padding: 0;
  min-width: 36px;
  height: 120px;
  overflow-x: auto;
  background-color: #f4f4f4;
  font-weight: bold;
  text-align: center;
  z-index: 2;
  border: 1px solid #ddd;
}
.rotated-header-text[data-v-e0b7fa9b] {
  transform: rotate(-90deg);
  transform-origin: left top;
  position: absolute;
  bottom: 0px;
  left: 18px;
  white-space: nowrap;
  font-size: 0.85rem;
  width: 24px;
}
.matrix-header-group[data-v-e0b7fa9b] {
  background-color: #e0e0e0;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px;
  z-index: 2;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-color 0.2s;
}
.matrix-header-group[data-v-e0b7fa9b]:hover {
  background-color: #d0d0d0;
}
.matrix-row-header[data-v-e0b7fa9b] {
  position: sticky;
  left: 0;
  padding: 4px 8px;
  /* min-width: 150px; */
  /* max-width: 150px; */
  background-color: #f4f4f4;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
  border: 1px solid #ddd;
  text-align: right;
  cursor: pointer;
  transition: background-color 0.2s;
}
.matrix-row-header[data-v-e0b7fa9b]:hover {
  background-color: #e8e8e8;
}
.matrix-row-header-group[data-v-e0b7fa9b] {
  position: sticky;
  left: 0;
  padding: 8px;
  min-width: 40px;
  max-width: 40px;
  background-color: #e0e0e0;
  font-weight: bold;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  z-index: 3;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-color 0.2s;
}
.matrix-row-header-group[data-v-e0b7fa9b]:hover {
  background-color: #d0d0d0;
}

/* Hidden header indicators */
.matrix-header-hidden[data-v-e0b7fa9b] {
  opacity: 0.6;
}
.matrix-header-hidden[data-v-e0b7fa9b]::before {
  content: '↕';
  display: inline-block;
  margin-right: 4px;
  color: #555;
}
.matrix-cell[data-v-e0b7fa9b] {
  border: 1px solid #ddd;
  padding: 3px;
  text-align: center;
  min-width: 36px;
  min-height: 36px;
  max-width: 36px;
  max-height: 36px;
  transition: background-color 0.2s;
  position: relative;
  background-color: white;
}
.matrix-cell-content[data-v-e0b7fa9b] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

/* Row and column hover highlight effects */
.matrix-cell[data-v-e0b7fa9b]:hover {
  background-color: #f9f9f9;
  z-index: 1;
}

/* Column highlighting */
.matrix-cell[data-v-e0b7fa9b]:hover::after {
  content: '';
  position: absolute;
  background-color: rgba(240, 248, 255, 0.7);
  z-index: -1;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  pointer-events: none;
}

/* Disabled cells style (diagonal cells) */
.matrix-cell-disabled[data-v-e0b7fa9b] {
  background-color: #f0f0f0 !important;
  opacity: 0.6 !important;
  cursor: default;
}

/* Make sure disabled state takes precedence */
.matrix-cell-disabled[data-v-e0b7fa9b]:hover,
.matrix-cell-disabled[data-v-e0b7fa9b]:hover::after {
  background-color: #f0f0f0 !important;
  opacity: 0.6 !important;
}

/* Selected cell style */
.matrix-cell-selected[data-v-e0b7fa9b] {
  outline: 2px solid #007bff;
  outline-offset: -2px;
  position: relative;
  z-index: 5;
}

/* Hidden cells style */
.matrix-cell-hidden[data-v-e0b7fa9b] {
  opacity: 0.4;
}

/* Popover styles */
.matrix-popover[data-v-e0b7fa9b] {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 12px;
  z-index: 100000;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  pointer-events: none;
  font-size: 12px;
  line-height: 1.5;
  min-width: 150px;
}
.matrix-popover[data-v-e0b7fa9b]::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
}
.matrix-cell:hover .matrix-popover[data-v-e0b7fa9b] {
  display: block;
}

/* Circle styles for relationship indicators */
.matrix-circle[data-v-e0b7fa9b] {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s ease-in-out;
  position: relative;
}
.matrix-circle[data-v-e0b7fa9b]:hover {
  transform: scale(1.2);
}

/* Direction indicators */
.matrix-circle-outgoing[data-v-e0b7fa9b]::after {
  content: '→';
  position: absolute;
  font-size: 12px;
  color: white;
  text-shadow: 0 0 2px black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.matrix-circle-incoming[data-v-e0b7fa9b]::after {
  content: '←';
  position: absolute;
  font-size: 12px;
  color: white;
  text-shadow: 0 0 2px black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.matrix-circle-bidirectional[data-v-e0b7fa9b]::after {
  content: '↔';
  position: absolute;
  font-size: 12px;
  color: white;
  text-shadow: 0 0 2px black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.visibility-icon[data-v-e0b7fa9b] {
  margin-left: 4px;
  opacity: 0.7;
  font-size: 0.75rem;
}

/* Edge details styling */
.edge-details[data-v-e0b7fa9b] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eee;
}
.edge-property[data-v-e0b7fa9b] {
  margin: 4px 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.property-key[data-v-e0b7fa9b] {
  font-weight: 500;
  margin-right: 8px;
  color: #666;
}
.property-value[data-v-e0b7fa9b] {
  font-weight: normal;
  color: #333;
  text-align: right;
}

/* Settings toolbar and popover styles */
.settings-popover-content[data-v-e0b7fa9b] {
  min-width: 250px;
  padding: 1rem;
}
.settings-section[data-v-e0b7fa9b] {
  margin-bottom: 1.5rem;
}
.settings-option[data-v-e0b7fa9b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.settings-label[data-v-e0b7fa9b] {
  margin-right: 10px;
  font-weight: 500;
}

.chart-container[data-v-4d5a99ee] {
  position: relative;
  width: 100%;
  height: 100%;
}
.radar-chart[data-v-4d5a99ee] {
  width: 100%;
  height: 100%;
}

.table-tool-select {
  width: 200px;
}
.table-tools {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.p-datatable tbody tr {
  max-height: 50px;
  height: 50px;

  overflow: hidden;
}
.p-datatable tbody tr td {
  max-height: 50px;
  height: 50px;

  overflow: hidden;
}
.dv-tablecontainer {
  overflow-x: hidden !important;
}
.p-datatable {
  table-layout: fixed;
  width: 100%;
}
.tb-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selected-row {
  background-color: var(--p-list-option-highlighted-background) !important;
}
.active-row {
  background-color: var(--p-list-option-selected-background) !important;
}
.draggable-icon {
  cursor: grab;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.draggable-icon:hover {
  transform: scale(1.1);
}
.draggable-icon.dragging {
  opacity: 0.7;
  transform: scale(0.95);
}
.draggable-icon:active {
  cursor: grabbing;
}

/* .p-virtualscroller {
  overflow-x: hidden
} */
.table-scroller[data-v-514755d9] {
  overflow-x: hidden !important;
  /* background-color: red; */
  display: none;
}
.table-class[data-v-514755d9] {
  /* background-color: red !important; */
}
.table-container[data-v-514755d9] {
  /* width: 100%;
  height: 100%; */
}

/* Outer padding for the whole timeline */
.vertical-timeline-root[data-v-0fbd2b5c] {
  padding: 12px 16px;
}
/* Professional, left-aligned timeline layout */
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event-opposite {
  /* Keep column in layout but make it zero-width to preserve the connector line */
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 0 !important;
  max-width: 0 !important;
}
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event {
  align-items: flex-start;
  /* In case grid layout is used under the hood, force left column to zero */
  grid-template-columns: 0 min-content 1fr;
  margin: 0 !important; /* remove vertical gaps between events */
  padding: 0 !important;
}
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event-separator {
  margin-inline-end: 0.75rem; /* spacing between line and content */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0; /* no gap between connectors */
  position: relative; /* enable pseudo-element for continuous line */
}
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event-connector {
  background: var(--p-content-border-color);
  width: 2px;
  min-height: 8px; /* base height */
  flex: 1 1 auto; /* fill available space above/below marker */
  opacity: 1;
}
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event-marker {
  z-index: 1; /* keep marker above the line */
}

/* Draw a continuous line that overlaps slightly with adjacent rows to avoid visual gaps */
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event-separator::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px; /* extend above */
  bottom: -10px; /* extend below */
  width: 2px;
  background: var(--p-content-border-color);
  z-index: 0;
}
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 0 12px 0; /* spacing moved inside content so rows can touch */
}
[data-v-0fbd2b5c] .p-timeline.p-timeline-vertical {
  row-gap: 0 !important; /* if using CSS grid gaps */
}
.vtl-opposite-spacer[data-v-0fbd2b5c] { display: none;
}
.vtl-marker[data-v-0fbd2b5c] {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid var(--p-content-background);
  box-shadow: 0 1px 6px rgba(0,0,0,0.12);
}
.vtl-marker.active[data-v-0fbd2b5c] {
  outline: 3px solid var(--p-primary-400);
}
.vtl-marker-icon[data-v-0fbd2b5c] { color: white; font-size: 14px;
}
.vtl-entry[data-v-0fbd2b5c] {
  padding: 4px 2px 10px 2px;
  cursor: pointer;
  transition: background .15s ease;
}
.vtl-entry[data-v-0fbd2b5c]:hover { background: var(--p-overlay-hover-background);
}
.active-entry[data-v-0fbd2b5c] { background: var(--p-list-option-selected-background) !important;
}
.selected-entry[data-v-0fbd2b5c] { background: var(--p-list-option-highlighted-background);
}
.vtl-entry-header[data-v-0fbd2b5c] { margin-bottom: 6px; display: block;
}
.vtl-title[data-v-0fbd2b5c] { font-weight: 700; font-size: 1rem; margin: 0 0 2px 0;
}
.vtl-date[data-v-0fbd2b5c] { font-size: .9rem; color: var(--p-text-muted-color); margin: 0 0 6px 0;
}
.vtl-image[data-v-0fbd2b5c] { margin: 6px 0;
}
.vtl-image img[data-v-0fbd2b5c] { width: 100%; border-radius: 6px; object-fit: cover;
}
.vtl-props[data-v-0fbd2b5c] { display: grid; gap: 4px; margin: 6px 0 0 0;
}
.vtl-prop[data-v-0fbd2b5c] { font-size: 0.95rem; color: var(--p-text-color-secondary);
}
.vtl-footer[data-v-0fbd2b5c] { margin-top: 6px;
}
.vtl-link[data-v-0fbd2b5c] { color: var(--p-primary-color); font-weight: 600; text-decoration: none;
}
.vtl-link[data-v-0fbd2b5c]:hover { text-decoration: underline;
}

.tree-item-body {
  cursor: pointer;
  /* background-color: red; */
}

.social-container[data-v-36bc25fe] {
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 0; /* allow shrinking inside flex/split panels without overflowing */
  overflow-y: auto;
  overflow-x: hidden; /* prevent horizontal overflow */
  box-sizing: border-box;
  flex: 1 1 auto; /* allow flexible sizing in parent containers */
}
.toolbar[data-v-36bc25fe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid var(--p-content-border-color);
  gap: 8px;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--p-content-background);
  min-width: 0; /* allow shrinking */
  max-width: 100%;
}
.toolbar .left[data-v-36bc25fe] { 
  display: inline-flex; 
  align-items: center; 
  gap: 8px; 
  flex: 1 1 200px; 
  min-width: 0; /* allow shrinking below min-content */
  max-width: 100%;
}
.toolbar .right[data-v-36bc25fe] { 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
  flex: 0 1 auto; /* allow shrinking when needed */
  flex-wrap: nowrap; /* keep filters inline */
  min-width: 0;
}
.toolbar .search-field[data-v-36bc25fe] { 
  min-width: 180px; 
  max-width: 300px;
  flex: 1 1 auto;
}
.filters-row[data-v-36bc25fe] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 12px 8px 12px;
  border-bottom: 1px dashed var(--p-content-border-color);
}
.filters-inline[data-v-36bc25fe] { 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
  flex-wrap: wrap;
  min-width: 0;
}
.filters-label[data-v-36bc25fe] { 
  display: inline-flex; 
  align-items: center; 
  gap: 4px; 
  color: var(--p-text-muted-color); 
  font-size: 0.85rem;
  white-space: nowrap;
}
.filters-chips[data-v-36bc25fe] { 
  display: flex; 
  gap: 4px; 
  flex-wrap: wrap;
  min-width: 0;
}
.filter-pill[data-v-36bc25fe] {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 8px; border-radius: 9999px;
  border: 1px solid var(--p-content-border-color);
  background: color-mix(in oklab, var(--p-content-background) 88%, transparent);
  font-size: 0.85rem; cursor: pointer;
}
.filter-pill .mdi[data-v-36bc25fe] { font-size: 0.95rem; opacity: 0.9;
}
.filter-pill.active[data-v-36bc25fe] { border-color: var(--p-primary-color); background: color-mix(in oklab, var(--p-primary-color) 12%, var(--p-content-background)); color: var(--p-text-color);
}
.filter-pill.clear[data-v-36bc25fe] { border-style: dashed;
}
.filter-pill .pill-text[data-v-36bc25fe] { opacity: 0.95;
}
.toolbar-text-filter[data-v-36bc25fe] .p-inputtext {
  height: 28px;
}
.threshold-dropdown[data-v-36bc25fe] .p-dropdown-label {
  font-size: 0.85rem;
}
.message[data-v-36bc25fe] {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 10px;
  padding: 12px;
  transition: background-color 0.15s ease;
  max-width: 100%;
  min-width: 0; /* allow grid items to shrink */
  overflow: hidden; /* prevent content from breaking layout */
}

/* Thread reply styling with visual connection */
.message[style*="border-left"][data-v-36bc25fe] {
  background: linear-gradient(90deg, 
    transparent 0px, 
    transparent 68px, 
    color-mix(in oklab, var(--p-content-border-color) 8%, transparent) 68px, 
    color-mix(in oklab, var(--p-content-border-color) 8%, transparent) 100%
  );
}
.message[style*="border-left"][data-v-36bc25fe]:hover {
  background: linear-gradient(90deg, 
    transparent 0px, 
    transparent 68px, 
    color-mix(in oklab, var(--p-content-border-color) 12%, transparent) 68px, 
    color-mix(in oklab, var(--p-content-border-color) 12%, transparent) 100%
  );
}
.message.active[data-v-36bc25fe] { background-color: var(--p-list-option-selected-background);
}
.message.selected[data-v-36bc25fe] { outline: 2px solid var(--p-highlight-bg); border-left: 5px solid var(--p-highlight-bg);
}
.avatar-col[data-v-36bc25fe] { display: flex; align-items: flex-start; justify-content: center;
}
.content-col[data-v-36bc25fe] { 
  display: flex; 
  flex-direction: column; 
  gap: 6px; 
  min-width: 0; 
  max-width: 100%;
  overflow: hidden; /* prevent text overflow from breaking layout */
}
.header-row[data-v-36bc25fe] { 
  display: flex; 
  align-items: center; 
  gap: 6px; 
  font-size: 0.9rem;
  flex-wrap: wrap;
  min-width: 0;
}
.thread-toggle[data-v-36bc25fe] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 6px;
  padding: 2px 6px;
  border-radius: 12px;
  background: color-mix(in oklab, var(--p-primary-color) 12%, transparent);
  border: 1px solid color-mix(in oklab, var(--p-primary-color) 25%, transparent);
}
.thread-icon[data-v-36bc25fe] {
  font-size: 1rem;
  color: var(--p-primary-color);
  transition: transform 0.2s ease;
}
.thread-icon[data-v-36bc25fe]:hover {
  transform: scale(1.1);
}
.thread-count[data-v-36bc25fe] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--p-primary-color);
  min-width: 16px;
  text-align: center;
}
.thread-spacer[data-v-36bc25fe] {
  width: 20px; /* Reserve space for consistency */
  flex-shrink: 0;
}
.poster-name[data-v-36bc25fe] { font-weight: 600;
}
.poster-handle[data-v-36bc25fe] { color: var(--p-text-muted-color); font-size: 0.85rem;
}
.dot[data-v-36bc25fe] { color: var(--p-text-muted-color);
}
.time[data-v-36bc25fe] { color: var(--p-text-muted-color); font-size: 0.85rem;
}
.spacer[data-v-36bc25fe] { flex: 1;
}
.message-text[data-v-36bc25fe] { white-space: pre-wrap; word-break: break-word;
}
.message-text .mention[data-v-36bc25fe] { color: #1d9bf0; font-weight: 700;
}
.message-text .hashtag[data-v-36bc25fe] { color: #14a1f0; font-weight: 700;
}
.message-text .search-hit[data-v-36bc25fe] { background: color-mix(in oklab, var(--p-primary-color) 30%, transparent); padding: 0 2px; border-radius: 2px;
}
.actions-row[data-v-36bc25fe] { 
  display: flex; 
  gap: 6px; 
  opacity: 0.8;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
}
.indicators[data-v-36bc25fe] { 
  display: flex; 
  gap: 4px; 
  align-items: center; 
  flex-wrap: wrap; 
  margin-left: 4px;
  min-width: 0;
}
.indicator-pill[data-v-36bc25fe] { display: inline-flex; align-items: center; gap: 4px; font-size: 0.8rem; padding: 2px 6px; border-radius: 9999px; border: 1px solid var(--p-content-border-color); background: color-mix(in oklab, var(--p-content-background) 88%, transparent);
}
.indicator-pill .mdi[data-v-36bc25fe] { font-size: 0.9rem; opacity: 0.8;
}
.indicator-name[data-v-36bc25fe] { opacity: 0.9;
}
.indicator-value[data-v-36bc25fe] { font-weight: 600;
}

/* Responsive breakpoints */
@media (max-width: 768px) {
.toolbar[data-v-36bc25fe] {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
.toolbar .left[data-v-36bc25fe],
  .toolbar .right[data-v-36bc25fe] {
    flex: 1 1 auto;
    justify-content: space-between;
}
.toolbar .search-field[data-v-36bc25fe] {
    min-width: 150px;
}
.filters-inline[data-v-36bc25fe] {
    gap: 4px;
}
.filters-chips[data-v-36bc25fe] {
    gap: 3px;
}
.filter-pill[data-v-36bc25fe] {
    padding: 3px 6px;
    font-size: 0.8rem;
}
.message[data-v-36bc25fe] {
    grid-template-columns: 48px 1fr;
    gap: 8px;
    padding: 10px;
}
  
  /* Reduce thread indentation on mobile */
.message[style*="margin-left"][data-v-36bc25fe] {
    margin-left: 16px !important;
}
.thread-toggle[data-v-36bc25fe] {
    padding: 1px 4px;
    gap: 2px;
}
.thread-count[data-v-36bc25fe] {
    font-size: 0.7rem;
}
.header-row[data-v-36bc25fe] {
    font-size: 0.85rem;
}
.poster-handle[data-v-36bc25fe],
  .time[data-v-36bc25fe] {
    font-size: 0.8rem;
}
.message-text[data-v-36bc25fe] {
    font-size: 0.9rem;
}
.indicators[data-v-36bc25fe] {
    gap: 3px;
}
.indicator-pill[data-v-36bc25fe] {
    font-size: 0.75rem;
    padding: 1px 4px;
}
}
@media (max-width: 480px) {
.toolbar .right > div[data-v-36bc25fe]:not(:first-child) {
    display: none; /* Hide some toolbar items on very small screens */
}
.filters-inline[data-v-36bc25fe] {
    display: none; /* Hide filters on very small screens */
}
.message[data-v-36bc25fe] {
    grid-template-columns: 40px 1fr;
    gap: 6px;
    padding: 8px;
}
  
  /* Minimal thread indentation on very small screens */
.message[style*="margin-left"][data-v-36bc25fe] {
    margin-left: 8px !important;
    padding-left: 8px !important;
}
.thread-toggle[data-v-36bc25fe] {
    padding: 1px 3px;
}
.thread-spacer[data-v-36bc25fe] {
    width: 12px;
}
.poster-handle[data-v-36bc25fe] {
    display: none; /* Hide handles on very small screens */
}
.indicators .indicator-name[data-v-36bc25fe] {
    display: none; /* Show only icons and values */
}
}

.refresh-button {
  position: static;
  right: 10px;
  top: 10px;
}
.drawing-header {
  background-color: var(--p-surface-c);
  border-radius: 0;
}
.network-settings-panel {
  position: absolute;
  z-index: 1000;
  left: 5px;
  top: 5px;
  height: auto;
}
.settings-card {
  background-color: var(--p-surface-card);
  border-radius: var(--p-border-radius);
  box-shadow: var(--p-card-shadow);
  min-width: 300px;
}
.settings-card h3 {
  color: var(--p-primary-color);
  border-bottom: 1px solid var(--p-surface-border);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.header-label-button {
  min-width: 100px;
  /* color: var(--p-text-color); */
}

/* Draggable elements panel styles */
.draggable-elements-panel {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background-color: var(--p-surface-card);
  border-left: 1px solid var(--p-surface-border);
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 999;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.panel-header {
  padding: 1rem;
  color: var(--p-primary-color);
  border-bottom: 1px solid var(--p-surface-border);
  font-weight: bold;
  margin: 0;
}
.search-container {
  padding: 0.75rem;
  border-bottom: 1px solid var(--p-surface-border);
}
.draggable-elements {
  overflow-y: auto;
  flex: 1;
  padding: 0.5rem;
}
.draggable-element {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--p-border-radius);
  background-color: var(--p-surface-ground);
  cursor: grab;
  transition: background-color 0.2s;
}
.draggable-element:hover {
  background-color: var(--p-surface-hover);
}
.draggable-element:active {
  cursor: grabbing;
  background-color: var(--p-surface-active);
}
.element-icon {
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.element-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}
.no-elements {
  padding: 1rem;
  text-align: center;
  color: var(--text-color-secondary);
  font-style: italic;
}

/* Animation for panel */
.slide-right-enter-active,
.slide-right-leave-active {
  transition: transform 0.3s;
}
.slide-right-enter-from,
.slide-right-leave-to {
  transform: translateX(100%);
}

/* Edge filter panel styles */
.edge-filter-panel {
  min-width: 300px;
}
.edge-filter-content {
  padding: 1rem;
}
.edge-filter-content h3 {
  color: var(--p-primary-color);
  border-bottom: 1px solid var(--p-surface-border);
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
.edge-filter-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.edge-filter-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: background-color 0.2s ease;
}
.edge-filter-item:hover {
  background-color: var(--p-surface-50);
}
.edge-filter-item.filtered {
  background-color: var(--p-orange-50);
  border-left: 3px solid var(--p-orange-400);
}
.edge-filter-item label {
  cursor: pointer;
  font-size: 0.875rem;
  flex: 1;
}
.edge-checkbox {
  width: 1rem;
  height: 1rem;
  accent-color: var(--p-primary-color);
  cursor: pointer;
}
.edge-count-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.visible-count {
  color: var(--p-primary-600);
  background-color: var(--p-primary-50);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
}
.filtered-count {
  color: var(--p-orange-600);
  background-color: var(--p-orange-50);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-style: italic;
}
.edge-filter-summary {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--p-surface-border);
  text-align: center;
}
.no-edge-types {
  color: var(--text-color-secondary);
  font-style: italic;
  text-align: center;
  padding: 1rem 0;
}
.node-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  border: 1.5px solid #fff;
  box-sizing: border-box;
  background: #888;
}
.node-badge i {
  font-size: 16px;
}

.network-container {
  height: 100%;
  position: relative;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  background-color: var(--p-surface-100);
}
.cytoscape-container {
  /* height: 100%; */
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* width: calc(100% - 50px); */
  /* width: 300px; */
  /* width: auto; */
}
.grid-item {
  cursor: pointer;
  /* Common styles for all items, like padding, background, etc. */
}

.layout-card-content[data-v-00afc477] {
  padding: 0;
}

/* === Core Styling === */
.dv-graph {
  background: var(--p-surface-ground);
}
.dv-graph :deep(.p-button) {
  border-radius: 8px;
  transition: all 0.2s ease;
}

/* === Toolbar Styling === */
.toolbar {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 11;
  display: flex;
  gap: 6px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--p-surface-border);
  border-radius: 8px;
  padding: 4px 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.toolbar :deep(.p-button) {
  border-radius: 6px;
}

/* Dark mode toolbar */
:global(.cs-dark) .toolbar {
  background: rgba(42, 42, 42, 0.95);
  border-color: #3a3a3a;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
:global(.cs-dark) .toolbar :deep(.p-button) {
  color: #ffffff;
}
:global(.cs-dark) .toolbar :deep(.p-button:hover) {
  background: rgba(255, 255, 255, 0.1);
}

/* === Three.js Container === */
.three-js-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--p-surface-ground);
}
.three-js-container canvas {
  display: block;
}

/* === Overlays === */
.icons-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
}
.badges-overlay {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}
.node-badges {
  display: flex;
  gap: 2px;
  position: absolute;
  pointer-events: none;
}
.badge-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  pointer-events: auto;
}
.badge-circle:hover {
  transform: scale(1.15);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
}
.badge-circle:active {
  transform: scale(0.95);
}
.badge-icon {
  font-size: 0.7rem;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.badge-label {
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.path-badges-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 6;
}
.path-badge {
  position: absolute;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  background: white;
  /* Ensure the badge has a visible border that follows the role color */
  border: 2px solid currentColor;
  /* Small elevation for readability on busy backgrounds */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  /* Overlay-only; all pointer interactions pass through */
  pointer-events: none;
}

/* Support both legacy (-badge suffix) and current (.source/.target) classnames */
.path-badge.source-badge,
.path-badge.source {
  color: #22C55E;
  /* green */
  border-color: #22C55E;
}
.path-badge.target-badge,
.path-badge.target {
  color: #EF4444;
  /* red */
  border-color: #EF4444;
}
.focus-badge {
  position: absolute;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  background: #888;
  color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Icon inside the badge inherits parent color; tighten layout */
.path-badge .mdi {
  line-height: 1;
}

/* Path card UI tweaks */
.path-node-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.path-node-label .mdi {
  font-size: 1rem;
}
.path-node-row:first-of-type .path-node-label .mdi {
  color: #22C55E;
}
.path-node-row:last-of-type .path-node-label .mdi {
  color: #EF4444;
}
.path-node-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.path-node-name {
  font-weight: 600;
}
.path-depth-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.path-depth-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
:global(.cs-dark) .path-badge {
  background: #1a1a1a;
  border-color: currentColor;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

/* === Editor Overlay === */
.inplace-editor {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 12;
}

/* === Focus Mode Warning === */
.focus-mode-warning {
  padding: 0 0.75rem;
}

/* === Edge Drawing Tooltip === */
.edge-drawing-tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 13;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: 1px solid #555;
}
:global(.cs-dark) .edge-drawing-tooltip {
  background: #1a1a1a;
  border-color: #444;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
}
.node-icon {
  position: absolute;
  text-align: center;
}

/* === Left Panel (Cards Container) === */
.left-panel {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 6px;
  pointer-events: auto;
}

/* === Card Toggle Row === */
.card-toggle-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr) auto;
  gap: 4px;
  align-items: center;
  min-width: 250px;
  max-width: fit-content;
  padding: 0;
  background-color: transparent !important;
  border: none !important;
  opacity: var(--v60eea722);
  transition: opacity var(--v4e3fb580);
}
.card-toggle-btn {
  height: 32px !important;
  width: 32px !important;
  padding: 0 !important;
  font-size: 14px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background-color: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: var(--p-text-color) !important;
  cursor: pointer;
  transition: all 0.15s ease;
}
.card-toggle-btn:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color) !important;
}

/* Selected state (outlined=false means card is visible) */
.card-toggle-btn:not(.p-button-outlined) {
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color) !important;
}

/* Dark mode adjustments */
:global(.cs-dark) .card-toggle-btn {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--p-text-color) !important;
}
:global(.cs-dark) .card-toggle-btn:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color) !important;
}
:global(.cs-dark) .card-toggle-btn:not(.p-button-outlined) {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--p-primary-color) !important;
  color: var(--p-primary-color) !important;
}
.card-toggle-btn :deep(.p-button-label) {
  display: none;
}
.card-toggle-btn :deep(.p-icon) {
  margin: 0 !important;
  font-size: 16px;
}

/* === Shared Card Styling === */
.legend-card,
.tags-card {
  min-width: 250px;
  max-width: 250px !important;
  border-radius: 8px;
  background-color: var(--accent-ground) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: var(--v60eea722);
  transition: opacity var(--v4e3fb580);
}
.legend-tags-accent-card {
  background-color: var(--accent-ground) !important;
}
.legend-card :deep(.p-card),
.tags-card :deep(.p-card),
.legend-card :deep(.legend-tags-accent-card),
.tags-card :deep(.legend-tags-accent-card) {
  border-radius: 8px !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
}
.legend-card :deep(.p-card-body),
.tags-card :deep(.p-card-body) {
  background: transparent !important;
  padding: 0 !important;
}
.legend-card :deep(.p-card-header),
.tags-card :deep(.p-card-header) {
  background: transparent !important;
  border-bottom-color: var(--p-surface-border) !important;
}
.legend-card :deep(.p-card-content),
.tags-card :deep(.p-card-content) {
  background: transparent !important;
}


/* === Card Header === */
.card-header {
  font-weight: 600;
  font-size: 14px;
  padding-left: 3px;
  padding-top: 3px;
  color: var(--p-text-color);
}

/* === Legend Card Specific === */
.legend-card {
  max-width: 200px;
}
.legend-card :deep(.p-card-header) {
  padding: 0.75rem 0.75rem !important;
  border-bottom: 1px solid var(--p-surface-border) !important;
  background: transparent !important;
}
.legend-card :deep(.p-card-content) {
  padding: 0.75rem !important;
  background: transparent !important;
}
.legend-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: auto;
}
.no-items {
  font-size: 12px;
  color: var(--p-text-color-secondary);
  font-style: italic;
  text-align: center;
  padding: 1rem;
}
.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: grab;
  padding: 4px;
  border-radius: 6px;
  transition: background-color 0.15s ease;
  min-height: 24px;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
  justify-content: space-between;
}
.legend-item:hover {
  background-color: var(--p-surface-50);
}
.legend-item:active {
  cursor: grabbing;
}
.legend-color {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: grab;
  flex-shrink: 0;
}
.legend-label {
  font-size: 12px;
  cursor: pointer;
  user-select: none;
  color: var(--p-text-color);
}
.legend-label.dimmed {
  opacity: 0.4;
  font-style: italic;
}
.legend-icon {
  font-size: 14px;
  color: var(--p-text-color-secondary);
}
.legend-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.legend-edge-select :deep(.p-selectbutton .p-button) {
  width: 100%;
  justify-content: space-between;
}

/* === Tags Card Specific === */
.tags-card {
  max-width: 260px;
}
.tags-card :deep(.p-card-header) {
  padding: 0.75rem 0.75rem !important;
  border-bottom: 1px solid var(--p-surface-border) !important;
  background: transparent !important;
}
.tags-card :deep(.p-card-content) {
  padding: 0.75rem !important;
  background: transparent !important;
}
.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: auto;
}
.tags-list :deep(.p-chip) {
  font-size: 11px;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid var(--p-surface-border);
  background: var(--p-surface-100);
  transition: all 0.15s ease;
}
.tags-list :deep(.p-chip):hover {
  background: var(--p-surface-200);
  border-color: var(--p-primary-color);
}
.tags-list :deep(.p-chip-label) {
  padding: 0 0.25rem;
  font-weight: 500;
}

/* === Dark Mode Support === */
:global(.cs-dark) .legend-card,
:global(.cs-dark) .tags-card {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  /* --accent-ground automatically adapts to dark mode, no override needed */
}
:global(.cs-dark) .legend-card :deep(.p-card-header),
:global(.cs-dark) .tags-card :deep(.p-card-header) {
  background: transparent;
  border-color: var(--p-content-border-color);
}
:global(.cs-dark) .legend-card :deep(.p-card-content),
:global(.cs-dark) .tags-card :deep(.p-card-content) {
  background: transparent;
  color: var(--p-text-color);
}
:global(.cs-dark) .card-header {
  color: #ffffff;
}

/* Dark mode legend items */
:global(.cs-dark) .legend-item {
  border-radius: 6px;
  padding: 4px;
}
:global(.cs-dark) .legend-item:hover {
  background-color: #3a3a3a;
}
:global(.cs-dark) .legend-color {
  border-color: #1a1a1a;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
:global(.cs-dark) .legend-label {
  color: #ffffff;
}

/* Dark mode chips */
:global(.cs-dark) .tags-list :deep(.p-chip) {
  background: #3a3a3a;
  border-color: #4a4a4a;
  color: #ffffff;
}
:global(.cs-dark) .tags-list :deep(.p-chip):hover {
  background: #4a4a4a;
  border-color: #5a5a5a;
}
:global(.cs-dark) .tags-list :deep(.p-chip-label) {
  color: #ffffff;
}

/* === Remaining Base Styles === */

.editor-grid[data-v-1d450425] {
  overflow: auto;
}

.details-tabpanel {
  height: calc(100vh - 60px);
}
.details-panel {
  max-width: 700px;
  background-color: var(--p-accent-background);
  overflow-y: auto;
  height: 100vh;
  width: 100%;
  position: relative;
  transition: all 0.3s ease;
}
.details-panel.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  z-index: 1000;
  background-color: var(--p-accent-background);
  animation: expandFromPosition 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.details-panel.exiting-fullscreen {
  position: fixed;
  z-index: 1000;
  background-color: var(--p-accent-background);
  animation: contractToPosition 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes expandFromPosition {
from {
    /* Start from captured position */
    top: var(--start-y, 0);
    left: var(--start-x, 0);
    width: var(--start-width, 100%);
    height: var(--start-height, 100vh);
    right: auto;
    bottom: auto;
}
to {
    /* End at fullscreen */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    right: 0;
    bottom: 0;
}
}
@keyframes contractToPosition {
from {
    /* Start from fullscreen */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    right: 0;
    bottom: 0;
}
to {
    /* End at original position */
    top: var(--start-y, 0);
    left: var(--start-x, 0);
    width: var(--start-width, 100%);
    height: var(--start-height, 100vh);
    right: auto;
    bottom: auto;
}
}

/* Controls container for buttons */
.details-controls {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  width: 80px;
  flex-direction: row !important;
  /* gap: 8px !important; */
  z-index: 9999;
  align-items: right !important;
  height: 25px !important;
}
.details-controls .toggle-fullscreen-button,
.details-controls .close-dialog-button {
  /* border-radius: 50% !important; */

  transition: transform 0.3s ease, background-color 0.8s ease !important;
}
.details-controls .toggle-fullscreen-button:hover,
.details-controls .close-dialog-button:hover {
  transform: scale(1.2) !important;
  background-color: var(--p-surface-hover) !important;
}

/* Tab styles */
.details-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--p-content-background);
}
.details-tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Tab header content styling */
.tab-header-content {
  display: flex;
  align-items: center;
  padding: 0 4px;
  min-width: 30px;
  /* Ensure even short tabs have some minimum width */
  max-width: 200px;
  /* Prevent tabs from getting too wide */
  overflow: visible;
  /* Changed from hidden to ensure close button visibility */
  white-space: nowrap;
  position: relative;
  /* Ensure proper stacking context */
}
.tab-header-content .mdi {
  margin-right: 5px;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.tab-header-content.icon-only {
  padding: 0 2px;
  justify-content: center;
  min-width: 24px;
}
.tab-header-content.icon-only .mdi {
  margin-right: 0;
  font-size: 1.2rem;
}
.tab-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 5px;
  /* Ensure space for close button */
}

/* Override PrimeVue TabView styles */
.details-tabs .p-tabview-panels {
  padding: 0;
  flex: 1;
  overflow-y: auto;
  position: relative;
  background-color: var(--p-content-background);
}
.details-tabs .p-tabview-nav {
  background-color: var(--p-surface-section);
  border-bottom: 1px solid var(--p-surface-border);
}
.details-tabs .p-tabview-nav-container {
  position: relative;
}

/* Tab header styling */
.tab-header {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.tab-header i {
  margin-right: 0.5rem;
}

/* Make sure the TabView takes up the full height */
.details-tabs .p-tabview {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Ensure TabPanel content scales correctly */
.details-tabs .p-tabview-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Make component inside TabPanel take full height */
.details-tabs .p-tabview-panel>* {
  flex: 1;
  overflow: auto;
  background-color: var(--p-content-background);
}
.close-button {
  position: absolute;
  left: -12.5px;
  top: 20px;
  padding-top: 12px;
  max-width: 25px !important;
  max-height: 25px;
  background-color: var(--p-surface-ground);
}
.details-dashboard-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.details-dashboard {
  width: 50px !important;
  overflow-y: auto;
}
.p-panelmenu-header-content {
  border: 0 !important;
}
.p-panelmenu-header>div>a>a {
  padding-left: 8px !important;
}
.p-panelmenu-header>div>a>a>span.pi {
  font-size: 1.5rem;
}

.shortcuts-container {
  padding: 16px;

  overlay: auto;
  height: 100vh;
  overflow-y: auto;
}
.shortcuts-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.shortcuts-heading {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}
.clear-all-container {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.clear-all-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: transparent;
  color: #ff3860;
  border: 1px solid #ff3860;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.clear-all-button:hover {
  background-color: #ff3860;
  color: white;
}
.section-title {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 8px;
}
.shortcuts-section {
  margin-bottom: 24px;
}
.shortcuts-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.empty-state {
  padding: 24px;
  text-align: center;
  color: #888;
  font-style: italic;
}

.p-panelmenu-header-content[data-v-51a9e3c8] {
  border: 0 !important;
}
.bottom-menu-item[data-v-51a9e3c8] {
  margin-bottom: 5px;
}
.p-panelmenu-header>div>a>a[data-v-51a9e3c8] {
  padding-left: 8px !important;
}
.p-panelmenu-header>div>a>a>span.mdi[data-v-51a9e3c8] {
  font-size: 1.5rem;
  color: var(--p-primary-color) !important;
}
.invert-logo[data-v-51a9e3c8] {
  filter: invert(1);
}
.left-sidebar-submenu[data-v-51a9e3c8] {
  position: relative;
  background-color: var(--p-content-background);
}

/* Sidebar submenu pin/floating styles */
.left-sidebar-submenu.submenu-floating[data-v-51a9e3c8] {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
  border-right: 1px solid var(--p-content-border-color);
  border-left: 1px solid var(--p-content-border-color);
  transition: left 0.2s, opacity 0.9s;
}

/* Bottom menu section with border */
.sidebar-bottom-menu[data-v-51a9e3c8] {
  border-top: 1px solid var(--p-content-border-color);
  padding-top: 0px;
  margin-top: 2px;
}

/* Add opacity styles for hovering state */
.left-sidebar-submenu.submenu-hovering[data-v-51a9e3c8] {
  opacity: 0.7;
}
.left-sidebar-submenu[data-v-51a9e3c8]:not(.submenu-pinned):not(.submenu-floating) {
  display: none;
}
.pin-btn[data-v-51a9e3c8] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}

/* Right border trigger styling */
.right-border-trigger[data-v-51a9e3c8] {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  cursor: pointer;
  z-index: 5;
}

/* Add position relative to contain absolute positioned elements */
.left-sidebar-menu[data-v-51a9e3c8] {
  position: relative;
}

/* Custom styling for SSE status badge */
.sse-status-badge[data-v-51a9e3c8] .p-badge {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 50% !important;
  font-size: 0px !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Logo container styling */
.logo-container[data-v-51a9e3c8] {
  position: relative;
  display: inline-block;
}

/* Offline banner styling */
.offline-banner[data-v-51a9e3c8] {
  position: absolute;
  bottom: 0;
  right: -5px;
  z-index: 10;
  pointer-events: none;
  transform: rotate(-30deg) translate(2px, 2px);
}

/* small visual tweak for the press-enter indicator to stand out */
.search-shortcut.press-enter[data-v-b46dba9d] {
  background: var(--p-primary-50);
  color: var(--p-primary-700);
  border: 1px solid var(--p-primary-200);
}
.cs-dark .search-shortcut.press-enter[data-v-b46dba9d] {
  background: var(--p-primary-900);
  color: var(--p-primary-100);
  border: 1px solid var(--p-primary-700);
}
.search-container[data-v-b46dba9d] {
  display: flex;
  flex-direction: column;
}

/* Align search field to top and remove default dialog padding */
.quick-open-dialog[data-v-b46dba9d] .p-dialog-content {
  padding-top: 0 !important;
}

/* Ensure search container sits at top with consistent padding */
.search-container[data-v-b46dba9d] {
  margin-top: 0;
  padding: 0; 
   /* 0.75rem 1rem; */
}
.search-loading[data-v-b46dba9d],
.search-empty[data-v-b46dba9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  gap: 0.5rem;
  color: var(--p-text-muted-color);
}
.search-results-container[data-v-b46dba9d] {
  max-height: 60vh;
  overflow-y: auto;
}
.search-category[data-v-b46dba9d] {
  margin-bottom: 0.5rem;
}
.category-header[data-v-b46dba9d] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-text-color);
  background-color: var(--p-surface-100);
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  position: sticky;
  top: 0;
  z-index: 1;
}
.cs-dark .category-header[data-v-b46dba9d] {
  background-color: var(--p-surface-700);
  color: var(--p-text-color);
}
.search-results-list[data-v-b46dba9d] {
  display: flex;
  flex-direction: column;
}
.search-result-item[data-v-b46dba9d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s;
}
.search-result-item[data-v-b46dba9d]:hover {
  background-color: var(--p-surface-100);
}
.search-result-item.selected[data-v-b46dba9d] {
  background-color: var(--p-primary-color);
  color: white;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.cs-dark .search-result-item.selected[data-v-b46dba9d] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.search-result-item.selected i[data-v-b46dba9d] {
  color: white;
}
.search-result-item.selected .search-result-description[data-v-b46dba9d] {
  color: rgba(255, 255, 255, 0.8);
}
.search-result-item.selected .search-result-provider[data-v-b46dba9d] {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
.search-result-item i[data-v-b46dba9d] {
  font-size: 1.25rem;
  color: var(--p-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
}
.search-result-content[data-v-b46dba9d] {
  flex: 1;
}
.search-result-label[data-v-b46dba9d] {
  font-weight: 500;
}
.search-result-description[data-v-b46dba9d] {
  font-size: 0.875rem;
  color: var(--p-text-muted-color);
}
.search-result-provider[data-v-b46dba9d] {
  font-size: 0.75rem;
  color: var(--p-text-muted-color);
  background-color: var(--p-surface-200);
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
}
.cs-dark .search-result-provider[data-v-b46dba9d] {
  background-color: var(--p-surface-600);
  color: var(--p-text-muted-color);
}
.search-result-actions[data-v-b46dba9d] {
  display: flex;
  gap: 0.25rem;
  margin-left: 0.5rem;
}
.action-button[data-v-b46dba9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
  background: transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  color: var(--p-text-color-secondary);
  transition: all 0.2s;
}
.action-button[data-v-b46dba9d]:hover,
.action-button.action-hovered[data-v-b46dba9d],
.action-button.action-selected[data-v-b46dba9d] {
  background-color: var(--p-primary-300);
  color: var(--p-text-color);
}
.cs-dark .action-button[data-v-b46dba9d]:hover,
.cs-dark .action-button.action-hovered[data-v-b46dba9d],
.cs-dark .action-button.action-selected[data-v-b46dba9d] {
  background-color: var(--p-primary-600);
  color: white;
}
.action-button.action-selected[data-v-b46dba9d] {
  box-shadow: 0 0 0 2px var(--p-primary-color-light);
}
.search-help[data-v-b46dba9d] {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: var(--p-text-muted-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--p-content-border-color);
}
.keyboard-shortcuts[data-v-b46dba9d] {
  display: flex;
  gap: 1rem;
}
.keyboard-shortcuts span[data-v-b46dba9d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.provider-badge[data-v-b46dba9d] {
  background-color: var(--p-surface-200);
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
.cs-dark .provider-badge[data-v-b46dba9d] {
  background-color: var(--p-surface-600);
}
.provider-badge[data-v-b46dba9d]:hover {
  background-color: var(--p-surface-300);
}
.cs-dark .provider-badge[data-v-b46dba9d]:hover {
  background-color: var(--p-surface-500);
}
.search-options[data-v-b46dba9d] {
  display: flex;
  gap: 0.5rem;
}
.ml-2[data-v-b46dba9d] {
  margin-left: 0.5rem;
}
.clear-history-button[data-v-b46dba9d] {
  border: 1px solid var(--p-red-200);
  transition: all 0.2s;
}
.clear-history-button[data-v-b46dba9d]:hover {
  background-color: var(--p-red-50);
}
.cs-dark .clear-history-button[data-v-b46dba9d]:hover {
  background-color: var(--p-red-900);
}

/* Quick Open Search Input - Match intro page style */
.quick-open-search[data-v-b46dba9d] {
  background: var(--p-content-background) !important;
  border: 1px solid var(--p-content-border-color) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  font-size: 16px !important;
  color: var(--p-text-color) !important;
  transition: all 0.2s ease !important;
  height: auto !important;
  min-height: 48px !important;
}
.cs-dark .quick-open-search[data-v-b46dba9d] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.quick-open-search[data-v-b46dba9d]:hover {
  border-color: var(--p-primary-color) !important;
  box-shadow: 0 4px 12px rgba(var(--p-primary-color-rgb), 0.15) !important;
}
.cs-dark .quick-open-search[data-v-b46dba9d]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
.quick-open-search[data-v-b46dba9d]:focus {
  border-color: var(--p-primary-color) !important;
  box-shadow: 0 0 0 2px rgba(var(--p-primary-color-rgb), 0.2) !important;
  outline: none !important;
}
.quick-open-search[data-v-b46dba9d]::placeholder {
  color: var(--p-text-muted-color) !important;
  font-size: 16px !important;
}

/* Dialog styling to match dashboard theme */
[data-v-b46dba9d] .p-dialog {
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}
.cs-dark[data-v-b46dba9d] .p-dialog {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}
[data-v-b46dba9d] .p-dialog-header {
  background: var(--p-content-background) !important;
  border-bottom: 1px solid var(--p-content-border-color) !important;
  padding: 16px 24px !important;
  border-radius: 8px 8px 0 0 !important;
}
[data-v-b46dba9d] .p-dialog-title {
  color: var(--p-text-color) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}
[data-v-b46dba9d] .p-dialog-content {
  padding: 24px !important;
  background: var(--p-content-background) !important;
}
.search-container[data-v-b46dba9d] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.search-input-container[data-v-b46dba9d] {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--p-content-background);
  border: 2px solid var(--p-content-border-color);
  border-radius: 8px;
  padding: 0;
  margin-bottom: 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.search-input-container[data-v-b46dba9d]:hover {
  border-color: var(--p-primary-color);
}
.search-input-container[data-v-b46dba9d]:focus-within {
  border-color: var(--p-primary-color);
  box-shadow: 0 0 0 2px rgba(var(--p-primary-color-rgb), 0.2);
}
.search-icon[data-v-b46dba9d] {
  position: absolute;
  left: 16px;
  color: var(--p-text-muted-color);
  font-size: 20px;
  z-index: 2;
}
.search-shortcut[data-v-b46dba9d] {
  position: absolute;
  right: 16px;
  background: var(--p-surface-100);
  color: var(--p-text-muted-color);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
}
.cs-dark .search-shortcut[data-v-b46dba9d] {
  background: var(--p-surface-700);
  color: var(--p-text-muted-color);
}
.shortcut-modifier-icon[data-v-b46dba9d] {
  font-size: 14px;
  line-height: 1;
}
.shortcut-modifier-text[data-v-b46dba9d] {
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}
[data-v-b46dba9d] .quick-open-search {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 16px 60px 16px 52px !important;
  font-size: 16px !important;
  background: transparent !important;
  border-radius: 0 !important;
}
[data-v-b46dba9d] .quick-open-search:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Live Mode Styles - ChatGPT-like interface at bottom */
.quick-open-live-container[data-v-b46dba9d] {
  position: fixed;
  bottom: 95px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  max-width: 90vw;
  z-index: 1100;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.75;
  animation: slideUpFromBottom-b46dba9d 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideUpFromBottom-b46dba9d {
0% {
    opacity: 0;
    transform: translateX(-50%) translateY(50px);
}
100% {
    opacity: 0.75;
    transform: translateX(-50%) translateY(0);
}
}
.quick-open-live-container .search-container[data-v-b46dba9d] {
  background: var(--p-content-background);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid var(--p-content-border-color);
}
.cs-dark .quick-open-live-container .search-container[data-v-b46dba9d] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.quick-open-live-container .search-input-container[data-v-b46dba9d] {
  border: none;
  border-radius: 12px;
  margin-bottom: 0;
  background: var(--p-content-background);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.quick-open-live-container .search-input-container[data-v-b46dba9d]:focus-within {
  background: var(--p-surface-ground);
}
.quick-open-live-container[data-v-b46dba9d]:has(.search-input-container:focus-within) {
  opacity: 1;
}
.quick-open-live-container .search-icon[data-v-b46dba9d] {
  left: 12px;
  font-size: 18px;
  color: var(--p-text-muted-color);
  position: absolute;
  z-index: 1;
}
.quick-open-live-container[data-v-b46dba9d] .quick-open-search {
  padding: 8px 120px 8px 40px !important;
  font-size: 13px !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.quick-open-live-container[data-v-b46dba9d] .quick-open-search::placeholder {
  color: var(--p-text-muted-color) !important;
  font-size: 15px !important;
}
.quick-open-live-container[data-v-b46dba9d] .quick-open-search:focus {
  background: transparent !important;
}

/* Shortcut indicator */
.quick-open-live-container .search-shortcut[data-v-b46dba9d] {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--p-surface-100);
  color: var(--p-text-muted-color);
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  z-index: 1;
  border: 1px solid var(--p-content-border-color);
  display: flex;
  align-items: center;
  gap: 2px;
}
.cs-dark .quick-open-live-container .search-shortcut[data-v-b46dba9d] {
  background: var(--p-surface-700);
}
.quick-open-live-container .search-shortcut .shortcut-modifier-icon[data-v-b46dba9d] {
  font-size: 12px;
  line-height: 1;
}

/* Pin toggle button */
.pin-toggle-button[data-v-b46dba9d] {
  position: absolute !important;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: var(--p-text-muted-color) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  font-size: 16px !important;
}
.pin-toggle-button[data-v-b46dba9d]:hover {
  color: var(--p-primary-color) !important;
  background: var(--p-surface-hover) !important;
}
.pin-toggle-button.is-pinned[data-v-b46dba9d] {
  color: var(--p-primary-color) !important;
}

/* Live results wrapper - slides down from top */
.live-results-wrapper[data-v-b46dba9d] {
  max-height: 50vh;
  overflow-y: auto;
  background: var(--p-content-background);
  animation: slideDown-b46dba9d 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 1px solid var(--p-content-border-color);
}
@keyframes slideDown-b46dba9d {
from {
    opacity: 0;
    transform: translateY(-8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Adjust search container for live mode */
.quick-open-live-container .search-results-container[data-v-b46dba9d] {
  max-height: 45vh;
  padding: 4px 6px 6px 6px;
}
.quick-open-live-container .search-loading[data-v-b46dba9d],
.quick-open-live-container .search-empty[data-v-b46dba9d] {
  padding: 16px;
  font-size: 14px;
}
.quick-open-live-container .search-help[data-v-b46dba9d] {
  background: var(--p-surface-ground);
  margin-top: 0;
  padding: 8px 12px;
  border-top: 1px solid var(--p-content-border-color);
}
.quick-open-live-container .category-header[data-v-b46dba9d] {
  position: sticky;
  top: 0;
  background: var(--p-content-background);
  z-index: 2;
  padding: 6px 10px;
  margin: 4px 0 2px 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--p-text-muted-color);
  border-bottom: 1px solid var(--p-content-border-color);
}

/* Compact results in live mode */
.quick-open-live-container .search-result-item[data-v-b46dba9d] {
  padding: 8px 10px;
  margin: 1px 0;
  border-radius: 4px;
}
.quick-open-live-container .search-result-item[data-v-b46dba9d]:hover {
  background-color: var(--p-surface-hover);
}
.quick-open-live-container .search-result-item.selected[data-v-b46dba9d] {
  background-color: var(--p-primary-color);
  color: white;
}
.quick-open-live-container .search-result-item i[data-v-b46dba9d] {
  font-size: 18px;
}
.quick-open-live-container .search-result-label[data-v-b46dba9d] {
  font-size: 14px;
}
.quick-open-live-container .search-result-description[data-v-b46dba9d] {
  font-size: 12px;
}
.quick-open-live-container .search-result-provider[data-v-b46dba9d] {
  font-size: 11px;
  padding: 2px 6px;
}

/* Expanded state - larger */
.quick-open-live-container.is-expanded[data-v-b46dba9d] {
  width: 650px;
  max-width: 90vw;
  opacity: 1;
}
.quick-open-live-container.is-expanded .search-container[data-v-b46dba9d] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border-color: var(--p-primary-color);
}
.cs-dark .quick-open-live-container.is-expanded .search-container[data-v-b46dba9d] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.quick-open-live-container.is-expanded .search-input-container[data-v-b46dba9d] {
  border-radius: 12px 12px 0 0;
}

/* Hidden state - smoothly hide the container */
.quick-open-live-container.is-hidden[data-v-b46dba9d] {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(20px);
  transition: all 0.15s ease;
}

/* Keyboard shortcuts in live mode */
.quick-open-live-container .keyboard-shortcuts[data-v-b46dba9d] {
  font-size: 11px;
}
.quick-open-live-container .keyboard-shortcuts span[data-v-b46dba9d] {
  gap: 4px;
}
.quick-open-live-container .keyboard-shortcuts i[data-v-b46dba9d] {
  font-size: 14px;
}



.fullscreen-dialog {
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
}
.dialog-container {
  position: relative;
  max-height: 100%;
}
.close-dialog-button {
  position: fixed !important;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.close-dialog-button:hover {
  transform: scale(1.2);
  background-color: #f0f0f0;
}
.main-layout {
  width: 100%;
  background-color: var(--p-content-background);
}
.main-panel {
  overflow-y: none;
  height: 100vh;
  background-color: var(--p-content-background);
}
.details-panel {
  overflow-y: none;
  height: 100vh;
  background-color: var(--p-content-background);
}
.layout-wrapper {
  /* height: 100% !important; */
  background-color: var(--p-content-background);
  overflow: hidden;
  height: 100%;
}
.layout-view {
  background-color: var(--p-content-background);
}
.right-sidebar-dialog {
  height: 100% !important;
  /* position: absolute !important; */
  overflow-y: auto !important;
  border-left: 1px solid var(--p-content-border-color);
  width: 500px;
  margin: 0 !important;
  background-color: var(--p-surface-200) !important;
  padding: 0 !important;
  max-height: unset !important;
  border-radius: 0 !important;
  /* box-shadow: -10px 0 4px rgba(0, 0, 0, 0.1) !important; */

  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px !important;
}
.progress-loaders {
  height: 2px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.agent-selection {
  display: flex;
  height: 100vh;
}
.agent-selection-left {
  flex: 1;
  padding: 2rem;
}
.agent-selection-right {
  flex: 1;
  background: var(--p-surface-300);
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-content {
  max-width: 400px;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #333;
}
.agent-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.agent-card {
  cursor: pointer;
  width: 200px;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
.agent-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.agent-card h3 {
  margin: 0 0 0.5rem 0;
}
.agent-card p {
  margin: 0;
}

.string-filter-value[data-v-4d677e97] {
  width: 100%;
}

.options-filter-value[data-v-c373358e] {
  width: 100%;
}

.number-filter-value[data-v-1c85e38b] {
  width: 100%;
}
.between-range[data-v-1c85e38b] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.range-input[data-v-1c85e38b] {
  flex: 1;
}
.range-separator[data-v-1c85e38b] {
  color: var(--p-text-color-secondary);
}

.boolean-filter-value[data-v-eef54272] {
  width: 100%;
}

.date-filter-value[data-v-60283d69] {
  width: 100%;
}
.date-range[data-v-60283d69] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.range-separator[data-v-60283d69] {
  color: var(--p-text-color-secondary);
  padding: 4px;
  text-align: center;
}

.epoch-filter-value[data-v-ab4444d6] {
  width: 100%;
}
.date-range[data-v-ab4444d6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.range-separator[data-v-ab4444d6] {
  color: var(--p-text-color-secondary);
  padding: 4px;
  text-align: center;
}

.relation-filter-value[data-v-d6f61492] {
  width: 100%;
}

.cs-intro-page[data-v-8c58ed66] {
  background: #fafafa;
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Search Bar */
.dashboard-search-bar[data-v-8c58ed66] {
  width: 100%;
  max-width: 600px;
  margin: 32px auto 24px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-input-container[data-v-8c58ed66] {
  display: flex;
  align-items: center;
  width: 400px;
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.search-input-container[data-v-8c58ed66]:hover {
  border-color: #0078d4;
  box-shadow: 0 4px 12px rgba(0, 120, 212, 0.15);
}
.search-input-container[data-v-8c58ed66]:focus-within {
  border-color: #0078d4;
  box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
}
.search-icon[data-v-8c58ed66] {
  color: #605e5c;
  font-size: 18px;
  margin-right: 12px;
}
.search-input[data-v-8c58ed66] {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  color: #323130;
  background: transparent;
  cursor: pointer;
}
.search-input[data-v-8c58ed66]::placeholder {
  color: #8a8886;
}
.search-shortcut[data-v-8c58ed66] {
  background: #f3f2f1;
  color: #605e5c;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  margin-left: 12px;
}
.search-input-container:hover .search-shortcut[data-v-8c58ed66] {
  background: rgba(0, 120, 212, 0.1);
  color: #0078d4;
}

/* Dashboard Container */
.dashboard-container[data-v-8c58ed66] {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  width: 100%;
  padding: 24px 32px;
}

/* Grid for the three main sections */
.main-sections-grid[data-v-8c58ed66] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
@media (max-width: 768px) {
.main-sections-grid[data-v-8c58ed66] {
    grid-template-columns: 1fr;
    gap: 16px;
}
}
@media (max-width: 1200px) {
.dashboard-container[data-v-8c58ed66] {
    grid-template-columns: 1fr;
    padding: 16px 20px;
}
.main-sections-grid[data-v-8c58ed66] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
}

/* Dashboard Main */
.dashboard-main[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Indicators Grid */
.indicators-grid[data-v-8c58ed66] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
.indicator-card[data-v-8c58ed66] {
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.indicator-card[data-v-8c58ed66]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #d1d1d1;
}
.indicator-header[data-v-8c58ed66] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.indicator-header h3[data-v-8c58ed66] {
  font-size: 13px;
  font-weight: 500;
  color: #605e5c;
  margin: 0;
}
.indicator-trend-up[data-v-8c58ed66] {
  color: #107c10;
  font-size: 16px;
}
.indicator-trend-down[data-v-8c58ed66] {
  color: #d13438;
  font-size: 16px;
}
.indicator-value[data-v-8c58ed66] {
  font-size: 24px;
  font-weight: 700;
  color: #323130;
  margin-bottom: 4px;
  line-height: 1.2;
}
.indicator-change[data-v-8c58ed66] {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}
.indicator-change.positive[data-v-8c58ed66] {
  color: #107c10;
}
.indicator-change.negative[data-v-8c58ed66] {
  color: #d13438;
}
.indicator-chart[data-v-8c58ed66] {
  height: 30px;
  width: 100%;
}
.chart-svg[data-v-8c58ed66] {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
.indicators-grid[data-v-8c58ed66] {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
}
@media (max-width: 480px) {
.indicators-grid[data-v-8c58ed66] {
    grid-template-columns: 1fr;
}
.indicator-card[data-v-8c58ed66] {
    padding: 12px;
}
.indicator-value[data-v-8c58ed66] {
    font-size: 20px;
}
}
.dashboard-section[data-v-8c58ed66] {
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.section-header[data-v-8c58ed66] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f3f2f1;
}
.section-title[data-v-8c58ed66] {
  font-size: 16px;
  font-weight: 600;
  color: #323130;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.section-title i[data-v-8c58ed66] {
  color: #0078d4;
  font-size: 18px;
}

/* Quick Dashboards */
.quick-dashboards[data-v-8c58ed66] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}
.dashboard-card[data-v-8c58ed66] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.dashboard-card[data-v-8c58ed66]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-color: #0078d4;
}
.dashboard-icon[data-v-8c58ed66] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #0078d4;
  border-radius: 4px;
  color: white;
  flex-shrink: 0;
  overflow: hidden;
}
.dashboard-icon i[data-v-8c58ed66] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 1;
  text-align: center;
  margin: 0;
  padding: 0;
  display: block;
}
.dashboard-info h3[data-v-8c58ed66] {
  font-size: 14px;
  font-weight: 600;
  color: #323130;
  margin: 0 0 4px 0;
}
.dashboard-info p[data-v-8c58ed66] {
  font-size: 13px;
  color: #605e5c;
  margin: 0 0 4px 0;
  line-height: 1.4;
}
.widget-count[data-v-8c58ed66] {
  font-size: 12px;
  color: #8a8886;
  font-weight: 400;
}
.dashboard-arrow[data-v-8c58ed66] {
  color: #8a8886;
  margin-left: auto;
  font-size: 16px;
}

/* Sidebar */
.dashboard-sidebar[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sidebar-section[data-v-8c58ed66] {
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sidebar-section .section-header[data-v-8c58ed66] {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f3f2f1;
  position: relative;
}
.sidebar-section .section-title[data-v-8c58ed66] {
  font-size: 14px;
  font-weight: 600;
}
.notification-badge[data-v-8c58ed66] {
  position: absolute;
  top: -2px;
  right: 0;
  background: #d13438;
  color: white;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 6px;
  min-width: 18px;
  text-align: center;
}

/* Shortcuts */
.shortcuts-list[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.shortcut-item[data-v-8c58ed66] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fafafa;
  border: 1px solid transparent;
}
.shortcut-item[data-v-8c58ed66]:hover {
  background: #f3f2f1;
  border-color: #e1e5e9;
}
.shortcut-icon[data-v-8c58ed66] {
  font-size: 16px;
  color: #0078d4;
  width: 16px;
  flex-shrink: 0;
}
.shortcut-title[data-v-8c58ed66] {
  font-size: 13px;
  font-weight: 400;
  color: #323130;
  flex: 1;
  line-height: 1.4;
}
.shortcut-arrow[data-v-8c58ed66] {
  font-size: 12px;
  color: #8a8886;
}

/* Events */
.events-list[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.event-item[data-v-8c58ed66] {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  position: relative;
}
.event-time[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 44px;
}
.event-date[data-v-8c58ed66] {
  font-size: 11px;
  font-weight: 600;
  color: #0078d4;
  text-transform: uppercase;
}
.event-hour[data-v-8c58ed66] {
  font-size: 11px;
  color: #8a8886;
}
.event-info[data-v-8c58ed66] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
}
.event-icon[data-v-8c58ed66] {
  font-size: 16px;
  color: #0078d4;
  margin-top: 2px;
  flex-shrink: 0;
}
.event-content[data-v-8c58ed66] {
  flex: 1;
}
.event-content h4[data-v-8c58ed66] {
  font-size: 13px;
  font-weight: 600;
  color: #323130;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.event-content p[data-v-8c58ed66] {
  font-size: 12px;
  color: #605e5c;
  margin: 0;
  line-height: 1.3;
}
.event-indicator[data-v-8c58ed66] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.event-indicator.high[data-v-8c58ed66] {
  background: #d13438;
}
.event-indicator.medium[data-v-8c58ed66] {
  background: #ffaa44;
}
.event-indicator.low[data-v-8c58ed66] {
  background: #107c10;
}

/* Schedules */
.schedules-list[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.schedule-item[data-v-8c58ed66] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
}
.schedule-status[data-v-8c58ed66] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.schedule-status.running[data-v-8c58ed66] {
  background: #107c10;
}
.schedule-status.idle[data-v-8c58ed66] {
  background: #8a8886;
}
.schedule-status.error[data-v-8c58ed66] {
  background: #d13438;
}
.schedule-info h4[data-v-8c58ed66] {
  font-size: 13px;
  font-weight: 600;
  color: #323130;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.schedule-info p[data-v-8c58ed66] {
  font-size: 12px;
  color: #605e5c;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.schedule-next[data-v-8c58ed66] {
  font-size: 11px;
  color: #8a8886;
}
.schedule-menu[data-v-8c58ed66] {
  color: #8a8886;
  cursor: pointer;
  margin-left: auto;
  font-size: 16px;
}
.schedule-menu[data-v-8c58ed66]:hover {
  color: #605e5c;
}

/* Notifications */
.notifications-list[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.notification-item[data-v-8c58ed66] {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease;
}
.notification-item.unread[data-v-8c58ed66] {
  background: #deecf9;
  border-left: 3px solid #0078d4;
}
.notification-icon[data-v-8c58ed66] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  flex-shrink: 0;
}
.notification-icon.info[data-v-8c58ed66] {
  background: #deecf9;
  color: #0078d4;
}
.notification-icon.warning[data-v-8c58ed66] {
  background: #fff4ce;
  color: #ffaa44;
}
.notification-icon.error[data-v-8c58ed66] {
  background: #fde7e9;
  color: #d13438;
}
.notification-icon.success[data-v-8c58ed66] {
  background: #dff6dd;
  color: #107c10;
}
.notification-content h4[data-v-8c58ed66] {
  font-size: 13px;
  font-weight: 600;
  color: #323130;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.notification-content p[data-v-8c58ed66] {
  font-size: 12px;
  color: #605e5c;
  margin: 0 0 4px 0;
  line-height: 1.3;
}
.notification-time[data-v-8c58ed66] {
  font-size: 11px;
  color: #8a8886;
}
.notification-close[data-v-8c58ed66] {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #8a8886;
  cursor: pointer;
  font-size: 14px;
}
.notification-close[data-v-8c58ed66]:hover {
  color: #605e5c;
}

/* Empty States */
.empty-state[data-v-8c58ed66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 16px;
  text-align: center;
  color: #8a8886;
}
.empty-state i[data-v-8c58ed66] {
  font-size: 32px;
  opacity: 0.6;
}
.empty-state span[data-v-8c58ed66] {
  font-size: 13px;
  font-style: normal;
}

/* Responsive Design */
@media (max-width: 768px) {
.dashboard-header[data-v-8c58ed66] {
    padding: 16px 20px;
}
.header-title h1[data-v-8c58ed66] {
    font-size: 24px;
}
.dashboard-container[data-v-8c58ed66] {
    padding: 16px 20px;
}
.quick-dashboards[data-v-8c58ed66] {
    grid-template-columns: 1fr;
}
.stat-card[data-v-8c58ed66] {
    padding: 12px 16px;
}
.dashboard-section[data-v-8c58ed66] {
    padding: 16px;
}
.sidebar-section[data-v-8c58ed66] {
    padding: 16px;
}
}

.cs-landing-hero[data-v-00c7ea28] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 85vh;
  background-color: var(--p-surface-ground);
  background-image: radial-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 0),
    radial-gradient(ellipse at 50% 0%, rgba(22, 44, 78, 0.1), transparent 70%),
    linear-gradient(160deg, var(--p-surface-ground) 60%, var(--p-surface-section) 100%);
  background-size: 20px 20px, 100% 100%, 100% 100%;
  overflow: hidden;
  padding: 4rem 2rem;
  color: var(--p-text-color);
}
.hero-content[data-v-00c7ea28] {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 3rem;
  max-width: 1200px;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
.hero-content[data-v-00c7ea28] {
    grid-template-columns: 1fr 1fr;
    text-align: left;
    gap: 5rem;
}
}
.text-container[data-v-00c7ea28] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
.text-container[data-v-00c7ea28] {
    align-items: flex-start;
}
}
.title[data-v-00c7ea28] {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  background: -webkit-linear-gradient(45deg, var(--p-primary-color), var(--p-primary-700));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
}
.subtitle[data-v-00c7ea28] {
  font-size: 1.25rem;
  color: var(--p-text-color-secondary);
  margin-bottom: 2.5rem;
  max-width: 500px;
  line-height: 1.6;
}
.cta-button[data-v-00c7ea28] {
  padding: 1rem 2.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
}
.cta-button[data-v-00c7ea28]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 123, 255, 0.3);
}
.visual-container[data-v-00c7ea28] {
  perspective: 1000px;
}
.hero-image[data-v-00c7ea28] {
  width: 100%;
  padding-bottom: 100%; /* 1:1 Aspect Ratio */
  background-size: cover;
  background-position: center;
  border-radius: 2rem;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
  transform: rotateY(-10deg) rotateX(5deg);
  transition: transform 0.4s ease;
}
.visual-container:hover .hero-image[data-v-00c7ea28] {
  transform: rotateY(0) rotateX(0) scale(1.02);
}
@media (max-width: 991px) {
.hero-image[data-v-00c7ea28] {
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 400px;
}
}
.scroll-indicator[data-v-00c7ea28] {
  position: absolute;
  bottom: 2rem;
  cursor: pointer;
  color: var(--p-text-color-secondary);
  animation: bounce-00c7ea28 2s infinite;
}
.scroll-indicator i[data-v-00c7ea28] {
  font-size: 2.5rem;
}
@keyframes bounce-00c7ea28 {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
}
40% {
    transform: translateY(-10px);
}
60% {
    transform: translateY(-5px);
}
}

.cs-dashboard-grid[data-v-434c5a5a] {
  padding: 4rem 2rem;
  background-color: var(--p-surface-ground);
}
.portal-grid[data-v-434c5a5a] {
  max-width: 1400px;
  margin: 0 auto;
}
.dashboard-group[data-v-434c5a5a] {
  margin-bottom: 4rem;
}
.group-header[data-v-434c5a5a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 0.5rem;
}
.group-title[data-v-434c5a5a] {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--p-text-color);
  margin: 0;
}
.group-badge[data-v-434c5a5a] {
  font-size: 0.9rem;
  font-weight: 600;
}
.dashboard-cards[data-v-434c5a5a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2rem;
}
.dashboard-card[data-v-434c5a5a] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--p-surface-card);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid var(--p-surface-border);
  overflow: hidden;
}
.dashboard-card[data-v-434c5a5a]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.07);
  border-color: var(--p-primary-color);
}
.card-content[data-v-434c5a5a] {
  padding: 1.5rem;
}
.card-header[data-v-434c5a5a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.dashboard-icon[data-v-434c5a5a] {
  width: 48px;
  height: 48px;
  background: var(--p-primary-50);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.icon-image[data-v-434c5a5a] {
  font-size: 1.75rem;
  color: var(--p-primary-500);
}
.dashboard-title[data-v-434c5a5a] {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  color: var(--p-text-color);
}
.dashboard-description[data-v-434c5a5a] {
  font-size: 0.95rem;
  color: var(--p-text-color-secondary);
  line-height: 1.5;
  min-height: 45px; /* approx 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-footer[data-v-434c5a5a] {
  background: var(--p-surface-section);
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--p-surface-border);
}
.widget-pills[data-v-434c5a5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.widget-pill[data-v-434c5a5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--p-surface-b);
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--p-text-color-secondary);
  transition: all 0.2s ease;
}
.widget-pill[data-v-434c5a5a]:hover {
  background: var(--p-surface-c);
  color: var(--p-text-color);
  transform: translateY(-1px);
}
.widget-pill.more[data-v-434c5a5a] {
  background: transparent;
  color: var(--p-primary-color);
  font-weight: 600;
}
.widget-icon[data-v-434c5a5a] {
  font-size: 1rem;
}

.accent-background[data-v-d9bd63e2] {
  background-color: var(--surface-c) !important;
}
.agent-element-card[data-v-d9bd63e2] {
  width: 100%;
  height: 200px;
  margin: 10px;
}

.p-tabview-panel {
  flex-grow: 1;
  /* height: 100%; */
}
.details-widget {
  background-color: var(--surface-c) !important;
  height: 100%;
}
.tabview-custom {
  height: 100%;
}