@import url('colors.css');

.dropdown-element{
        width: 100%;
        height: 25px;

        background-color: var(--color-input-background);

        border: 2px solid var(--color-border);
        border-radius: var(--radius-sm);

        color: var(--color-input-text);
        cursor: pointer;
        transition: border-color 0.3s, box-shadow 0.3s;

}

.dropdown-element:hover {
  border-color: var(--color-accent-primary);
}

.dropdown-element:focus {
  border-color: var(--color-focus);
  box-shadow: var(--shadow-focus);
  outline: none;
}