@import '_colors.sass'

.listing-options
  color: $gray-1

  .tab-listing-order
    border: none

  button
    border: none

  .tab-item

    a
      color: $yellow

      &:hover,
      &:active,
      &:focus
        color: $pink

    &:last-child a
      margin-right: 0

      &:hover,
      &:active,
      &:focus
        color: $pink

    &.active a
      color: $pink
      border-color: $pink

      &:hover
        color: $pink

body,
body.theme-light,
body.theme-dark,
body.theme-black
  .form-select:not([multiple]):not([size])
    border-color: $gray-2
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23E6E6E6'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem
    background-color: $gray-4