:host {
  width: inherit;
  height: inherit;
  background: white;
  display: flex;
  flex-direction: column;
}

.mat-headline-5 {
  text-align: center;
  line-height: 1;
  font-weight: 600;
  margin: 0 0 16px;
}
.mat-mdc-dialog-content {
  padding: 0 15px;
  margin: 0;
}
:host img {
  max-width: 100%;
}

.col {
  height: 100%;
  width: 33%;
  //&.left {
  //  padding-right: 24px;
  //}
  //
  //&.right {
  //  padding-left: 24px;
  //}
}

.icon-wrapper {
  display: inline-block;
  margin-right: 10px;
}
.actions  {
  margin-top: 8px;
  margin-bottom: 24px;
  min-height: 50px;
  gap: 10px;
  & > .col {
    height : 100%;
  }

  & ::ng-deep {
    & button {
      height: 50px;
      width: 100%;
      background: #da9803;
      padding: 0 10px;
      span {
        font-size: 13px;
      }
      co-icon ::ng-deep {
        width: 20px;
        height: 20px;
        svg {
          fill: #FFF;
        }
      }
    }
  }
}

.library {
  & ::ng-deep button {
    height: 100%;
    width: 100%;
  }

  .mat-subtitle-1 {
    text-align: center;
  }
}
