/* node_modules/@powerfleet/dtai.ui.ai_assistant.components/styles/aura-ui-chat.scss */
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("./media/material-symbols-rounded.woff2") format("woff2");
}
.material-symbols {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: var(--ui-icon-base);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: text-bottom;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-fill {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-sm {
  font-size: var(--ui-icon-sm);
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-sm.material-symbols-fill {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-md {
  font-size: var(--ui-icon-md);
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 32;
}
.material-symbols-md.material-symbols-fill {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 32;
}
.material-symbols-lg {
  font-size: var(--ui-icon-lg);
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 40;
}
.material-symbols-lg.material-symbols-fill {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 40;
}
.material-symbols-xl {
  font-size: var(--ui-icon-xl);
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 48;
}
.material-symbols-xl.material-symbols-fill {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 48;
}
.mat-add::before {
  content: "\e145";
}
.mat-arrow-back::before {
  content: "\e5c4";
}
.mat-arrow-forward::before {
  content: "\e5c8";
}
.mat-bar-chart::before {
  content: "\e26b";
}
.mat-briefcase::before {
  content: "\eb3f";
}
.mat-bus-clock::before {
  content: "\e576";
}
.mat-car::before {
  content: "\e531";
}
.mat-car-garage::before {
  content: "\ebb8";
}
.mat-caret-down::before {
  content: "\e5c5";
}
.mat-caret-left::before {
  content: "\e5de";
}
.mat-caret-right::before {
  content: "\e5df";
}
.mat-caret-up::before {
  content: "\e5c7";
}
.mat-chat-history::before {
  content: "\f3e6";
}
.mat-check::before {
  content: "\e5ca";
}
.mat-check-circle::before {
  content: "\e86c";
}
.mat-checklist::before {
  content: "\f0c5";
}
.mat-chevron-double-left::before {
  content: "\eac3";
}
.mat-chevron-double-right::before {
  content: "\eac9";
}
.mat-chevron-down::before {
  content: "\e313";
}
.mat-chevron-left::before {
  content: "\e5cb";
}
.mat-chevron-right::before {
  content: "\e5cc";
}
.mat-handyman::before {
  content: "\f10b";
}
.mat-chevron-up::before {
  content: "\e316";
}
.mat-circle::before {
  content: "\ef4a";
}
.mat-close::before {
  content: "\e5cd";
}
.mat-code-block::before {
  content: "\f84d";
}
.mat-columns::before {
  content: "\e8ec";
}
.mat-contrast::before {
  content: "\eb37";
}
.mat-copy::before {
  content: "\e14d";
}
.mat-cube::before {
  content: "\f720";
}
.mat-dark-mode::before {
  content: "\e51c";
}
.mat-edit-square::before {
  content: "\f88d";
}
.mat-error::before {
  content: "\e000";
}
.mat-feedback::before {
  content: "\e87f";
}
.mat-forklift::before {
  content: "\f868";
}
.mat-fuel::before {
  content: "\e546";
}
.mat-globe::before {
  content: "\e894";
}
.mat-help::before {
  content: "\e887";
}
.mat-help-articles::before {
  content: "\f04c";
}
.mat-help-center::before {
  content: "\f1c0";
}
.mat-home::before {
  content: "\e88a";
}
.mat-info::before {
  content: "\e88e";
}
.mat-library::before {
  content: "\e02f";
}
.mat-lightbulb::before {
  content: "\e0f0";
}
.mat-light-mode::before {
  content: "\e518";
}
.mat-link::before {
  content: "\e157";
}
.mat-lock::before {
  content: "\e897";
}
.mat-map::before {
  content: "\e55b";
}
.mat-menu::before {
  content: "\e5d2";
}
.mat-menu-book::before {
  content: "\ea19";
}
.mat-more-h::before {
  content: "\e5d3";
}
.mat-notifications::before {
  content: "\e7f4";
}
.mat-open-new::before {
  content: "\e89e";
}
.mat-person::before {
  content: "\e7fd";
}
.mat-play::before {
  content: "\e037";
}
.mat-pulse::before {
  content: "\f64f";
}
.mat-remove::before {
  content: "\e15b";
}
.mat-report::before {
  content: "\e14f";
}
.mat-school::before {
  content: "\e80c";
}
.mat-send::before {
  content: "\e163";
}
.mat-send-cancel::before {
  content: "\ea39";
}
.mat-server::before {
  content: "\e875";
}
.mat-settings::before {
  content: "\e8b8";
}
.mat-shield-user::before {
  content: "\ef3d";
}
.mat-snowflake::before {
  content: "\eb3b";
}
.mat-square::before {
  content: "\eb36";
}
.mat-subject::before {
  content: "\e8d2";
}
.mat-support-agent::before {
  content: "\f0e2";
}
.mat-system-mode::before {
  content: "\f832";
}
.mat-thumb-up::before {
  content: "\e8dc";
}
.mat-thumb-down::before {
  content: "\e8db";
}
.mat-traffic::before {
  content: "\f46f";
}
.mat-trailer::before {
  content: "\e642";
}
.mat-trash::before {
  content: "\e872";
}
.mat-truck::before {
  content: "\e558";
}
.mat-tune::before {
  content: "\e429";
}
.mat-unlink::before {
  content: "\e16f";
}
.mat-upload::before {
  content: "\f09b";
}
.mat-user-profile::before {
  content: "\e853";
}
.mat-video::before {
  content: "\e04b";
}
.mat-warehouse::before {
  content: "\ebb8";
}
.mat-warning::before {
  content: "\e002";
}
.mat-mfm::before {
  content: "\e7ef";
}
.mat-classic-solutions::before {
  content: "\e8b5";
}
@font-face {
  font-family: "ui-icons";
  src: url("./media/ui-icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "ui-icons" !important;
  font-size: var(--ui-icon-base);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-ui-sm {
  font-size: var(--ui-icon-sm);
}
.icon-ui-md {
  font-size: var(--ui-icon-md);
}
.icon-ui-lg {
  font-size: var(--ui-icon-lg);
}
.icon-ui-xl {
  font-size: var(--ui-icon-xl);
}
.icon-ui-brand-aura:before {
  content: "\e92a";
}
.icon-ui-brand-aura-2x:before {
  content: "\e92b";
}
.icon-ui-brand-cold-chain:before,
.icon-ui-brand-cold-chain-fill:before {
  content: "\e922";
}
.icon-ui-brand-easycheck:before,
.icon-ui-brand-easycheck-fill:before {
  content: "\e923";
}
.icon-ui-brand-easyeld:before,
.icon-ui-brand-easyeld-fill:before {
  content: "\e924";
}
.icon-ui-brand-fc-hub:before,
.icon-ui-brand-fc-hub-fill:before {
  content: "\e925";
}
.icon-ui-brand-on-road:before,
.icon-ui-brand-on-road-fill:before {
  content: "\e926";
}
.icon-ui-brand-unity:before,
.icon-ui-brand-unity-fill:before {
  content: "\e929";
}
.icon-ui-brand-vision-ai:before,
.icon-ui-brand-vision-ai-fill:before {
  content: "\e927";
}
.icon-ui-brand-warehouse:before,
.icon-ui-brand-warehouse-fill:before {
  content: "\e928";
}
.icon-ui-chat-temp:before {
  content: "\e930";
}
.icon-ui-fleet-health:before {
  content: "\e904";
}
.icon-ui-fleet-health-2x:before {
  content: "\e912";
}
.icon-ui-fleet-health-fill:before {
  content: "\e905";
}
.icon-ui-fleet-health-fill-2x:before {
  content: "\e913";
}
.icon-ui-fleet-operations:before {
  content: "\e91e";
}
.icon-ui-fleet-operations-2x:before {
  content: "\e91f";
}
.icon-ui-fleet-operations-fill:before {
  content: "\e920";
}
.icon-ui-fleet-operations-fill-2x:before {
  content: "\e921";
}
.icon-ui-fuel-energy:before {
  content: "\e906";
}
.icon-ui-fuel-energy-2x:before {
  content: "\e914";
}
.icon-ui-fuel-energy-fill:before {
  content: "\e907";
}
.icon-ui-fuel-energy-fill-2x:before {
  content: "\e915";
}
.icon-ui-hos:before {
  content: "\e90a";
}
.icon-ui-hos-2x:before {
  content: "\e916";
}
.icon-ui-hos-fill:before {
  content: "\e90b";
}
.icon-ui-hos-fill-2x:before {
  content: "\e917";
}
.icon-ui-people-performance:before {
  content: "\e90c";
}
.icon-ui-people-performance-2x:before {
  content: "\e918";
}
.icon-ui-people-performance-fill:before {
  content: "\e90d";
}
.icon-ui-people-performance-fill-2x:before {
  content: "\e919";
}
.icon-ui-report:before {
  content: "\e90e";
}
.icon-ui-report-2x:before {
  content: "\e91a";
}
.icon-ui-report-fill:before {
  content: "\e90f";
}
.icon-ui-report-fill-2x:before {
  content: "\e91b";
}
.icon-ui-search:before {
  content: "\e908";
}
.icon-ui-video-ai:before {
  content: "\e92c";
}
.icon-ui-video-ai-2x:before {
  content: "\e92d";
}
.icon-ui-video-ai-fill:before {
  content: "\e92e";
}
.icon-ui-video-ai-fill-2x:before {
  content: "\e92f";
}
.icon-ui-visibility:before {
  content: "\e910";
}
.icon-ui-visibility-2x:before {
  content: "\e91c";
}
.icon-ui-visibility-fill:before {
  content: "\e911";
}
.icon-ui-visibility-fill-2x:before {
  content: "\e91d";
}
.icon-ui-grid-sort,
.icon-ui-grid-sort-asc,
.icon-ui-grid-sort-desc {
  font-size: var(--ui-font-size-base);
  position: relative;
  display: inline-block;
  width: 0;
  height: 0.75rem;
  border: 0.0625rem solid transparent;
  margin-left: 0.25rem;
}
.icon-ui-grid-sort-asc:after,
.icon-ui-grid-sort-asc:before,
.icon-ui-grid-sort-desc:before {
  position: absolute;
  top: 0;
  left: 0;
}
.icon-ui-grid-sort-asc:after,
.icon-ui-grid-sort-desc:before {
  opacity: 0.3;
}
.icon-ui-grid-sort:before {
  content: "\e909";
}
.icon-ui-grid-sort-asc:before {
  content: "\e900";
}
.icon-ui-grid-sort-asc:after {
  content: "\e901";
}
.icon-ui-grid-sort-desc:before {
  content: "\e902";
}
.icon-ui-grid-sort-desc:after {
  content: "\e903";
}
.ui-hover-icons:hover .material-symbols,
.ui-hover-icons:hover .material-symbols-sm {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.ui-hover-icons:hover .material-symbols-md {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 32;
}
.ui-hover-icons:hover .material-symbols-lg {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 40;
}
.ui-hover-icons:hover .material-symbols-xl {
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "opsz" 48;
}
.ui-hover-icons:hover [class*=icon-]:not([class*=-fill]) {
  display: none;
}
.ui-hover-icons:hover [class*=-fill] {
  display: inline-block;
}
.ui-hover-icons [class*=icon-]:not([class*=-fill]) {
  display: inline-block;
}
.ui-hover-icons [class*=-fill] {
  display: none;
}
.ui-hover-icons-none {
  display: inline-block !important;
}
.ui-hover-icons:hover .material-symbols.ui-hover-icons-none,
.ui-hover-icons:hover .material-symbols-sm.ui-hover-icons-none {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.ui-hover-icons:hover .material-symbols-md.ui-hover-icons-none {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 32;
}
.ui-hover-icons:hover .material-symbols-lg.ui-hover-icons-none {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 40;
}
.ui-hover-icons:hover .material-symbols-xl.ui-hover-icons-none {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 48;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
.align-items-center {
  align-items: center !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.me-0 {
  margin-right: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.me-auto {
  margin-right: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.rounded {
  border-radius: 0.375rem !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.row > .col,
.row > [class*=col-] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.ui-fw-medium {
  font-weight: 500 !important;
}
.ui-fw-semibold {
  font-weight: 600 !important;
}
.ui-fw-bold {
  font-weight: 700 !important;
}
.ui-text-subtle {
  color: var(--kendo-color-subtle, var(--aura-color-subtle, #6b7280)) !important;
}
.ui-m-1 {
  margin: 0.25rem !important;
}
.ui-mt-1 {
  margin-top: 0.25rem !important;
}
.ui-mb-1 {
  margin-bottom: 0.25rem !important;
}
.ui-ml-1 {
  margin-left: 0.25rem !important;
}
.ui-mr-1 {
  margin-right: 0.25rem !important;
}
.ui-p-1 {
  padding: 0.25rem !important;
}
.ui-pt-1 {
  padding-top: 0.25rem !important;
}
.ui-pb-1 {
  padding-bottom: 0.25rem !important;
}
.ui-pl-1 {
  padding-left: 0.25rem !important;
}
.ui-pr-1 {
  padding-right: 0.25rem !important;
}
.ui-m-2 {
  margin: 0.5rem !important;
}
.ui-mt-2 {
  margin-top: 0.5rem !important;
}
.ui-mb-2 {
  margin-bottom: 0.5rem !important;
}
.ui-ml-2 {
  margin-left: 0.5rem !important;
}
.ui-mr-2 {
  margin-right: 0.5rem !important;
}
.ui-p-2 {
  padding: 0.5rem !important;
}
.ui-pt-2 {
  padding-top: 0.5rem !important;
}
.ui-pb-2 {
  padding-bottom: 0.5rem !important;
}
.ui-pl-2 {
  padding-left: 0.5rem !important;
}
.ui-pr-2 {
  padding-right: 0.5rem !important;
}
.ui-m-3 {
  margin: 0.75rem !important;
}
.ui-mt-3 {
  margin-top: 0.75rem !important;
}
.ui-mb-3 {
  margin-bottom: 0.75rem !important;
}
.ui-ml-3 {
  margin-left: 0.75rem !important;
}
.ui-mr-3 {
  margin-right: 0.75rem !important;
}
.ui-p-3 {
  padding: 0.75rem !important;
}
.ui-pt-3 {
  padding-top: 0.75rem !important;
}
.ui-pb-3 {
  padding-bottom: 0.75rem !important;
}
.ui-pl-3 {
  padding-left: 0.75rem !important;
}
.ui-pr-3 {
  padding-right: 0.75rem !important;
}
.ui-m-4 {
  margin: 1rem !important;
}
.ui-mt-4 {
  margin-top: 1rem !important;
}
.ui-mb-4 {
  margin-bottom: 1rem !important;
}
.ui-ml-4 {
  margin-left: 1rem !important;
}
.ui-mr-4 {
  margin-right: 1rem !important;
}
.ui-p-4 {
  padding: 1rem !important;
}
.ui-pt-4 {
  padding-top: 1rem !important;
}
.ui-pb-4 {
  padding-bottom: 1rem !important;
}
.ui-pl-4 {
  padding-left: 1rem !important;
}
.ui-pr-4 {
  padding-right: 1rem !important;
}
.ui-m-5 {
  margin: 1.25rem !important;
}
.ui-mt-5 {
  margin-top: 1.25rem !important;
}
.ui-mb-5 {
  margin-bottom: 1.25rem !important;
}
.ui-ml-5 {
  margin-left: 1.25rem !important;
}
.ui-mr-5 {
  margin-right: 1.25rem !important;
}
.ui-p-5 {
  padding: 1.25rem !important;
}
.ui-pt-5 {
  padding-top: 1.25rem !important;
}
.ui-pb-5 {
  padding-bottom: 1.25rem !important;
}
.ui-pl-5 {
  padding-left: 1.25rem !important;
}
.ui-pr-5 {
  padding-right: 1.25rem !important;
}
.ui-m-6 {
  margin: 1.5rem !important;
}
.ui-mt-6 {
  margin-top: 1.5rem !important;
}
.ui-mb-6 {
  margin-bottom: 1.5rem !important;
}
.ui-ml-6 {
  margin-left: 1.5rem !important;
}
.ui-mr-6 {
  margin-right: 1.5rem !important;
}
.ui-p-6 {
  padding: 1.5rem !important;
}
.ui-pt-6 {
  padding-top: 1.5rem !important;
}
.ui-pb-6 {
  padding-bottom: 1.5rem !important;
}
.ui-pl-6 {
  padding-left: 1.5rem !important;
}
.ui-pr-6 {
  padding-right: 1.5rem !important;
}
.ui-m-7 {
  margin: 1.75rem !important;
}
.ui-mt-7 {
  margin-top: 1.75rem !important;
}
.ui-mb-7 {
  margin-bottom: 1.75rem !important;
}
.ui-ml-7 {
  margin-left: 1.75rem !important;
}
.ui-mr-7 {
  margin-right: 1.75rem !important;
}
.ui-p-7 {
  padding: 1.75rem !important;
}
.ui-pt-7 {
  padding-top: 1.75rem !important;
}
.ui-pb-7 {
  padding-bottom: 1.75rem !important;
}
.ui-pl-7 {
  padding-left: 1.75rem !important;
}
.ui-pr-7 {
  padding-right: 1.75rem !important;
}
.ui-m-8 {
  margin: 2rem !important;
}
.ui-mt-8 {
  margin-top: 2rem !important;
}
.ui-mb-8 {
  margin-bottom: 2rem !important;
}
.ui-ml-8 {
  margin-left: 2rem !important;
}
.ui-mr-8 {
  margin-right: 2rem !important;
}
.ui-p-8 {
  padding: 2rem !important;
}
.ui-pt-8 {
  padding-top: 2rem !important;
}
.ui-pb-8 {
  padding-bottom: 2rem !important;
}
.ui-pl-8 {
  padding-left: 2rem !important;
}
.ui-pr-8 {
  padding-right: 2rem !important;
}
.ui-nudge-2 {
  position: relative;
  top: 2px;
}
.ui-container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
.ui-dialog .k-dialog {
  border-radius: 12px !important;
  width: auto !important;
  max-width: 500px !important;
  max-height: calc(100% - 6rem) !important;
}
.ui-dialog .k-dialog-titlebar {
  padding: 1.5rem 1.5rem 0.75rem !important;
  border: 0 !important;
  background: none !important;
}
.ui-dialog .k-dialog-titlebar .k-dialog-title {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ui-dialog .k-dialog-titlebar .k-dialog-title::before {
  display: none !important;
}
.ui-dialog .k-dialog-titlebar .k-dialog-titlebar-actions {
  display: none !important;
}
.ui-dialog .k-dialog-content {
  padding: 0 !important;
}
.ui-dialog .k-dialog-actions {
  padding: 1.5rem !important;
  border: 0 !important;
}
.ui-dialog .ui-dialog-close {
  color: var(--kendo-color-subtle, #6b7280) !important;
  cursor: pointer;
}
.ui-dialog .ui-dialog-close:hover {
  color: var(--kendo-color-on-app-surface, #111827) !important;
}
.ui-button::after {
  box-shadow: none !important;
}
.k-popover .ui-popover-content {
  padding: 0.75rem 1rem;
}
.k-popup .ui-popup-content {
  padding: 1rem 1.5rem;
}
.ui-checkbox {
}
:root {
  --ui-icon-base: 20px;
  --ui-icon-sm: 24px;
  --ui-icon-md: 32px;
  --ui-icon-lg: 40px;
  --ui-icon-xl: 48px;
}

/* src/styles.scss */
:host {
  --aura-angle: 0deg;
}
@property --aura-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes aura-spin {
  from {
    --aura-angle: 0deg ;
  }
  to {
    --aura-angle: 360deg ;
  }
}
.app-ask-aura {
  position: relative;
  height: calc(2.5rem - 2px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1rem;
  border-radius: var(--kendo-border-radius-full);
  cursor: pointer;
  font-family: "Manrope", sans-serif;
  font-size: var(--font-size-16);
  letter-spacing: 0.02rem;
  font-variation-settings: var(--font-weight-medium);
  color: var(--base-text);
  background-color: var(--btn-secondary-bg);
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px var(--light-gray);
  transition: box-shadow 0.25s ease, background 0.25s ease;
}
.app-ask-aura::after {
  content: "";
  display: none;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url(/assets/aura/aura.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.app-ask-aura:not(:hover):not(:active):not(.active) {
  --aura-angle: 0 ;
}
.app-ask-aura:hover,
.app-ask-aura:active,
.app-ask-aura.active {
  height: 2.5rem;
  box-shadow: inset 0 0 0 0 var(--light-gray);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.app-ask-aura:active,
.app-ask-aura.active {
  background:
    linear-gradient(var(--btn-secondary-bg), var(--btn-secondary-bg)) padding-box,
    conic-gradient(
      from 360deg,
      var(--aura-color-4),
      var(--aura-color-1),
      var(--aura-color-2),
      var(--aura-color-3),
      var(--aura-color-4)) border-box;
  animation: none;
}
.app-ask-aura:hover {
  background:
    linear-gradient(var(--btn-secondary-bg), var(--btn-secondary-bg)) padding-box,
    conic-gradient(
      from var(--aura-angle),
      var(--aura-color-4),
      var(--aura-color-1),
      var(--aura-color-2),
      var(--aura-color-3),
      var(--aura-color-4)) border-box;
  animation: aura-spin 1.5s linear forwards;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/InterVariable.woff2) format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(/assets/fonts/InterVariable-Italic.woff2) format("woff2");
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url(/assets/fonts/Manrope-VariableFont_wght.woff2) format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "remixicon";
  src: url(/assets/icon-font/remixicon.woff2) format("woff2"), url(/assets/icon-font/remixicon.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.test {
  border: 1px solid red;
}
.app-menu {
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: var(--spacer-8);
  margin: 0 var(--spacer-12);
}
.app-menu--lg .k-menu-horizontal {
  font-size: var(--spacer-16);
}
.app-content {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0 var(--spacer-24);
}
.app-cards {
  container-type: inline-size;
  container-name: grid-cards;
}
.app-grid-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacer-16);
  margin-top: var(--spacer-24);
  align-items: start;
}
.app-grid-cards > * {
  min-width: 0;
}
@container grid-cards (max-width: 1200px) {
  .app-grid-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container grid-cards (max-width: 760px) {
  .app-grid-cards {
    grid-template-columns: 1fr;
  }
}
.k-switch .k-switch-label-on,
.k-switch .k-switch-label-off {
  display: none;
}

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