// card-head-edit
.card-head-edit {
  .template-list {
    font-size: 0;
  }
  .template-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    &-body {
      width: 240px;
      height: 160px;
      border-radius: 15px;
      border: 1px solid $--color-border-dark;
      overflow: hidden;
      position: relative;

      > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
    &-action {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      text-align: center;
    }
    &-title {
      margin-top: 10px;
      text-align: center;
    }
  }
}
