.k-chat {
    min-width: 280px;
    min-height: 600px;
    max-height: 100%;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.k-chat .k-chat-file {
    width: 100%;
    min-width: 96px;
    max-width: 160px;
    flex-shrink: 0
}

.k-chat-header {
    flex-shrink: 0
}

.k-message-list {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth
}

.k-message-list-content {
    padding-block: var(--kendo-spacing-4, 1rem) calc(var(--kendo-spacing-4, 1rem)/2);
    padding-inline: var(--kendo-spacing-4, 1rem);
    width: 100%;
    box-sizing: border-box;
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden
}

.k-message-list-content>*+* {
    margin-block-start: var(--kendo-spacing-4, 1rem)
}

.k-message-list-content.k-message-list-content-empty {
    flex: 1;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center
}

.k-message-group {
    max-width: min(75%, 460px);
    background: none;
    box-sizing: border-box;
    display: flex;
    column-gap: var(--kendo-spacing-2, 0.5rem);
    flex-shrink: 0;
    position: relative
}

.k-message-group .k-message+.k-message {
    margin-block-start: var(--kendo-spacing-2, 0.5rem)
}

.k-message-group .k-avatar {
    align-self: flex-end
}

.k-message-group:has(.k-message-group-content .k-message:last-child .k-chat-bubble.k-selected+.k-message-status) .k-avatar,
.k-message-group:has(.k-message-group-content .k-message:last-child .k-chat-bubble.k-selected+.k-message-status) .k-avatar+.k-chat-user-status {
    margin-block-end: calc(var(--kendo-line-height-lg, normal)*var(--kendo-font-size-sm, inherit) + var(--kendo-spacing-2, 0.5rem));
    transition: margin var(--kendo-transition-fade-out)
}

.k-message-group .k-chat-file-wrapper {
    padding: 0;
    overflow: hidden
}

.k-message-group>.k-chat-user-status-wrapper {
    position: relative;
    align-self: flex-end;
    overflow: hidden
}

.k-message-group .k-chat-user-status {
    display: flex;
    width: auto;
    min-width: var(--kendo-spacing-1\.5, 0.375rem);
    max-width: var(--kendo-spacing-8, 2rem);
    height: auto;
    min-height: var(--kendo-spacing-1\.5, 0.375rem);
    max-height: var(--kendo-spacing-8, 2rem);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    border-radius: var(--kendo-border-radius-full, 9999px)
}

.k-message-group-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word
}

.k-chat-message-toolbar {
    border: 0;
    padding: var(--kendo-spacing-1px, 1px);
    place-self: start
}

.k-chat-download-button-wrapper {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 0 var(--kendo-border-radius-md, 0.25rem) var(--kendo-border-radius-md, 0.25rem);
    text-align: start
}

.k-message-group-sender {
    align-self: flex-end;
    flex-direction: row-reverse
}

.k-message-group-sender .k-chat-bubble {
    place-self: flex-end
}

.k-message-group-sender .k-message-group-content {
    align-items: flex-end
}

.k-message-group-sender .k-message-status {
    align-self: flex-end
}

.k-message-group-sender .k-message:has(+.k-message) .k-chat-bubble {
    border-end-end-radius: 0;
    border-end-start-radius: var(--kendo-border-radius-xl, 0.75rem)
}

.k-message-group-sender .k-message+.k-message .k-chat-bubble {
    border-start-end-radius: 0;
    border-start-start-radius: var(--kendo-border-radius-xl, 0.75rem);
    border-end-start-radius: var(--kendo-border-radius-xl, 0.75rem)
}

.k-message-group-sender .k-message:last-of-type .k-chat-bubble {
    border-end-start-radius: var(--kendo-border-radius-xl, 0.75rem);
    border-end-end-radius: var(--kendo-border-radius-sm, 0.125rem);
    border-start-start-radius: var(--kendo-border-radius-xl, 0.75rem)
}

.k-message {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: margin var(--kendo-transition-fade-out);
    outline: none;
    overflow-wrap: break-word
}

.k-message .k-chat-message-link {
    font-weight: bold;
    text-decoration: underline
}

.k-message .k-chat-bubble {
    border-end-start-radius: var(--kendo-border-radius-xl, 0.75rem)
}

.k-message:has(+.k-message) .k-chat-bubble {
    border-end-start-radius: 0
}

