/* ---------------------------
   Select2 "tachyon" theme
   --------------------------- */

/* Base selection */
.select2-container--tachyon .select2-selection--single {
  background-color: #fff;                  /* tachyons bg-white */
  border: 1px solid rgba(0,0,0,.2);        /* b--black-20 */
  border-radius: .25rem;                   /* br2 (use .375rem if you prefer) */
  padding: .5rem .75rem;                   /* pv2 ph3 */
  height: auto;
  font-size: 1rem;                         /* f6 */
  color: #333;                             /* dark-gray */
  transition: border-color .2s ease;
  position: relative;
  box-sizing: border-box;
}

/* Hover / focus / open */
.select2-container--tachyon .select2-selection--single:hover,
.select2-container--tachyon.select2-container--focus .select2-selection--single,
.select2-container--tachyon.select2-container--open  .select2-selection--single {
  border-color: #357edd; /* tachyons blue */
}

/* Arrow */
.select2-container--tachyon .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%);
}
.select2-container--tachyon .select2-selection--single .select2-selection__arrow b {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23000"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.3rem;  /* increase size */
  width: 24px;                 /* match your SVG width */
  height: 40px;                /* match your SVG height */
  border: 0;
  display: block;
}

.select2-container--tachyon .select2-selection--clearable.select2-selection--single .select2-selection__arrow b {
display: none;
}

/* Selected value */
.select2-container--tachyon .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: 1.5;
  padding-right: 1.75rem; /* room for arrow */
}

/* Dropdown menu */
.select2-container--tachyon .select2-dropdown {
  background-color: #fff;                   /* bg-white */
  border: 1px solid rgba(0,0,0,.2);         /* b--black-20 */
  border-radius: .25rem;                    /* br2 */
  font-size: 1rem;                          /* f6 */
  z-index: 1000;
  box-sizing: border-box;
}

/* Options */
.select2-container--tachyon .select2-results__option {
  padding: .5rem .75rem;                    /* pv2 ph3 */
  cursor: pointer;
}
.select2-container--tachyon .select2-results__option--highlighted {
  background-color: #357edd;                /* blue */
  color: #fff;                              /* white */
}

/* Disabled state */
.select2-container--tachyon .select2-selection--single[aria-disabled="true"] {
  background-color: #f4f4f4;                /* near-white */
  color: #777;                              /* gray */
  cursor: not-allowed;
}

/* Placeholder */
.select2-container--tachyon .select2-selection--single .select2-selection__placeholder {
  color: #777;
}

.select2-container--tachyon  .select2-search--dropdown .select2-search__field {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}

.select2-container--tachyon .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1.3rem;
    position: absolute;
    right: 10px;
}