@charset "UTF-8";

.ya-chat-error {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--yandex-mssngr-widget-text-color,#292c33);
  display: none;
  max-width: 95%;
  padding: 10px;
  transform: translate(-50%, -50%);
  text-align: center; }
  .ya-chat-error_visible {
    display: block;
    z-index: 11; }
  .ya-chat-error__title {
    font-size: 22.5px;
    font-weight: 700;
    line-height: 1.467;
    margin-bottom: 12px;
    text-align: center; }
  .ya-chat-error__button {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 16px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--yandex-mssngr-widget-error-button-color,#1c70c4);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.ya-chat-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--yandex-mssngr-widget-bg-color,#fff);
  display: none;
  align-items: center;
  justify-content: center; }
  .ya-chat-loader__spinner {
    width: 38px;
    height: 38px;
    border: 2px solid transparent;
    border-top-color: var(--yandex-mssngr-widget-loader-spinner-color,#00a8a8);
    border-left-color: var(--yandex-mssngr-widget-loader-spinner-color,#00a8a8);
    border-radius: 50%; }
  .ya-chat-loader_visible {
    display: flex; }
  .ya-chat-loader_visible .ya-chat-loader__spinner {
    animation: ya-chat-loader-spinner-rotate 1s infinite linear; }

@keyframes ya-chat-loader-spinner-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

.ya-chat-base {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: var(--yandex-mssngr-widget-bg-color,#fff); }
  .ya-chat-base__mount {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    visibility: hidden; }
    .ya-chat-base__mount_visible {
      visibility: visible; }
  .ya-chat-base__iframe {
    width: 100%;
    height: 100%;
    border: none; }
  .ya-chat-base__mount_fullscreen .ya-chat-base__iframe {
    position: fixed;
    left: var(--yandex-mssngr-widget-fullscreen-left,0);
    right: var(--yandex-mssngr-widget-fullscreen-right,0);
    top: var(--yandex-mssngr-widget-fullscreen-top,0);
    bottom: var(--yandex-mssngr-widget-fullscreen-bottom,0);
    z-index: var(--yandex-mssngr-widget-fullscreen-z-index,10050); }

.ya-chat-block {
  width: 100%;
  height: 100%; }