@import "@css[shared]/page/category/filter/filter-sort";


.filter-sort {
   color: $text-dark;
   font-size: $font-size-base;

   select {
      background: url("/templates/images/icons-caret-down.svg") no-repeat right 12px center / 10px;
      border: 0;
      color: $brand-ctr;
      font-size: $font-size-base;
      font-weight: $font-weight-medium;
      padding: 0 20px;
      min-height: unset;
      text-decoration: underline;
   }

   option {
      color: $text-dark;
   }

   @media screen and (max-width: $md - 1) {
      label {
         width: unset;
      }
   }

   @media screen and (max-width: 350px) {
      select {
         border: 1px solid $border-color;
         margin-top: 10px;
         padding: 8px 20px 8px 15px;
         width: 100%;
      }
   }
}
