@use '../utils';

.str-chat__modal--open {
  @include utils.flex-col-center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;

  button.str-chat__modal__close-button {
    @include utils.unset-button;
    margin: var(--str-chat__spacing-2);
    cursor: pointer;
  }

  .str-chat__modal__close-button {
    @include utils.flex-row-center;
    padding: var(--str-chat__spacing-2);
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    cursor: pointer;
  }

  .str-chat__modal__inner {
    @include utils.flex-col-center;
    padding: var(--str-chat__spacing-8) var(--str-chat__spacing-4);
    width: 40%;
    min-width: 0;
    min-height: 0;
  }
}

.str-chat__modal--close {
  display: none;
}