/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.popup-peer {
  $parent: ".popup";

  #{$parent} {
    &-header {
      display: flex;
      margin-bottom: .625rem;
      align-items: center;
    }
    
    &-container {
      padding: 1rem 1.5rem .8125rem;
      max-width: unquote('min(400px, 100%)');

      &.have-checkbox {
        .popup-buttons {
          margin-top: .5625rem;
        }
      }
    }

    &-title {
      font-size: 1.25rem;
      font-weight: var(--font-weight-bold);
      margin-bottom: .125rem;

      &:not(:first-child) {
        padding-left: .6875rem;
      }
    }

    &-description {
      margin-top: 0;
      margin-bottom: 0;
      min-width: 15rem;
      max-width: fit-content;
      text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-word;
      line-height: var(--line-height);
    }

    &-buttons {
      margin-top: 1.625rem;
      margin-right: -.5rem;

      .btn {
        font-weight: var(--font-weight-bold);

        & + .btn {
          margin-top: .625rem;
        }
      }
    }
  }

  .checkbox-field {
    display: flex;
    align-items: center;
    height: 3.5rem;
    /* padding: 0 .9375rem;
    margin: 0 -.8125rem; */
    padding: 0 1.1875rem;
    margin: 0 -1.0625rem;

    .checkbox-box {
      left: auto;
    }
  }
}