.k-message+.k-message .k-chat-bubble {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.k-message:last-of-type .k-chat-bubble {
    border-end-start-radius: var(--kendo-border-radius-sm, 0.125rem)
}

.k-chat-bubble-text {
    text-overflow: ellipsis;
    overflow: hidden;
    flex-shrink: 0;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.k-chat-bubble-text:has(.k-skeleton-container) {
    white-space: normal
}

.k-message-group-full-width {
    width: 100%;
    max-width: 100%
}

.k-message-group-full-width.k-message-group-sender .k-message:has(.k-skeleton, .k-placeholder-line) {
    align-self: stretch
}

.k-message-group-full-width .k-chat-bubble:has(.k-skeleton, .k-placeholder-line) {
    width: 100%
}

.k-chat-bubble.k-bubble-expandable .k-bubble-content {
    height: auto;
    transition: height var(--kendo-transition-shrink)
}

.k-chat-bubble.k-bubble-expandable:not(.k-expanded) .k-bubble-content {
    height: calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit))
}

.k-chat-bubble.k-bubble-expandable:not(.k-expanded) .k-chat-bubble-text {
    white-space: nowrap
}

.k-chat-bubble:has(.k-typing-indicator) {
    pointer-events: none
}

.k-message-time,
.k-message-status {
    font-size: var(--kendo-font-size-sm, inherit);
    line-height: var(--kendo-line-height-lg, normal);
    white-space: nowrap;
    pointer-events: none;
    transition: height var(--kendo-transition-fade-out);
    height: 0;
    overflow: hidden
}

.k-message-time {
    place-self: center
}

.k-message-status {
    display: inline-flex;
    align-items: center;
    gap: var(--kendo-spacing-1, 0.25rem)
}

.k-chat-bubble {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: start
}

.k-chat-bubble .k-bubble-content {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-2, 0.5rem);
    transition: height var(--kendo-transition-fade-out)
}

.k-chat-bubble a {
    color: inherit;
    text-decoration: underline;
    font-weight: bold
}

.k-bubble-content .k-message-reference {
    border-radius: var(--kendo-border-radius-md, 0.25rem)
}

.k-message:has(.k-selected) .k-message-time,
.k-message:has(.k-selected) .k-message-status {
    height: calc(var(--kendo-line-height-lg, normal)*var(--kendo-font-size-sm, inherit));
    transition: height var(--kendo-transition-fade-in)
}

.k-message:has(.k-selected+.k-message-status),
.k-message:has(.k-message-time+.k-selected) {
    gap: var(--kendo-spacing-2, 0.5rem)
}

.k-message-error,
.k-message-sending {
    margin-block-end: var(--kendo-spacing-4, 1rem)
}

.k-message-error .k-message-status,
.k-message-sending .k-message-status {
    height: calc(var(--kendo-line-height-lg, normal)*var(--kendo-font-size-sm, inherit))
}

.k-message-reference {
    padding-inline: var(--kendo-spacing-1, 0.25rem);
    padding-block: var(--kendo-spacing-1, 0.25rem);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal)
}

.k-message-reference>.k-icon {
    flex-shrink: 0
}

.k-message-reference-content {
    padding-block: calc(var(--kendo-spacing-1, 0.25rem)/2);
    padding-inline-start: calc(var(--kendo-spacing-1, 0.25rem)*3);
    padding-inline-end: calc(var(--kendo-spacing-1, 0.25rem)/2);
    box-sizing: border-box;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.k-message-reference-content::before {
    display: inline-block;
    content: "";
    position: absolute;
    inset-inline-start: var(--kendo-spacing-1, 0.25rem);
    height: calc(100% - var(--kendo-spacing-1, 0.25rem));
    width: 2px
}

.k-message-pinned {
    border-block-end-width: 1px;
    border-block-end-style: solid;
    cursor: pointer
}

.k-message-removed {
    font-style: italic
}

.k-message-author {
    margin-block-end: calc(var(--kendo-spacing-2, 0.5rem)/2);
    font-size: var(--kendo-font-size-sm, inherit);
    line-height: var(--kendo-line-height-xs, normal);
    font-weight: bold
}

.k-timestamp,
.k-chat-event {
    font-size: var(--kendo-font-size-sm, inherit);
    line-height: var(--kendo-line-height-lg, normal);
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-1, 0.25rem)
}

.k-timestamp {
    text-transform: none;
    align-self: stretch
}

.k-timestamp::before,
.k-timestamp::after {
    display: inline-flex;
    content: "";
    height: 1px;
    flex: 1
}

