@use 'src/styles/variables' as vars;
@use 'src/styles/layouts';
@use 'src/styles/mixins';
@use 'src/styles/fonts';
@use 'src/styles/colors';

.select {
  display: flex;
  flex-direction: column;

  width: 100%;

  @include layouts.v-spacing(vars.$space-s2);

  ::ng-deep .p-dropdown {
    width: 100%;
    overflow: visible;

    @include mixins.input();

    .p-dropdown-label {
      font-size: fonts.$font-size-l;
      font-weight: fonts.$font-regular;
      color: colors.$text-color;
      padding: 0;
    }

    .p-dropdown-trigger {
      background-image: url('~src/assets/img/arr-down.svg');
      background-repeat: no-repeat;
      background-size: 9px 4px;
      background-position: center center;
    }
  }
}
