@charset "UTF-8";

.dropdown {
  display: inline-block;
  position: relative;
  border-radius: var(--radius);
}

.dropdown__select {
  display: inline-block;
  border: var(--border);
  max-width: 100%;
  text-overflow: ellipsis;
  background: transparent;
  border: var(--border);
  padding: var(--padding) calc(var(--padding) * 2) var(--padding) var(--padding);
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
}

@media (min-width: 801px) {
  .dropdown {
    width: fit-content;
  }
}

.dropdown::before {
  position: absolute;
  inset: 0 0 0 auto;
  content: '⌄';
  padding: var(--padding);
  pointer-events: none;
}