.k-chat-event {
    width: 100%;
    justify-content: center
}

.k-message-box-wrapper {
    padding-inline: var(--kendo-spacing-4, 1rem);
    padding-block: calc(var(--kendo-spacing-4, 1rem)/2) var(--kendo-spacing-4, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-4, 1rem)
}

.k-message-box-wrapper .k-chat-file-wrapper {
    flex-flow: row nowrap;
    overflow-x: auto;
    scrollbar-width: none
}

.k-message-box {
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0
}

.k-message-box .k-input-prefix-horizontal {
    display: inline-block
}

.k-message-box:focus,
.k-message-box.k-focus,
.k-message-box:focus-within {
    outline: 0;
    box-shadow: none
}

.k-message-box .k-input-prefix,
.k-message-box .k-input-suffix {
    width: 100%;
    padding: var(--kendo-spacing-1, 0.25rem)
}

.k-chat-bubble .k-message-reference,
.k-message-box .k-message-reference {
    padding-inline: calc(var(--kendo-spacing-1, 0.25rem)/2);
    padding-block: calc(var(--kendo-spacing-1, 0.25rem)/2)
}

.k-chat-file-wrapper {
    display: flex;
    flex-flow: column wrap;
    flex-shrink: 0;
    padding-inline: var(--kendo-spacing-1, 0.25rem);
    padding-block: var(--kendo-spacing-1, 0.25rem);
    margin: 0;
    gap: var(--kendo-spacing-1, 0.25rem);
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.k-chat-file-wrapper.k-chat-files-horizontal {
    overflow-x: auto;
    scrollbar-width: none
}

.k-chat-files-horizontal,
.k-chat-files-wrap {
    flex-direction: row
}

.k-chat-files-horizontal {
    flex-wrap: nowrap
}

.k-chat-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    box-sizing: border-box;
    gap: var(--kendo-spacing-1, 0.25rem);
    border-width: 1px;
    border-style: solid;
    padding-inline: var(--kendo-spacing-1, 0.25rem);
    padding-block: var(--kendo-spacing-1, 0.25rem);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    min-width: 0
}

.k-chat-file>.k-icon {
    flex-shrink: 0
}

.k-chat-file .k-chat-file-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
    flex: 1;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    text-overflow: ellipsis
}

.k-chat-file .k-chat-file-name {
    font-weight: bold;
    font-size: var(--kendo-font-size-sm, inherit);
    line-height: var(--kendo-line-height-sm, normal);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-chat-file .k-chat-file-size,
.k-chat-file .k-chat-file-status {
    font-size: var(--kendo-font-size-xs, inherit);
    line-height: var(--kendo-line-height-xs, normal)
}

.k-chat-file.k-chat-file-deleted {
    min-height: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-4\.5, 1.125rem)/2*2 + 4px + var(--kendo-spacing-1, 0.25rem)*2)
}

.k-chat-file-download-wrapper {
    display: flex;
    flex-direction: column
}

.k-chat .k-card-list {
    margin: var(--kendo-spacing-2, 0.5rem) 0 0
}

.k-message-group-sender+.k-card-list,
.k-message-group-sender+.kendo-chat-message-attachments.k-card-list {
    align-self: flex-end
}

.k-chat .k-card-deck {
    max-width: calc(100% + var(--kendo-spacing-4, 1rem)*2);
    box-sizing: border-box;
    margin-inline-start: calc(var(--kendo-spacing-4, 1rem)*-1);
    margin-inline-end: calc(var(--kendo-spacing-4, 1rem)*-1);
    padding: var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem) var(--kendo-spacing-4, 1rem);
    overflow: hidden;
    overflow-x: auto;
    scroll-behavior: smooth
}

.k-chat .k-card-deck .k-card {
    width: 200px
}

.k-chat .k-card-deck-scrollwrap {
    margin-inline-end: calc(var(--kendo-spacing-4, 1rem)*-1);
    margin-inline-start: calc(var(--kendo-spacing-4, 1rem)*-1);
    padding-inline-start: var(--kendo-spacing-4, 1rem);
    padding-inline-end: var(--kendo-spacing-4, 1rem)
}

.k-chat .k-card-deck-scrollwrap>.k-card-deck {
    margin-block-end: -20px;
    padding-block-end: 20px
}

.k-chat .k-card-deck .k-card-wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    flex: 0 0 auto;
    padding-block-end: 5px
}

