.landlord-IP .landlord-AI {
	width: 80%;
	height: auto;
}

.landlord-AI {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 13%;
}

.landlord-IP .landlord-AI img {
	width: 100%;
	height: auto;
}

.landlord-AI img {
	width: auto;
	height: 100%;
}

.mobile-landlord .landlord-AI {
	height: 30%;
}

/* //codelessly loader style */
.ui-loader-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ui-loader {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.loader-blk {
  color: #b79add;
  animation: rotate-outer08 1.4s linear infinite;
}

.loader-text {
	margin-top: 5px;
	font-size: 12px;
}

.multiColor-loader {
  display: block;
}

.loader-circle {
  stroke: currentColor;
}

.MuiCircularProgress-circleStatic {
  transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.loader-circle-animation {
  animation: rotate-inner08 1.4s ease-in-out
    infinite;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0;
}

@keyframes rotate-outer08 {
  0% {
    transform-origin: 50% 50%;
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-inner08 {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
/* //codelessly loader style */

@keyframes blink {
  0% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

#session-window {
  pointer-events: none;
}

#session-window,
.session-window-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}

#session-window .session-window-mask {
  position: absolute;
  display: none;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}

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

/* ---------------------------- hljs ---------------------------- */
.session-item .response pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}

.session-item .response code.hljs {
  padding: 0.15em 0.4em;
}

.session-item .response .hljs {
  color: #24292e;
  background: #fff
}

.session-item .response .hljs-doctag,
.session-item .response .hljs-keyword,
.session-item .response .hljs-meta .hljs-keyword,
.session-item .response .hljs-template-tag,
.session-item .response .hljs-template-variable,
.session-item .response .hljs-type,
.session-item .response .hljs-variable.language_ {
  color: #d73a49
}

.session-item .response .hljs-title,
.session-item .response .hljs-title.class_,
.session-item .response .hljs-title.class_.inherited__,
.session-item .response .hljs-title.function_ {
  color: #6f42c1
}

.session-item .response .hljs-attr,
.session-item .response .hljs-attribute,
.session-item .response .hljs-literal,
.session-item .response .hljs-meta,
.session-item .response .hljs-number,
.session-item .response .hljs-operator,
.session-item .response .hljs-selector-attr,
.session-item .response .hljs-selector-class,
.session-item .response .hljs-selector-id,
.session-item .response .hljs-variable {
  color: #005cc5
}

.session-item .response .hljs-meta .hljs-string,
.session-item .response .hljs-regexp,
.session-item .response .hljs-string {
  color: #032f62
}

.session-item .response .hljs-built_in,
.session-item .response .hljs-symbol {
  color: #e36209
}

.session-item .response .hljs-code,
.session-item .response .hljs-comment,
.session-item .response .hljs-formula {
  color: #6a737d
}

.session-item .response .hljs-name,
.session-item .response .hljs-quote,
.session-item .response .hljs-selector-pseudo,
.session-item .response .hljs-selector-tag {
  color: #22863a
}

.session-item .response .hljs-subst {
  color: #24292e
}

.session-item .response .hljs-section {
  color: #005cc5;
  font-weight: 700
}

.session-item .response .hljs-bullet {
  color: #735c0f
}

.session-item .response .hljs-emphasis {
  color: #24292e;
  font-style: italic
}

.session-item .response .hljs-strong {
  color: #24292e;
  font-weight: 700
}

.session-item .response .hljs-addition {
  color: #22863a;
  background-color: #f0fff4
}

.session-item .response .hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0
}
/* ---------------------------- hljs ---------------------------- */

.ai-assistant {
  background: linear-gradient(180deg, #FFFFFF, #F7F1E3 40%);
  border: 2px solid #fff;
  -webkit-filter: drop-shadow(-6px 0 20px rgba(61, 64, 75, 0.2));
  filter: drop-shadow(-6px 0 20px rgba(61, 64, 75, 0.2));
  position: fixed;
  top: 0;
  left: -570px;
  width: 517px;
  height: 100%;
  z-index: 101;
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
}

.ai-assistant .header {
  flex-shrink: 0;
  height: 70px;
  padding: 0px 20px;
  display: flex;
  align-items: center;
}

.ai-assistant .header .avatar {
  width: 36px;
  height: 36px;
}

.ai-assistant .header .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.ai-assistant .header .avatar-name {
  font-size: 14px;
  margin-left: 10px;
  letter-spacing: 1px;
  font-family: PingFangSC-Regular,sans-serif,PingFangSC-Light,sans-serif,"Microsoft YaHei",arial;
}

.ai-assistant .session-body, .ai-assistant .footer .session-textarea {
  --sb-track-color: transparent;
  --sb-thumb-color: transparent;
  --sb-size: 0px;
}

.ai-assistant .session-body::-webkit-scrollbar {
  width: var(--sb-size);
}

.ai-assistant .session-body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

.ai-assistant .session-body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}

.ai-assistant .footer .session-textarea::-webkit-scrollbar {
  width: var(--sb-size);
}

.ai-assistant .footer .session-textarea::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

.ai-assistant .footer .session-textarea::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}

