:root {
  --Primary_White: #fff;
  --Primary_Black: #313131;
  --Second_Black: #888;
  --Accent_Blue: #0880f7;
  --Accent_Light_Blue: #eef5fd;
  --Second_Accent: #f5f5f6;
  --Accent_Orange: #de7021;
  --Accent_Green: #29a33d;
  --Special_Red: #ff0000;
  --Special_Contrast: #4a50e1;
  --Dark_Blue: #0a223d;
  --Second_Blue: #92c6fb;
  --Light_Dark_Blue: #b4c0cd;
  --Primary_Stroke_Black: #e7e6e6;
}

.filter-available,
.filter-available-action {
  background-color: #eef5fd;
  color: #313131;
  border: 1px solid #e7e6e6;
  border-radius: 12px;
  padding: 4px 16px 6px;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  text-align: center;
  max-width: -moz-max-content;
  max-width: max-content;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s linear;
}

.filter-available:hover,
.filter-available-action:hover,
.filter-available-action:target,
.filter-available-action:focus,
.filter-available-action:focus-visible,
.filter-available-action:focus-within,
.filter-available-action:active {
  background-color: #0880f7;
  color: #fff;
}

.filter-available-action {
  display: flex;
  align-items: center;
}

.status-responsed {
  background-color: #de7021;
  color: #fff;
}

.status-not-viewed {
  background-color: transparent;
  color: #de7021;
  border-radius: 1px solid #de7021;
}

.status-viewed {
  background-color: transparent;
  color: #0880f7;
  border-radius: 1px solid #0880f7;
}

.status-responsed,
.status-not-viewed,
.status-viewed {
  padding: 2px 8px 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.9rem;
  max-width: -moz-max-content;
  max-width: max-content;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s linear;
}

.tip-buy,
.tip-sell,
.tip-new {
  color: #fff;
  padding: 2px 8px;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: all 0.2s linear;
}

.tip-buy {
  background-color: #0880f7;
}

.tip-sell,
.tip-new {
  background-color: #de7021;
}

.tip-delivery {
  background-color: transparent;
  padding: 2px 8px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #29a33d;
  text-transform: uppercase;
  color: #29a33d;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: all 0.2s linear;
}

.tip-my-adv {
  background-color: #eef5fd;
  padding: 2px 8px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #0880f7;
  text-transform: uppercase;
  color: #0880f7;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: all 0.2s linear;
}

.tip-my-response {
  background-color: #e7e6e6;
  padding: 2px 8px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #888;
  text-transform: uppercase;
  color: #313131;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: -moz-max-content;
  max-width: max-content;
  transition: all 0.2s linear;
}

.filter-catalog-button {
  position: relative;
  display: flex;
  align-items: center;
  color: #0880f7;
  gap: 9px;
}
.filter-catalog-button::after {
  content: "";
  display: inline-block;
  background-image: url("/images/icons/filter.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 11.2px;
}

.save-condition {
  background-color: #0880f7;
  color: #fff !important;
}

@media (max-width: 768px) {
  .filter-available,
  .filter-available-action {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
  .status-responsed,
  .status-not-viewed,
  .status-viewed {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  .tip-buy,
  .tip-sell,
  .tip-delivery,
  .tip-my-response,
  .tip-my-adv,
  .tip-new {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}/*# sourceMappingURL=ui.css.map */