.k-chat .k-card-deck .k-card-wrap .k-card {
    flex: 0 0 auto
}

.k-chat .k-card-deck .k-card-wrap.k-selected {
    background: none
}

.k-typing-indicator {
    display: inline-flex;
    gap: var(--kendo-spacing-1, 0.25rem);
    flex-flow: row nowrap
}

.k-typing-indicator span {
    width: var(--kendo-spacing-2, 0.5rem);
    height: var(--kendo-spacing-2, 0.5rem);
    border-radius: 50%;
    flex: 0 0 var(--kendo-spacing-2, 0.5rem);
    background-color: currentColor;
    opacity: .25
}

.k-typing-indicator span:nth-of-type(1) {
    animation: 1s k-animation-blink infinite .3333s
}

.k-typing-indicator span:nth-of-type(2) {
    animation: 1s k-animation-blink infinite .6666s
}

.k-typing-indicator span:nth-of-type(3) {
    animation: 1s k-animation-blink infinite .9999s
}

@keyframes k-animation-blink {
    50% {
        opacity: .5
    }
}

.k-chat-upload .k-external-dropzone {
    height: auto
}

.k-chat-upload .k-upload {
    margin-block-start: var(--kendo-spacing-6, 1.5rem)
}

.k-chat-upload .k-upload-files {
    max-height: var(--kendo-spacing-25, 7rem)
}

.k-rtl .k-message-box .k-button,
[dir=rtl] .k-message-box .k-button {
    transform: scaleX(-1)
}

.k-message-group-sender .k-chat-bubble:focus,
.k-message-group-sender .k-chat-bubble.k-focus {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: -2px
}

