@import '@/styles/common.less';
@import '@/styles/variables.less';

.fragment-profile-intention {
  width: 100%;

  &__indent-city-container {
    background: transparent;
    padding: 0;
  }

  &__indent-city {
    width: 100%;
    height: 100px;
    .flex-row();

    &__item {
      position: relative;
      width: calc(calc(100% - 48px) / 3);
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 24px;
      background: #FFFFFF;
      border-radius: 16px;

      &:first-child {
        margin-left: 0px;
      }
    }

    &__delete-icon {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate3d(50%, -50%, 0);
      width: 44px;
      height: 44px;
    }

    &__add-icon {
      width: 32px;
      height: 32px;
    }
  }

  .transparent {
    background: transparent;
    padding: 0;
  }
}