@use '../../styles/tools'
@use './variables' as *

@include tools.layer('components')
  /* region INPUT */
  .v-color-input
    padding: 0

    @at-root
      @include tools.density('v-color-input.v-input', $color-input-pip-density) using ($modifier)
        .v-color-input__pip
          --v-avatar-height: #{$color-input-pip-avatar-size + $modifier}

    .v-color-input__pip.v-avatar--variant-text
      --v-avatar-height: min-content
