/*
 * The filter show component.
 *
 * Edit this file. It is served as it is — nothing compiles it, and the
 * order it loads in is set in resources/css/order.php.
 */

.filter-show {
  align-items:center;
  display:flex;
  height:48px;
}

@media screen and (max-width:1440px) {

  .filter-show {
    height:32px;
  }
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .filter-show {
    display:none;
  }
}

.filter-show__items-wrapper {
  display:contents;
}

.filter-show__item {
  align-items:center;
  border:1px solid #ccc;
  display:flex;
  font-weight:600;
  height:100%;
  justify-content:center;
}

.filter-show__item:not(:last-child) {
  border-right:none;
}

.filter-show__item input:checked+.filter-show__label {
  background-color:#181818;
  color:#fff;
}

.filter-show__label {
  align-items:center;
  cursor:pointer;
  display:flex;
  height:100%;
  justify-content:center;
  padding-inline:24px;
  transition:color .6s cubic-bezier(.25,.25,0,1),background-color .6s cubic-bezier(.25,.25,0,1);
  width:100%;
}

@media screen and (max-width:1440px) {

  .filter-show__label {
    padding-inline:16px;
  }
}

@media(any-hover:hover),(hover:hover)and (pointer:fine) {

  .filter-show__label:not(:disabled):hover {
    background-color:#181818;
    color:#fff;
  }
}

.partners-sort__legend {
  border:none;
  padding-inline:16px;
}

@media(any-hover:hover),(hover:hover)and (pointer:fine) {

  .partners-sort__legend:not(:disabled):hover {
    background-color:#f1ede4;
    color:#181818;
  }
}

@media screen and (max-width:1440px) {

  .partners-sort__legend {
    padding-inline:12px;
  }
}