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

.popup-peer {
  $parent: ".popup";
  --popup-min-width: 19.5rem;
  --popup-max-width: 25rem;

  #{$parent} {
    &-header {
      display: flex;
      align-items: center;
      padding: 0 1rem;
      height: 2.5rem;
      margin: 0;
      width: max-content;
      max-width: 100%;
    }
    
    &-container {
      padding: .75rem .5rem;
      width: min-content;
    }

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

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

    &-description {
      margin-top: 0;
      margin-bottom: 0;
      min-width: unquote('min(100%, 15rem)');
      max-width: fit-content;
      line-height: var(--line-height);
      padding: .625rem 1rem .5rem;
      white-space: pre-wrap;

      @include text-overflow(false);
    }
  }

  .checkbox-field {
    display: flex;
    align-items: center;
    min-height: 3rem;
    height: auto;
    margin: 0;
    padding: .25rem 1.125rem;

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