/* compiled by scssphp 1.12.1 on Wed, 07 May 2025 22:07:48 +0000 (0.0542s) */

/* BUTTONS */
:root {
  --light-blue: #edeff9;
}
a.btn.plain {
  padding: 0px 8px;
  border: 1px solid transparent;
}
a.btn.plain .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
  margin-right: 0;
}
a.btn.plain .icon {
  --icon-size: 16px;
  background: transparent;
}
a.btn.plain .icon::after {
  --icon-color: #333333;
}
a.btn.plain .x-btn-inner {
  color: #333333;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  padding: 0 4px 0px 4px;
}
.listings-panel > .x-panel-bodyWrap > .x-panel-body > .x-box-inner {
  min-height: 100% !important;
}
.listings-panel .listings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.listings-panel .listings .list-item {
  display: flex;
  --unactive-icon-color: #aaa;
  --active-icon-color: #14851e;
}
.listings-panel .listings .list-item .col {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.listings-panel .listings .list-item .row {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.listings-panel .listings .list-item .icon {
  background: transparent;
}
.listings-panel .listings .list-item .icon::after {
  background: var(--unactive-icon-color);
}
.listings-panel .listings .list-item .icon.active::after {
  background: var(--active-icon-color);
}
.listings-panel .listings .list-item .tags {
  --tag-bck-color: #ddd;
}
.listings-panel .listings .list-item .tags .tag {
  padding: 3px 8px;
  background: var(--tag-bck-color);
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  display: inline-flex;
}
.listings-panel.flex-row .listings {
  flex-direction: row;
  flex-wrap: wrap;
}
.listings-panel.flex-row .listings .card {
  --card-height: 350px;
  width: 300px;
  box-sizing: border-box;
  padding: 12px;
  min-height: var(--card-height);
  max-height: var(--card-height);
  border: 1px solid var(--light-blue);
  border-radius: 6px;
}
.listings-panel.flex-row .listings .card .header .picture {
  text-align: center;
  cursor: pointer;
}
.listings-panel.flex-row .listings .card .header .picture img {
  max-width: 100%;
  max-height: 250px;
  object-fit: cover;
}
.listings-panel.flex-row .listings .card .header .picture:hover {
  opacity: 0.3;
}
.listings-panel.flex-row .listings .card .body .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.listings-panel .x-panel-body {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}
.listings-panel .x-panel-body::-webkit-scrollbar {
  width: 8px;
}
.listings-panel .x-panel-body::-webkit-scrollbar-track {
  background: transparent;
}
.listings-panel .x-panel-body::-webkit-scrollbar-thumb {
  background: #888;
  border: 1px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.listings-panel .x-panel-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}