@import '_colors.sass'

body:not(.theme),
body.theme-light,
body.theme-black,
body.theme-dark
  .listing-options
    button
      border: none

      &:hover,
      &:active,
      &:focus
        color: $pink
        background-color: transparent
        text-decoration: underline

  .tab.tab-listing-order
    border-color: $background

    .tab-item
      margin: 4px
      padding: 0
      background-color: $background

      &:first-child
        margin-left: 0

      &:last-child
        margin-right: 0

      a
        margin: 0
        padding: 4px 8px

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

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

  .form-select:not([multiple]):not([size])
    border: 1px solid $comment
    background-color: $background
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23f8f8f2'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E")