.k-chat {
    border-color: var(--kendo-color-border, rgba(29, 27, 32, 0.12));
    color: var(--kendo-color-on-app-surface, #1D1B20);
    background-color: var(--kendo-color-surface, #F7F3FA)
}

.k-timestamp {
    color: var(--kendo-color-subtle, #49454F)
}

.k-timestamp::before,
.k-timestamp::after {
    background-color: var(--kendo-color-border, rgba(29, 27, 32, 0.12))
}

.k-message-status {
    color: var(--kendo-color-subtle, #49454F)
}

.k-message-group-sender .k-chat-bubble {
    border-color: var(--kendo-color-primary, #65558F);
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #65558F);
    box-shadow: none
}

.k-message-group-sender .k-chat-bubble:active,
.k-message-group-sender .k-chat-bubble.k-active,
.k-message-group-sender .k-chat-bubble.k-selected {
    border-color: var(--kendo-color-primary-active, #7866A2);
    background-color: var(--kendo-color-primary-active, #7866A2)
}

.k-message-group-sender .k-chat-bubble:focus,
.k-message-group-sender .k-chat-bubble.k-focus {
    border-color: var(--kendo-color-primary, #65558F);
    background-color: var(--kendo-color-primary, #65558F)
}

.k-message-group-sender .k-chat-bubble:hover,
.k-message-group-sender .k-chat-bubble.k-hover {
    border-color: var(--kendo-color-primary-hover, #6E5D97);
    background-color: var(--kendo-color-primary-hover, #6E5D97)
}

.k-typing-indicator {
    color: var(--kendo-color-base-on-subtle, #4A4459)
}

.k-chat-file {
    background-color: color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent);
    color: var(--kendo-color-base-on-subtle, #4A4459);
    border-color: color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)
}

.k-message-group-sender .k-chat-file {
    background-color: color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent);
    color: var(--kendo-color-on-primary, #ffffff);
    border-color: color-mix(in srgb, var(--kendo-color-on-primary, #ffffff) 14%, transparent)
}

.k-message-box-wrapper .k-chat-file {
    border-color: color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent);
    color: var(--kendo-color-base-on-subtle, #4A4459);
    background-color: color-mix(in srgb, var(--kendo-color-base-on-subtle, #4A4459) 8%, transparent)
}

.k-message-reference {
    color: var(--kendo-color-on-app-surface, #1D1B20);
    background-color: var(--kendo-color-surface, #F7F3FA)
}

.k-message-reference-sender .k-message-reference-content::before {
    background-color: var(--kendo-color-primary-emphasis, #B6A6D7)
}

.k-message-reference-content::before {
    background-color: var(--kendo-color-base-emphasis, #6E687C)
}

.k-message-pinned {
    border-color: var(--kendo-color-border, rgba(29, 27, 32, 0.12))
}

.k-chat-toolbar,
.k-chat .k-toolbar-box {
    border-color: inherit;
    color: var(--kendo-color-on-app-surface, #1D1B20);
    background-color: var(--kendo-color-surface, #F7F3FA)
}

.k-chat .k-chat-download-button {
    color: inherit
}

.k-message-group-sender .k-chat-bubble:focus,
.k-message-group-sender .k-chat-bubble.k-focus {
    outline-color: var(--kendo-color-primary, #65558F);
    box-shadow: inset 0 0 0 3px var(--kendo-color-app-surface, #FEFBFF), inset 0 0 0 5px var(--kendo-color-primary, #65558F)
}

.k-message-group-sender .k-chat-bubble:focus:hover,
.k-message-group-sender .k-chat-bubble:focus.k-hover,
.k-message-group-sender .k-chat-bubble.k-focus:hover,
.k-message-group-sender .k-chat-bubble.k-focus.k-hover {
    box-shadow: inset 0 0 0 3px var(--kendo-color-app-surface, #FEFBFF), inset 0 0 0 5px var(--kendo-color-primary-hover, #6E5D97)
}

.k-suggestion-scrollwrap {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    gap: var(--kendo-spacing-2, 0.5rem)
}

.k-suggestion-scrollwrap .k-suggestion-group {
    padding-block: calc(var(--kendo-spacing-2, 0.5rem)/2);
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap
}

.k-suggestion-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-2, 0.5rem);
    align-self: normal
}

.k-suggestion-group.k-suggestion-group-scrollable {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding-block: calc(var(--kendo-spacing-2, 0.5rem)/2)
}

.k-suggestion-group-scrollable .k-suggestion,
.k-suggestion-scrollwrap .k-suggestion {
    white-space: nowrap;
    max-width: none
}

.k-suggestion {
    border-radius: var(--kendo-border-radius-xxl, 1rem);
    max-width: 100%;
    padding-block: var(--kendo-spacing-2, 0.5rem);
    padding-inline: var(--kendo-spacing-3, 0.75rem);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    line-height: var(--kendo-line-height, normal);
    flex: 0 0 auto;
    transition: background-color var(--kendo-transition-rapid), box-shadow var(--kendo-transition-rapid);
    cursor: pointer;
    outline: none;
    white-space: normal
}

.k-suggestion {
    border-color: var(--kendo-color-base-emphasis, #6E687C);
    color: var(--kendo-color-base-on-subtle, #4A4459);
    background-color: var(--kendo-color-base-subtle, #DED8E0)
}

.k-suggestion:hover,
.k-suggestion.k-hover {
    border-color: var(--kendo-color-base-emphasis, #6E687C);
    color: var(--kendo-color-base-on-subtle, #4A4459);
    background-color: var(--kendo-color-base-subtle-hover, #E2DDE5)
}

.k-suggestion:active,
.k-suggestion.k-active {
    border-color: var(--kendo-color-base-emphasis, #6E687C);
    color: var(--kendo-color-base-on-subtle, #4A4459);
    background-color: var(--kendo-color-base-subtle-active, #EAE5EC)
}

.k-suggestion:focus,
.k-suggestion.k-focus {
    box-shadow: 0 0 0 3px var(--kendo-color-surface, #F7F3FA)
}

.k-suggestion-primary {
    border-color: var(--kendo-color-primary-emphasis, #B6A6D7);
    color: var(--kendo-color-primary-on-subtle, #4F378A);
    background-color: var(--kendo-color-primary-subtle, #E9DDFF)
}

.k-suggestion-primary:hover,
.k-suggestion-primary.k-hover {
    border-color: var(--kendo-color-primary-emphasis, #B6A6D7);
    color: var(--kendo-color-primary-on-subtle, #4F378A);
    background-color: var(--kendo-color-primary-subtle-hover, #DFD3F6)
}

.k-suggestion-primary:active,
.k-suggestion-primary.k-active {
    border-color: var(--kendo-color-primary-emphasis, #B6A6D7);
    color: var(--kendo-color-primary-on-subtle, #4F378A);
    background-color: var(--kendo-color-primary-subtle-active, #D9CCF1)
}

.k-suggestion-secondary {
    border-color: var(--kendo-color-secondary-emphasis, #B6AEC6);
    color: var(--kendo-color-secondary-on-subtle, #ffffff);
    background-color: var(--kendo-color-secondary-subtle, #625B71)
}

.k-suggestion-secondary:hover,
.k-suggestion-secondary.k-hover {
    border-color: var(--kendo-color-secondary-emphasis, #B6AEC6);
    color: var(--kendo-color-secondary-on-subtle, #ffffff);
    background-color: var(--kendo-color-secondary-subtle-hover, #6E687C)
}

.k-suggestion-secondary:active,
.k-suggestion-secondary.k-active {
    border-color: var(--kendo-color-secondary-emphasis, #B6AEC6);
    color: var(--kendo-color-secondary-on-subtle, #ffffff);
    background-color: var(--kendo-color-secondary-subtle-active, #756F82)
}

.k-suggestion:focus,
.k-suggestion.k-focus {
    outline-offset: -2px;
    outline: 1px solid var(--kendo-color-base-emphasis, #6E687C);
    box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, #ffffff)
}

.k-bubble {
    border-radius: var(--kendo-border-radius-xl, 0.75rem);
    border-end-start-radius: var(--kendo-border-radius-sm, 0.125rem);
    padding-block: var(--kendo-spacing-2, 0.5rem);
    padding-inline: var(--kendo-spacing-3, 0.75rem);
    border-width: 1px;
    border-style: solid;
    line-height: var(--kendo-line-height, normal);
    display: flex;
    box-sizing: border-box;
    overflow-wrap: break-word;
    transition: border-color var(--kendo-transition-rapid), background-color var(--kendo-transition-rapid), box-shadow var(--kendo-transition-rapid)
}

.k-bubble a {
    color: inherit;
    text-decoration: underline
}

.k-bubble:hover,
.k-bubble.k-hover {
    cursor: pointer
}

.k-bubble:focus,
.k-bubble:focus-visible,
.k-bubble.k-focus {
    outline: none
}

.k-bubble-expandable {
    align-items: flex-start;
    white-space: nowrap;
    overflow: hidden
}

.k-bubble-expandable.k-expanded {
    white-space: normal
}

.k-bubble-expandable .k-bubble-content {
    flex: 1 1 0%;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.k-bubble-expandable .k-bubble-expandable-indicator {
    padding-inline: var(--kendo-spacing-2\.5, 0.625rem);
    padding-block: var(--kendo-spacing-2\.5, 0.625rem);
    margin-block-start: calc(var(--kendo-spacing-2, 0.5rem)*-1);
    margin-inline-end: calc(var(--kendo-spacing-3, 0.75rem)*-1);
    margin-block-end: calc(var(--kendo-spacing-3, 0.75rem)/2*-1);
    display: flex;
    flex-shrink: 0;
    cursor: pointer
}

.k-bubble:focus,
.k-bubble.k-focus {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: -2px
}

.k-bubble {
    border-color: var(--kendo-color-base-subtle, #DED8E0);
    color: var(--kendo-color-base-on-subtle, #4A4459);
    background-color: var(--kendo-color-base-subtle, #DED8E0);
    box-shadow: none
}

.k-bubble:active,
.k-bubble.k-active,
.k-bubble.k-selected {
    border-color: var(--kendo-color-base-subtle-active, #EAE5EC);
    background-color: var(--kendo-color-base-subtle-active, #EAE5EC)
}

.k-bubble:focus,
.k-bubble:focus-visible,
.k-bubble.k-focus {
    border-color: var(--kendo-color-base-subtle, #DED8E0);
    background-color: var(--kendo-color-base-subtle, #DED8E0);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #1D1B20) 8%, transparent)
}

.k-bubble:hover,
.k-bubble.k-hover {
    border-color: var(--kendo-color-base-subtle-hover, #E2DDE5);
    background-color: var(--kendo-color-base-subtle-hover, #E2DDE5)
}

.k-bubble:focus,
.k-bubble.k-focus {
    outline-color: var(--kendo-color-base-emphasis, #6E687C);
    box-shadow: inset 0 0 0 3px var(--kendo-color-app-surface, #FEFBFF), inset 0 0 0 5px var(--kendo-color-base-subtle, #DED8E0)
}

.k-bubble:focus:hover,
.k-bubble:focus.k-hover,
.k-bubble.k-focus:hover,
.k-bubble.k-focus.k-hover {
    box-shadow: inset 0 0 0 3px var(--kendo-color-app-surface, #FEFBFF), inset 0 0 0 5px var(--kendo-color-base-subtle-hover, #E2DDE5)
}

.k-avatar {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden
}

.k-avatar *,
.k-avatar *::before,
.k-avatar *::after {
    box-sizing: border-box
}

.k-avatar-text,
.k-avatar-initials {
    font-size: var(--kendo-font-size, inherit);
    font-family: var(--kendo-font-family, inherit);
    line-height: var(--kendo-line-height, normal)
}

.k-avatar-icon {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.k-avatar-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.k-avatar-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top
}

.k-avatar-sm {
    width: var(--kendo-spacing-4, 1rem);
    height: var(--kendo-spacing-4, 1rem);
    flex-basis: var(--kendo-spacing-4, 1rem)
}

.k-avatar-md {
    width: var(--kendo-spacing-8, 2rem);
    height: var(--kendo-spacing-8, 2rem);
    flex-basis: var(--kendo-spacing-8, 2rem)
}

.k-avatar-lg {
    width: var(--kendo-spacing-16, 4rem);
    height: var(--kendo-spacing-16, 4rem);
    flex-basis: var(--kendo-spacing-16, 4rem)
}

.k-avatar-bordered {
    border-width: 1px
}

.k-avatar-solid-primary {
    border-color: var(--kendo-color-primary, #65558F);
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #65558F)
}

.k-avatar-solid-secondary {
    border-color: var(--kendo-color-secondary, #E8DEF8);
    color: var(--kendo-color-on-secondary, #4A4459);
    background-color: var(--kendo-color-secondary, #E8DEF8)
}

.k-avatar-solid-tertiary {
    border-color: var(--kendo-color-tertiary, #7D5260);
    color: var(--kendo-color-on-tertiary, #ffffff);
    background-color: var(--kendo-color-tertiary, #7D5260)
}

.k-avatar-solid-info {
    border-color: var(--kendo-color-info, #2C6DDD);
    color: var(--kendo-color-on-info, #ffffff);
    background-color: var(--kendo-color-info, #2C6DDD)
}

.k-avatar-solid-success {
    border-color: var(--kendo-color-success, #1B7E3F);
    color: var(--kendo-color-on-success, #ffffff);
    background-color: var(--kendo-color-success, #1B7E3F)
}

.k-avatar-solid-warning {
    border-color: var(--kendo-color-warning, #F5CA47);
    color: var(--kendo-color-on-warning, #000000);
    background-color: var(--kendo-color-warning, #F5CA47)
}

.k-avatar-solid-error {
    border-color: var(--kendo-color-error, #B3261E);
    color: var(--kendo-color-on-error, #ffffff);
    background-color: var(--kendo-color-error, #B3261E)
}

.k-avatar-solid-dark {
    border-color: var(--kendo-color-dark, #322F35);
    color: var(--kendo-color-on-dark, #ffffff);
    background-color: var(--kendo-color-dark, #322F35)
}

.k-avatar-solid-light {
    border-color: var(--kendo-color-light, #F7F3FA);
    color: var(--kendo-color-on-light, #1D1B20);
    background-color: var(--kendo-color-light, #F7F3FA)
}

.k-avatar-solid-inverse {
    border-color: var(--kendo-color-dark, #322F35);
    color: var(--kendo-color-on-inverse, #ffffff);
    background-color: var(--kendo-color-dark, #322F35)
}

.k-avatar-outline {
    border-color: currentColor
}

.k-avatar-outline-primary {
    color: var(--kendo-color-primary-on-surface, #65558F)
}

.k-avatar-outline-secondary {
    color: var(--kendo-color-secondary-on-surface, #4A4459)
}

.k-avatar-outline-tertiary {
    color: var(--kendo-color-tertiary-on-surface, #633B48)
}

.k-avatar-outline-info {
    color: var(--kendo-color-info-on-surface, #1B4EA7)
}

.k-avatar-outline-success {
    color: var(--kendo-color-success-on-surface, #186D37)
}

.k-avatar-outline-warning {
    color: var(--kendo-color-warning-on-surface, #725809)
}

.k-avatar-outline-error {
    color: var(--kendo-color-error-on-surface, #9C2521)
}

.k-avatar-outline-dark {
    color: var(--kendo-color-dark-on-surface, #322F35)
}

.k-avatar-outline-light {
    color: var(--kendo-color-light-on-surface, #F7F3FA)
}

.k-avatar-outline-inverse {
    color: var(--kendo-color-inverse-on-surface, #322F35)
}