.messages-container {
  overflow-y:auto
}
.message-box {
  word-break:break-word;
  max-width:80%
}
.chatbot-image-small {
  height:30px!important;
  width:auto;
  border-radius:50%
}
.user-message {
  border-radius:10px;
  padding-top:20px;
  align-self:flex-end
}
.assistant-message {
  border-radius:10px;
  padding-top:20px;
  align-self:flex-start
}
.submit-button {
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  padding:.1rem;
  padding-left:.1rem!important;
  padding-right:.1rem!important;
  border-radius:50%;
  border-style:none;
  background-color:#c5b7ff;
  width:1.875rem;
  height:1.875rem
}
.submit-button   img {
  width:1rem;
  height:1rem;
  transform:rotate(320deg);
  margin-left:.3rem;
  margin-bottom:.3rem
}
.message-input {
  width:100%;
  padding-top:10px!important;
  padding-bottom:10px!important;
  padding-left:10px!important;
  border-radius:25px;
  justify-self:flex-end;
  box-sizing:border-box;
  padding-right:50px;
  border:.5px solid rgb(194,193,193);
  outline:none;
  font-size:.9rem
}
.message-user-icon {
  width:30px;
  height:30px
}
.message-ai-icon   img {
  width:30px!important;
  height:30px!important
}
.typing-dots {
  display:flex;
  align-items:center;
  gap:8px
}
.dot {
  width:8px;
  height:8px;
  background-color:#000;
  border-radius:50%;
  animation:_ngcontent-ng-c123_blink 1.2s infinite ease-in-out both
}
.dot:nth-child(2) {
  animation-delay:.2s
}
.dot:nth-child(3) {
  animation-delay:.4s
}
@keyframes _ngcontent-ng-c123_blink {
  0%,
  to {
    transform:scale(1);
    opacity:.2
  }
  50% {
    transform:scale(1.3);
    opacity:1
  }
}
.header {
  height:8vh;
  position:relative
}
#support-chat-container {
  position:fixed!important;
  right:2vw!important;
  bottom:2vh!important;
  border-radius:20px;
  box-shadow:0 7px 6px #30303033;
  background-color:#fff;
  height:60%;
  width:25vw;
  min-width:400px;
  border:1px solid rgb(209,209,209);
  padding-left:1.3rem!important;
  padding-right:1.3rem!important;
  padding-bottom:1.2rem!important;
  max-height:95vh;
  overflow:hidden;
  z-index:101
}
#support-chat-container   .p-2 {
  padding-left:0!important;
  padding-right:0!important
}
#support-chat-container   .header {
  min-height:3.6rem;
  max-height:96px;
  height:8vh;
  padding-top:.5rem
}
@media screen and (max-width: 992px) {
  #support-chat-container {
    width:50vw
  }
}
@media screen and (max-width: 576px) {
  #support-chat-container {
    width:94vw;
    min-width:unset
  }
}
.support-type-container {
  padding-bottom:0rem!important
}
.close-button {
  background-color:transparent;
  border:none;
  font-size:1.5rem
}
.message-text {
  font-size:.9rem;
  font-weight:400;
  line-height:120%;
  opacity:.8
}
.user-message-text {
  padding:10px;
  background-color:#c5b7ff;
  border-radius:25px 0 25px 25px/25px 0px 25px 25px
}
.support-button {
  font-size:.9rem;
  margin:0!important;
  font-weight:400;
  line-height:1.2rem;
  letter-spacing:0%;
  text-align:center;
  color:#969494
}
a.support-button {
  color:#000;
  cursor:pointer;
  opacity:.7
}
.assistant-message-text   ol,
.assistant-message-text   ul {
  padding-left:1.5rem!important;
  color:#000!important
}
.divider {
  width:calc(100% + 3rem);
  height:1px;
  background-color:#d3d3d3;
  margin-left:-1.5rem;
  margin-top:.5rem
}
.assistant-message-text     ol,
.assistant-message-text   ul {
  padding-left:1.5rem!important
}
.messages-container {
  scrollbar-color:#c0c4c9 #f6f7f9;
  -ms-overflow-style:auto;
  padding-right:.5rem
}
.messages-container::-webkit-scrollbar-button {
  display:none;
  width:0;
  height:0;
  background:transparent;
  border:0
}
.messages-container::-webkit-scrollbar-track {
  background:#f6f7f9
}
.messages-container::-webkit-scrollbar-thumb {
  background-color:#c0c4c9;
  border-radius:10px;
  border:3px solid #f6f7f9
}
.messages-container::-webkit-scrollbar-corner {
  background:#f6f7f9
}
.assistant-message-text   img {
  max-width:100%!important
}
.support-type-container   img.chatbot {
  height:48px;
  max-height:calc(100% - 10px);
  width:auto;
  margin-left:-1.5rem;
  margin-right:1rem
}
.email-input {
  display:none !important;
}

/* PRZYCISK */

.contact-button {
    background-color: #c5b7ff;
    border: none;
    border-radius: 25px;
    padding: 14px 40px;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 25px auto;
    display: block;
    box-shadow: 0 2px 8px rgba(197, 183, 255, 0.3);
}

.contact-button:hover {
    background-color: #b5a3ff;

}

.contact-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(197, 183, 255, 0.4);
}

/* zgoda */

#consent-button {
    background-color: #c5b7ff;
    border: none;
    border-radius: 25px;
    padding: 14px 40px;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    /* margin: 25px auto; */
    display: block;
    box-shadow: 0 2px 8px rgba(197, 183, 255, 0.3);
}

#consent-button:hover {
    background-color: #b5a3ff;

}

#consent-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(197, 183, 255, 0.4);
}

#consent-message {
	font-size: 14px;
	line-height: 1.6;
}

#consent-message {
	font-size: 14px;
	line-height: 1.6;
}

@media (max-height: 640px) {
#consent-message {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 0px;
	font-size: 12px;
}
}