<script setup>
</script>

<template></template>

<style  lang="scss" scope>
$main: var(--main);
$auxiliary: var(--auxiliary);
$light: var(--light);
.VSELSELECT {
  .el-input__wrapper {
    background: $auxiliary;
    box-shadow: 0 0 0 1px $main inset;
    .el-input__inner {
      background: unset;
      color: #fff;
    }
    input::placeholder {
      color: #fff;
    }
    .el-select__caret {
      color: #fff !important;
    }
  }

  .el-popper {
    background: $main !important;
    .el-popper__arrow::before {
      background: $main !important;
    }
    .el-select-dropdown__item {
      color: #fff;
    }
    .el-select-dropdown__item.hover {
      background: $main !important;
    }
    .selected {
      background: $auxiliary !important;
    }
  }
}
</style>
