.webchat__stacked-layout__main {

    flex-direction: column
}

.webchat__stacked-layout {

    display: flex;

    gap: 0.5rem
}

.webchat__stacked-layout--from-user {

    flex-direction: row-reverse;

    justify-content: flex-start
}

.webchat__stacked-layout .timestamp {

    display: flex;

    flex-direction: column;

    justify-content: flex-end
}

.webchat__bubble__nub-pad,
.webchat__stacked-layout__nub-pad,
.webchat__stacked-layout__status .webchat__stacked-layout__avatar-gutter {

    display: none !important
}

.chat_page .webchat__upload-button {

    display: none !important
}

.chat_page .webchat__basic-transcript__filler {

    display: none !important
}

.chat_page .webchat__basic-transcript__scrollable {

    justify-content: space-between
}

.chat_page .webchat__send-box__text-box {

    margin-top: 1rem;

    margin-bottom: 1rem;

    margin-right: 0.5rem;

    margin-left: 1rem;

    border-radius: 9999px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(232 232 232 / var(--tw-border-opacity));

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    padding-left: 1rem !important;

    padding-right: 1rem !important;

    font-family: unset !important
}

.chat_page .webchat__send-box__text-box::-moz-placeholder {

    --tw-text-opacity: 1 !important;

    color: rgb(107 107 107 / var(--tw-text-opacity)) !important
}

.chat_page .webchat__send-box__text-box::placeholder {

    --tw-text-opacity: 1 !important;

    color: rgb(107 107 107 / var(--tw-text-opacity)) !important
}

.chat_page .webchat__send-box__text-box:has(.webchat__send-box-text-box__input:focus) {

    --tw-border-opacity: 1;

    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.chat_page .webchat__send-box__main {

    border-top-width: 0px !important;

    border-bottom-width: 0px !important
}

.webchat__text-content,
.webchat__suggested-action,
.ac-textBlock {

    font-family: unset !important
}

.chat_page .webchat__basic-transcript__activity-body {

    padding-bottom: 0.5rem !important
}

.webchat__basic-transcript__activity:has(.webchat__stacked-layout--from-user)+.webchat__basic-transcript__activity:not(:has(.webchat__stacked-layout--from-user)) .webchat__basic-transcript__activity-body,
.webchat__basic-transcript__activity-body:has(> .webchat__stacked-layout--from-user .webchat__bubble--show-nub) {

    padding-top: 0.5rem
}

.chat_page .webchat__bubble__content,
.chat_page .webchat__send-box-text-box__input {

    font-size: 0.875rem !important;

    line-height: 1.25rem !important
}

.chat_page .webchat__bubble__content:not(:has(.ac-adaptiveCard)) {

    border-width: 0px !important
}

.chat_page .webchat__bubble__content p.webchat__text-content {

    --tw-text-opacity: 1 !important;

    color: rgb(33 33 36 / var(--tw-text-opacity)) !important
}

.chat_page .webchat__basic-transcript__scrollable {

    justify-content: flex-start !important
}

.webchat__send-box__button {

    margin-right: 1rem;

    padding-left: 0.125rem !important
}

.ac-pushButton.style-positive {

    width: 100%;

    border-radius: 9999px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(232 32 38 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    padding-top: 0.625rem;

    padding-bottom: 0.625rem;

    padding-left: 0.5rem;

    padding-right: 0.5rem;

    --tw-text-opacity: 1;

    color: rgb(232 32 38 / var(--tw-text-opacity));

    font-size: 0.875rem !important;

    font-weight: 600 !important;

    line-height: 1.25rem !important
}

.ac-pushButton.style-positive:hover {

    border-width: 1px !important;

    border-style: solid !important;

    --tw-border-opacity: 1 !important;

    border-color: rgb(191 0 0 / var(--tw-border-opacity)) !important;

    --tw-text-opacity: 1 !important;

    color: rgb(191 0 0 / var(--tw-text-opacity)) !important
}

.ac-pushButton.style-positive:active {

    border-width: 1px !important;

    border-style: solid !important;

    --tw-border-opacity: 1 !important;

    border-color: rgb(191 0 0 / var(--tw-border-opacity)) !important;

    --tw-text-opacity: 1 !important;

    color: rgb(191 0 0 / var(--tw-text-opacity)) !important
}

.ac-pushButton.style-destructive {

    height: 2rem;

    width: 100%;

    border-radius: 36px;

    --tw-bg-opacity: 1;

    background-color: rgb(232 32 38 / var(--tw-bg-opacity));

    font-size: 0.75rem;

    line-height: 1.125rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.ac-pushButton.style-destructive:hover:enabled {

    --tw-bg-opacity: 1 !important;

    background-color: rgb(169 35 40 / var(--tw-bg-opacity)) !important
}

.ac-pushButton.style-destructive img {

    height: 11px !important;

    width: 0.875rem !important
}

.ac-actionSet {

    display: block !important
}

.separator {

    display: flex;

    align-items: center;

    text-align: center
}

.separator::before {

    flex: 1 1 0%;

    border-bottom-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(142 142 142 / var(--tw-border-opacity));

    --tw-content: '';

    content: var(--tw-content)
}

.separator::after {

    flex: 1 1 0%;

    border-bottom-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: rgb(142 142 142 / var(--tw-border-opacity));

    --tw-content: '';

    content: var(--tw-content)
}

.separator:not(:empty)::before {

    content: var(--tw-content);

    margin-right: 0.375rem
}

.separator:not(:empty)::after {

    content: var(--tw-content);

    margin-left: 0.375rem
}

.ac-pushButton:disabled,
.ac-pushButton[disabled] {

    --tw-bg-opacity: 1;

    background-color: rgb(244 244 244 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: rgb(142 142 142 / var(--tw-text-opacity))
}

.statusLabel {

    width: -moz-fit-content;

    width: fit-content;

    border-radius: 4px;

    padding-top: 0.125rem !important;

    padding-bottom: 0.125rem !important;

    padding-left: 0.25rem !important;

    padding-right: 0.25rem !important
}

.ac-adaptiveCard>div {

    padding-left: 0.75rem !important;

    padding-right: 0.75rem !important
}

.ac-vertical-separator {

    width: 0.25rem !important
}

#forAdaptiveCardWithNoBG {

    border-color: transparent !important;

    background-color: transparent !important
}

.webchat__bubble__content:has(#forAdaptiveCardWithNoBG) {

    border-color: transparent !important;

    background-color: transparent !important
}

.webchat__text-content__markdown ol {

    list-style-type: decimal;

    padding-left: 2.5rem
}

.webchat__text-content__markdown ul {

    list-style-type: disc;

    padding-left: 2.5rem
}

div.webchat__stacked-layout:not(.webchat__stacked-layout--from-user):not(:has(div.ac-adaptiveCard)) {

    max-width: 289px
}