@supports not selector(::-webkit-scrollbar) {
  .ai-assistant .session-body, .ai-assistant .footer .session-textarea {
      scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.ai-assistant .session-body {
  flex: 1;
  -ms-overflow-style: none;
  overflow-y: scroll;
  padding: 0 20px 20px;
  position: relative;
  scrollbar-width: none;
  width: 100%;
}

.ai-assistant .session-body .session-list {
  font-size: 14px;
  color: #333333;
  line-height: 1.75;
  list-style: none;
  font-family: PingFangSC-Regular,sans-serif,PingFangSC-Light,sans-serif,"Microsoft YaHei",arial;
}

.ai-assistant .session-list .session-item + .session-item {
  margin-top: 20px;
}

.ai-assistant .session-list .session-item .request {
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  margin-left: auto;
  padding: 15px 20px 15px;
  border-radius: 20px 0 20px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(-145deg, #FEEBE7, #F0E7FC 65%);
}

.ai-assistant .session-list .session-item .response {
  margin-top: 20px;
  padding: 15px 20px 15px;
  border-radius: 0 20px 20px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(145deg, #FEEBE7, #F0E7FC 65%);
}

.ai-assistant .session-list .session-item:first-child .response {
  margin-top: 0px;
}

/*.in-session::after {
  content: '';
  display: inline-block;
  height: 14px;
  width: 6px;
  margin-left: 3px;
  transform: translateY(1px);
  background-color: #000000;
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}*/

.ai-assistant .session-list .session-item .request > :first-child,
.ai-assistant .session-list .session-item .response > div > :first-child {
  margin-top: 0;
}

.ai-assistant .session-list .session-item .request > :last-child,
.ai-assistant .session-list .session-item .response > div > :last-child {
  margin-bottom: 0;
}

.ai-assistant .session-list .session-item .response h1 {
  font-size: 24px
}

.ai-assistant .session-list .session-item .response h2 {
  font-size: 20px
}

.ai-assistant .session-list .session-item .response h3 {
  font-size: 18px
}

.ai-assistant .session-list .session-item .response h4,
.ai-assistant .session-list .session-item .response h5,
.ai-assistant .session-list .session-item .response h6 {
  font-size: 16px
}

.ai-assistant .session-list .session-item .response h1,
.ai-assistant .session-list .session-item .response h2,
.ai-assistant .session-list .session-item .response h3,
.ai-assistant .session-list .session-item .response h4,
.ai-assistant .session-list .session-item .response h5,
.ai-assistant .session-list .session-item .response h6 {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

.ai-assistant .session-list .session-item .response pre {
  margin: 1em 0;
}

.ai-assistant .session-list .session-item .response code {
  margin: 0 5px;
  font-family: "Lucida Console", Consolas, Courier, monospace;
}

.ai-assistant .session-list .session-item .response pre code.hljs,
.ai-assistant .session-list .session-item .response code {
  padding: 0px 2px;
  background-color: #F8F8F8;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(231, 234, 237);
}

.ai-assistant .session-list .session-item .response pre code.hljs {
  display: block;
  padding: 12px;
  margin: 0 0;
}

.ai-assistant .session-list .session-item .response blockquote {
  margin: 1em 0;
  padding: 0 0.8em;
  color: #777777;
  border-left: 4px solid #dfe2e5;
}

.ai-assistant .session-list .session-item .response p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.ai-assistant .session-list .session-item .response ul,
.ai-assistant .session-list .session-item .response ol {
  list-style: revert;
  padding-left: 25px;
}

.ai-assistant .session-list .session-item .response ul {
  list-style: disc;
}

.ai-assistant .session-list .session-item .response ol ul {
  list-style: circle;
}

.ai-assistant .session-list .session-item .response ol ul ul {
  list-style: square;
}

.ai-assistant .session-list .session-item .response li {
  margin: .5em 0;
}

.ai-assistant .session-list .session-item .response hr {
  height: 2px;
  padding: 0;
  margin: 16px 0;
  background-color: #e7e7e7;
  border: 0 none;
  overflow: hidden;
  box-sizing: content-box;
}

.ai-assistant .footer {
  padding: 0 20px 20px;
  position: relative;
}

.ai-assistant .footer::before {
  background: transparent;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 100%;
}

.ai-assistant .footer .session-textarea-box {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  box-sizing: border-box;
  height: 130px;
  margin-top: 10px;
  padding: 10px 13px 38px;
  position: relative;
  width: 100%;
  transition: border .2s ease-in-out;
}

.ai-assistant .footer .session-textarea {
  font-family: PingFangSC-Regular, sans-serif, PingFangSC-Light, sans-serif, "Microsoft YaHei", arial;
  outline: none;
  border: none;
  -ms-overflow-style: none;
  font-size: 14px;
  height: 100%;
  line-height: 20px;
  resize: none;
  width: 100%;
}

.ai-assistant .footer .session-textarea-limit {
  bottom: 10px;
  color: #afb3c3;
  font-size: 12px;
  left: 15px;
  line-height: 17px;
  position: absolute;
  font-family: PingFangSC-Regular, sans-serif, PingFangSC-Light, sans-serif, "Microsoft YaHei", arial;
}

.ai-assistant .footer .session-submit {
  border-radius: 50%;
  bottom: 8px;
  cursor: no-drop;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 10px;
  text-align: center;
  transition: .2s;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease-in-out;
  pointer-events: none;
}

.ai-assistant .footer .session-submit svg {
  fill: #c5c8d7;
  width: 16px;
  height: 16px;
  transform: translate(7%, -3%);
  transition: fill .2s ease-in-out;
}

.ai-assistant .ai-assistant-close {
  position: absolute;
  right: -2px;
  bottom: 10%;
  width: 50px;
  height: 42px;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 0px 100px 100px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(100%);
  transition: background .2s ease-in-out;
}

.ai-assistant .ai-assistant-close svg {
  stroke: #7D352B;
  width: 18px;
  height: 18px;
  transition: stroke .2s ease-in-out;
}

.ai-assistant .ai-assistant-close:hover {
  background-color: #7D352B;
}

.ai-assistant .ai-assistant-close:hover svg {
  stroke: #F7F1E3;
}

/* -------------------------------------------------------- */
.ai-assistant .footer .session-textarea-box.has-content {
  border: 1px solid #7D352B;
}

.ai-assistant .footer .session-textarea-box.has-content .session-submit {
  cursor: pointer;
  background-color: #7D352B;
  pointer-events: auto;
}

.ai-assistant .footer .session-textarea-box.has-content .session-submit svg {
  fill: #FFFFFF;
}

@media screen and (max-width: 991px) {
	.ai-assistant {
	  background: linear-gradient(180deg, #FFFFFF, #F7F1E3 40%);
	  border: 2px solid #fff;
	  -webkit-filter: drop-shadow(-6px 0 20px rgba(61, 64, 75, 0.2));
	  filter: drop-shadow(-6px 0 20px rgba(61, 64, 75, 0.2));
	  position: fixed;
	  top: 0;
	  left: -400px;
	  width: 345px;
	  height: 100%;
	  z-index: 101;
	  border-radius: 0px 20px 20px 0px;
	  display: flex;
	  flex-direction: column;
	  pointer-events: auto;
	}
	
	.ai-assistant .ai-assistant-close {
		top: 15px;
		bottom: unset;
		background: transparent;
		transform: translateX(-20%);
	}
	
	.ai-assistant .ai-assistant-close:hover {
		background-color: transparent;
	}

	.ai-assistant .ai-assistant-close:hover svg {
		stroke: #7D352B;
	}
}