.BasicInfoStep
  & .avatar-container
    border-radius 50%
    border: 1px solid #E5E5E5

  & .avatar-image
    border-radius 50%

  & .file-input
    display none

.ModelSelectionStep
  & .grid-container
    display grid
    grid-template-columns 1fr 1fr
    gap 16px

    &--mobile
      grid-template-columns 1fr

  & .model-card
    border-radius 16px
    border 1px solid #E5E5E5
    position relative
    transition border-color 0.2s ease
    text-align left
    background inherit

    &--selected
      border 1px solid var(--primaryColor)

    &--openrag
      &--light
        background linear-gradient(90deg, #EFF6FF 0%, #FAF5FF 100%)

      &--dark
        background linear-gradient(90deg, #3A2899 0%, #0C091B 100%)

  & .icon-container
    width 53px
    height 53px
    border-radius 16px
    background-size cover
    background-position center

    &--google
      background-color #f0f4fa

    &--custom
      background-color #f5f5f5

    &--openai
      background-color #ffffff

  & .check-icon
    position absolute
    top 16px
    right 16px
    border-radius 100%
    background-color var(--successColor)
    color var(--white)

.CreateAssistantDialog
  & .close-button
    position absolute
    top 10px
    right 10px