body {
  --background: #181820;
  --backgroundRgbaZero: rgba(24,24,32,0);
  --backgroundDark: #111117;
  --backgroundDarkLightBlue: #111117;
  --backgroundDark2: #0c0c10;
  --cardBackground: #20212b;
  --cardBackgroundLight: #272834;
  --cardBackgroundDark: #1c1d26;
  --cardBackgroundRgba: rgba(32,33,43,0.6);
  --textColor: #C8C9D8;
  --placeholderColor: #abacb5;
  --borderColor: #333444;
  --borderColor2: #171822;
  --borderColor3: #0E0E14;
  --linkActiveColor: #4255d4;
  --hoverDark:#181820;
  --linkText: #C8C9D8;
  --darkGreen: #4255d4;
  --darkGreenDark: #248A50;
  --darkBlue: #343891;
  --darkBlueDark: #282B78;
  --darkBluelightWhite: #343891;
  --otherColor1: #1b1c26;
  background: var(--background);
  font-family: "Wix Madefor Display", sans-serif;
  font-size: 14px;
  color: var(--textColor);
}
body.light {
  --background: #eeeeee;
  --backgroundDark: #dddddd;
  --backgroundDarkLightBlue: #343891;
  --backgroundDark2: #bbbbbb;
  --cardBackground: #fff;
  --cardBackgroundLight: #f2f2f2;
  --cardBackgroundDark: #dbdbdb;
  --cardBackgroundRgba: rgba(255,255,255,0.6);
  --textColor: #212529;
  --placeholderColor: #212529;
  --borderColor: #e5e5e5;
  --borderColor2: #8b8989;
  --borderColor3: #bbbbbb;
  --linkActiveColor: #343891;
  --hoverDark:#eeeeee;
  --linkText: #343891;
  --darkGreen: #343891;
  --darkGreenDark: #248A50;
  --darkBlue: #4255d4;
  --darkBlueDark: #282B78;
  --darkBluelightWhite: #fff;
  --otherColor1: #f1f1f1;
  background: var(--background);
  color: var(--textColor);
}
body a {
  text-decoration: none;
}

.showcaseItemWrapper {
  width: 100%;
  position: relative;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s;
  z-index: 4;
}
.showcaseItemWrapper .showcaseItem {
  width: 100%;
  position: relative;
  padding: 8px 10px 10px 10px;
}
@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem {
    padding: 10px 10px 10px 10px;
  }
}
.showcaseItemWrapper .showcaseItem:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #242852;
  border-radius: .5rem;
}
.premium.showcaseItemWrapper .showcaseItem:before {
  background: linear-gradient(to top, #D9A648, #F2D091);
}

.list.showcaseItemWrapper .showcaseItem {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
}
.list.showcaseItemWrapper .showcaseItem:before {
  clip-path: polygon(calc(100% - 25px) 0%, 100% 22px, 100% 100%, 0% 100%, 0% 0%);
}

.showcaseItemWrapper .showcaseItem .itemHeader {
  width: 100%;
  position: relative;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--borderColor3);
}
@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemHeader {
    height: 42px;
  }
}
.list.showcaseItemWrapper .showcaseItem .itemHeader {
  width: 53%;
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 1399px) {
  .list.showcaseItemWrapper .showcaseItem .itemHeader {
    width: 50%;
  }
}

.premium.showcaseItemWrapper .showcaseItem .itemHeader {
  border-color: #BF6A1F;
}

.showcaseItemWrapper .showcaseItem .itemHeader .headerImage {
  width: 40px;
  height: 40px;
  position: relative;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemHeader .headerImage {
    width: 30px;
    height: 30px;
  }
}
.showcaseItemWrapper .showcaseItem .itemHeader .headerImage:hover {
  z-index: 10;
}
.showcaseItemWrapper .showcaseItem .itemHeader .headerImage img {
  width: 100%;
}
.showcaseItemWrapper .showcaseItem .itemHeader .headerImage .itemModal {
  width: 295px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.6);
  visibility: hidden;
  transition: all 0s;
  z-index: 10;
}
.showcaseItemWrapper .showcaseItem .itemHeader .headerImage .itemModal img {
  width: 100%;
  position: relative;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemHeader .headerImage .itemModal {
    display: none;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages {
  width: 70px;
  height: 40px;
  position: relative;
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages {
    width: 30px;
    height: 30px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active {
  width: calc(100% + 20px);
  height: auto;
  padding: 10px;
  background: #323668;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: grid;
  grid-template-columns: repeat(5, 20%);
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 6;
  gap: 5px 0;
  align-items: center;
}
.premium.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active {
  background: linear-gradient(to top, #D9A648, #F2D091);
}

@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active {
    padding: 5px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .itemsCounter, .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .showAdvertsButton {
  display: none;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem {
  display: block;
  position: relative;
  justify-self: center;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem:nth-child(3), .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem:nth-child(4), .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem:nth-child(5) {
  position: relative;
  top: auto;
  left: auto;
  transform: scale(1);
  pointer-events: all;
  box-shadow: none;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem:hover {
  z-index: 10;
}
@media (max-width: 767px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem {
    padding: 5px;
  }
}
@media (max-width: 576px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .imageItem {
    padding: 2px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages.active .hideAdvertsButton {
  display: flex;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .itemsCounter {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #343891;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  top: -5px;
  left: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 1;
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .itemsCounter {
    width: 16px;
    height: 16px;
    font-size: 8px;
    top: -10px;
    left: -10px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .showAdvertsButton {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  font-size: 13px;
  color: var(--textColor);
  padding-left: 5px;
}
.premium.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .showAdvertsButton {
  color: #343891;
}

@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .showAdvertsButton {
    width: 30px;
    height: 30px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .hideAdvertsButton {
  width: 20px;
  height: 20px;
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  background: #343891;
  color: #fff;
  border-radius: 50%;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  line-height: 1;
  display: none;
  transition: all 0.2s;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .hideAdvertsButton:hover {
  transform: scale(1.3);
  transition: all 0.2s;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem {
  width: 40px;
  height: 40px;
  position: relative;
  display: none;
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem {
    width: 30px;
    height: 30px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem img {
  width: 100%;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem:nth-child(3) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 3;
  pointer-events: none;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem:nth-child(4) {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  transform: scale(0.9);
  box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem:nth-child(4) {
    left: 0;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem:nth-child(5) {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  transform: scale(0.8);
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem:nth-child(5) {
    left: 0;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem .itemModal {
  width: 295px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.6);
  visibility: hidden;
  transition: all 0s;
  z-index: 10;
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem .itemModal img {
  width: 100%;
  position: relative;
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerImages .imageItem .itemModal {
    display: none;
  }
}

.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle {
  width: calc(100% - 40px);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 10px;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemHeader .headerTitle {
    width: calc(100% - 30px);
    padding-left: 5px;
  }
}
.multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle {
  width: calc(100% - 70px);
}
@media (max-width: 1099px) {
  .multiple.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle {
    width: calc(100% - 30px);
  }
}

.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle h3 {
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
}
.premium.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle h3 {
  color: #7d3e06;
}

@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemHeader .headerTitle h3 {
    font-size: 10px;
  }
}
.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle .sellerLink {
  font-size: 11px;
  font-weight: 400;
  color: var(--darkGreen);
}
.premium.showcaseItemWrapper .showcaseItem .itemHeader .headerTitle .sellerLink {
  color: #343891;
}

.showcaseItemWrapper .showcaseItem .itemBody {
  width: 100%;
  position: relative;
  padding-top: 10px;
}
@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemBody {
    padding-top: 6px;
  }
}
.list.showcaseItemWrapper .showcaseItem .itemBody {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-top: 0;
}
.list.showcaseItemWrapper .showcaseItem .itemBody .itemButtons {
  width: 240px;
  margin-top: 0;
}
.list.showcaseItemWrapper .showcaseItem .itemBody .commentStats {
  display: none;
}

.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.list.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle {
  width: 150px;
  font-size: 14px;
  margin-bottom: 0;
}

.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .titleDetail {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .titleDetail h3 {
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .titleDetail h3 {
  font-size: 14px;
}

.premium.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .titleDetail h3 {
  color: #343891;
}

.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .titleDetail h3 i {
  color: var(--darkGreen);
}
@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .titleDetail .commentStats {
    display: none !important;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .personRosette {
  width: 30px;
  height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .personRosette img {
  width: 100%;
}
@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemBody .ownerTitle .personRosette {
    display: none;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  padding: 5px;
  border-radius: 3px;
  background: #151632;
  margin: 6px 0;
}
.detail.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox {
  padding: 10px 5px;
}

.premium.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox {
  background: #F2D091;
}

.list.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox {
  text-align: center;
  margin-bottom: -4px;
}

@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox {
    margin: 1px 0;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.button {
  background: #343891;
  transition: all 0.2s;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.button i {
  color: #4255d4;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.button p {
  color: #fff;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.button:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.online {
  background: #28A745;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.online i {
  color: #343891;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.online p {
  color: #fff;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.offline {
  background: #c3141b;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.offline i {
  color: #e3b21a;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox.offline p {
  color: #fff;
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox i {
  font-size: 20px;
  color: var(--darkGreen);
}
.detail.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox i {
  font-size: 20px;
}

.premium.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox i {
  color: #343891;
}

.list.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox i {
  display: none;
}

@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox i {
    font-size: 15px;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  color: var(--textColor);
}
.detail.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p {
  font-size: 12px;
}

.premium.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p {
  color: #7d3e06;
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p strong {
  color: #343891;
}

.list.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p {
  display: flex;
  flex-direction: column;
}

.showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p strong {
  color: var(--darkGreen);
  font-weight: 400;
}
@media (max-width: 576px) {
  .showcaseItemWrapper .showcaseItem .itemBody .ownerItemBox p {
    font-size: 10px;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #4255d4;
  padding: 5px 0 0px 0;
  border-radius: 3px;
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter {
  background: #d5992c;
}

.list.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter {
  width: 220px;
}

.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterIcon {
  font-size: 15px;
  color: var(--darkGreen);
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterIcon {
  color: #343891;
}

@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterIcon {
    display: none;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem {
    gap: 2px;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumber {
  font-size: 13px;
  font-weight: 700;
  color: var(--textColor);
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumber {
  color: #F2DCB3;
}

@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumber {
    font-size: 10px;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumberInfo {
  font-size: 8px;
  font-weight: 400;
  color: var(--textColor);
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumberInfo {
  color: #F2DCB3;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.list.showcaseItemWrapper .showcaseItem .itemBody .itemInfo {
  width: 200px;
  margin-top: 0;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice {
  height: 47px;
  font-size: 15px;
  font-weight: 500;
  color: var(--darkGreen);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  gap: 2px;
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice {
  color: #343891;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice.showcase {
  justify-content: flex-end;
}
.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice {
  display: inline-block;
  font-size: 12px;
  color: #e3b21a;
  position: relative;
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice {
  color: #7d3e06;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice:before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #c3141b;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(5deg);
}
.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .desc {
  font-size: 9px;
  color: #e3b21a;
  font-weight: 400;
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .desc {
  color: #7d3e06;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .showcaseText {
  font-size: 9px;
  color: #fff;
  font-weight: 400;
  display: inline-flex;
  padding: 2px 5px 2px 0;
  position: relative;
}
.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .showcaseText:before {
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
  background: #343891;
  z-index: 0;
}
.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .showcaseText span {
  position: relative;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice {
    font-size: 12px;
  }
  .showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice {
    font-size: 10px;
  }
}
.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenTitle {
  font-size: 9px;
  font-weight: 400;
  color: var(--textColor);
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenTitle {
  color: #7d3e06;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus {
  display: inline-block;
  font-size: 12px;
  color: var(--textColor);
  font-weight: 500;
  background: var(--background);
  padding: 3px 15px 0px 15px;
  line-height: 1;
  border-radius: 50px;
}
.premium.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus {
  background: #c58b21;
  color: #F2DCB3;
}

.showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus.success {
  background: #28A745;
  color: #fff;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus {
    padding: 3px 5px;
    font-size: 10px;
  }
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItem .itemBody .itemButtons .buttonLeft, .showcaseItemWrapper .showcaseItem .itemBody .itemButtons .buttonRight {
    padding: 8px 5px;
  }
  .showcaseItemWrapper .showcaseItem .itemBody .itemButtons .buttonLeft span, .showcaseItemWrapper .showcaseItem .itemBody .itemButtons .buttonRight span {
    font-size: 10px;
  }
  .showcaseItemWrapper .showcaseItem .itemBody .itemButtons .buttonLeft i, .showcaseItemWrapper .showcaseItem .itemBody .itemButtons .buttonRight i {
    display: none;
  }
}
.showcaseItemWrapper .showcaseItemRemove {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: #c3141b;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.showcaseItemWrapper .showcaseItemRemove:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.showcaseItemWrapper .showcaseItemFavorite {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: #4255d4;
  color: #FFF;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.showcaseItemWrapper .showcaseItemFavorite:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
@media (max-width: 1099px) {
  .showcaseItemWrapper .showcaseItemFavorite {
    width: 16px;
    height: 16px;
    font-size: 8px;
  }
}
.showcaseItemWrapper:hover {
  filter: drop-shadow(0 0px 15px rgba(0, 0, 0, 0.8));
  transition: all 0.3s;
  z-index: 5;
}
.showcaseItemWrapper.premium .commentStats {
  color: #343891;
}
.showcaseItemWrapper.premium .commentStats .stars {
  color: #D99441;
}
.showcaseItemWrapper.premium .itemButtons .buttonLeft {
  background: #f2d092;
  color: #343891;
}
.showcaseItemWrapper.premium .itemButtons .buttonLeft:before {
  background: #d9a74a;
}
.showcaseItemWrapper.super {
  filter: drop-shadow(0 0 4px rgba(242, 208, 145, 0.75));
}

.liveItems {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 5;
}
@media (max-width: 1099px) {
  .liveItems {
    flex-direction: column;
  }
}
.liveItems:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--cardBackgroundLight);
  clip-path: polygon(100% 0%, 100% calc(100% - 17px), calc(100% - 14px) 100%, 17px 100%, 0% calc(100% - 14px), 0% 0%);
}
.liveItems .itemsDesc {
  width: 130px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 10px;
  background: var(--darkGreen);
  clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 17px 100%, 0% calc(100% - 14px), 0% 0%);
}
.liveItems .itemsDesc i {
  font-size: 20px;
  color: var(--darkBlue);
  margin-bottom: 5px;
}
.liveItems .itemsDesc h3 {
  font-size: 13px;
  color: var(--darkBlue);
  font-weight: 800;
  margin: 0;
}
.liveItems .itemsDesc a {
  font-size: 10px;
  color: var(--darkBlue);
  transition: all 0.2s;
}
.liveItems .itemsDesc a:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
@media (max-width: 1099px) {
  .liveItems .itemsDesc {
    width: 100%;
    flex-direction: row;
    gap: 10px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
    padding: 5px 10px;
  }
}
.liveItems .itemsBody {
  width: calc(100% - 130px);
  padding: 10px;
  position: relative;
}
@media (max-width: 1099px) {
  .liveItems .itemsBody {
    width: 100%;
  }
}

.showcaseLiveItem {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  z-index: 4;
}
.showcaseLiveItem:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--cardBackground);
  clip-path: polygon(100% 0%, 100% calc(100% - 17px), calc(100% - 14px) 100%, 0% 100%, 0% 0%);
}
.dark.showcaseLiveItem:before {
  background: var(--cardBackgroundDark);
}

.showcaseLiveItem .itemImage {
  width: 40px;
  height: 40px;
  position: relative;
}
@media (max-width: 1099px) {
  .showcaseLiveItem .itemImage {
    width: 30px;
    height: 30px;
  }
}
.showcaseLiveItem .itemImage:hover {
  z-index: 10;
}
.showcaseLiveItem .itemImage img {
  width: 100%;
}
.showcaseLiveItem .itemImage .itemModal {
  width: 295px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.6);
  visibility: hidden;
  transition: all 0s;
  z-index: 10;
}
.showcaseLiveItem .itemImage .itemModal img {
  width: 100%;
  position: relative;
}
@media (max-width: 576px) {
  .showcaseLiveItem .itemImage .itemModal {
    display: none;
  }
}
.multiple.showcaseLiveItem .itemImages {
  width: 70px;
  height: 40px;
  position: relative;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages {
    width: 30px;
    height: 30px;
  }
}
.multiple.showcaseLiveItem .itemImages.active {
  width: calc(100% + 20px);
  height: auto;
  padding: 10px;
  background: var(--cardBackgroundLight);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 6;
  gap: 5px 0;
  align-items: center;
}
.multiple.showcaseLiveItem .itemImages.active .itemsCounter, .multiple.showcaseLiveItem .itemImages.active .showAdvertsButton {
  display: none;
}
.multiple.showcaseLiveItem .itemImages.active .imageItem {
  display: block;
  position: relative;
  justify-self: center;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages.active .imageItem {
    padding: 2px;
  }
}
.multiple.showcaseLiveItem .itemImages.active .imageItem:nth-child(3), .multiple.showcaseLiveItem .itemImages.active .imageItem:nth-child(4), .multiple.showcaseLiveItem .itemImages.active .imageItem:nth-child(5) {
  position: relative;
  top: auto;
  left: auto;
  transform: scale(1);
  pointer-events: all;
}
.multiple.showcaseLiveItem .itemImages.active .imageItem:hover {
  z-index: 10;
}
.multiple.showcaseLiveItem .itemImages.active .hideAdvertsButton {
  display: flex;
}
.multiple.showcaseLiveItem .itemImages .itemsCounter {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #343891;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  top: -5px;
  left: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 1;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages .itemsCounter {
    width: 16px;
    height: 16px;
    font-size: 8px;
    top: -10px;
    left: -10px;
  }
}
.multiple.showcaseLiveItem .itemImages .showAdvertsButton {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  font-size: 13px;
  color: var(--textColor);
  padding-left: 5px;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages .showAdvertsButton {
    width: 30px;
    height: 30px;
  }
}
.multiple.showcaseLiveItem .itemImages .hideAdvertsButton {
  width: 20px;
  height: 20px;
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  background: #343891;
  color: #fff;
  border-radius: 50%;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  line-height: 1;
  display: none;
  transition: all 0.2s;
}
.multiple.showcaseLiveItem .itemImages .hideAdvertsButton:hover {
  transform: scale(1.3);
  transition: all 0.2s;
}
.multiple.showcaseLiveItem .itemImages .imageItem {
  width: 40px;
  height: 40px;
  position: relative;
  display: none;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages .imageItem {
    width: 30px;
    height: 30px;
  }
}
.multiple.showcaseLiveItem .itemImages .imageItem img {
  width: 100%;
}
.multiple.showcaseLiveItem .itemImages .imageItem:nth-child(3) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 3;
  pointer-events: none;
}
.multiple.showcaseLiveItem .itemImages .imageItem:nth-child(4) {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  transform: scale(0.9);
  box-shadow: -3px 3px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages .imageItem:nth-child(4) {
    left: 0;
  }
}
.multiple.showcaseLiveItem .itemImages .imageItem:nth-child(5) {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  transform: scale(0.8);
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages .imageItem:nth-child(5) {
    left: 0;
  }
}
.multiple.showcaseLiveItem .itemImages .imageItem .itemModal {
  width: 295px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.6);
  visibility: hidden;
  transition: all 0s;
  z-index: 10;
}
.multiple.showcaseLiveItem .itemImages .imageItem .itemModal img {
  width: 100%;
  position: relative;
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemImages .imageItem .itemModal {
    display: none;
  }
}

.showcaseLiveItem .itemTitle {
  width: calc(100% - 40px);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 10px;
}
@media (max-width: 1099px) {
  .showcaseLiveItem .itemTitle {
    width: calc(100% - 30px);
    padding-left: 5px;
  }
}
.multiple.showcaseLiveItem .itemTitle {
  width: calc(100% - 70px);
}
@media (max-width: 1099px) {
  .multiple.showcaseLiveItem .itemTitle {
    width: calc(100% - 30px);
  }
}

.showcaseLiveItem .itemTitle h3 {
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
}
@media (max-width: 1099px) {
  .showcaseLiveItem .itemTitle h3 {
    font-size: 10px;
  }
}
.showcaseLiveItem .itemTitle .itemPrice {
  font-size: 13px;
  font-weight: 600;
  color: var(--darkGreen);
}
@media (max-width: 1099px) {
  .showcaseLiveItem .itemTitle .itemPrice {
    font-size: 11px;
  }
}

.showcaseItemNormal {
  width: 100%;
  position: relative;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s;
  z-index: 4;
}
.showcaseItemNormal .itemImage {
  width: 100%;
  position: relative;
  border: 2px solid var(--cardBackground);
  transition: all 0.3s;
  z-index: 1;
}
.premium.showcaseItemNormal .itemImage {
  border-color: #D9A648;
}

.showcaseItemNormal .itemImage img {
  width: 100%;
  position: relative;
  height: 117px;
  object-fit: cover;
  z-index: 1;
}
@media (max-width: 576px) {
  .showcaseItemNormal .itemImage img {
    height: 87px;
  }
}
.showcaseItemNormal .itemImage .showcaseText {
  width: 53px;
  height: 53px;
  background: #343891;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(100% 0, 0 100%, 0 0);
  z-index: 2;
}
.showcaseItemNormal .itemImage .showcaseText span {
  position: absolute;
  transform: rotate(-45deg);
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  top: 12px;
  left: 1px;
}
.showcaseItemNormal .itemImage:before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  z-index: 2;
}
.showcaseItemNormal .itemImage .sellerBox {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 5px;
  border-radius: 3px;
  background: rgba(128, 241, 177, 0.45);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.45);
  line-height: 1;
  transition: all 0.3s;
  z-index: 2;
}
.showcaseItemNormal .itemImage .sellerBox a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  gap: 5px;
  line-height: 1;
  font-size: 10px;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
}
.showcaseItemNormal .itemImage .favAddButton {
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: #4255d4;
  color: #343891;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  z-index: 2;
  border-radius: 50%;
  transition: all 0.2s;
}
.showcaseItemNormal .itemImage .favAddButton:hover {
  transform: scale(1.1);
  transition: all 0.2s;
}
@media (max-width: 576px) {
  .showcaseItemNormal .itemImage .favAddButton {
    width: 16px;
    height: 16px;
    font-size: 10px;
  }
}
.showcaseItemNormal .itemImage .favRemoveButton {
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: #c3141b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  z-index: 2;
  border-radius: 50%;
  transition: all 0.2s;
}
.showcaseItemNormal .itemImage .favRemoveButton:hover {
  transform: scale(1.1);
  transition: all 0.2s;
}
@media (max-width: 576px) {
  .showcaseItemNormal .itemImage .favRemoveButton {
    width: 16px;
    height: 16px;
    font-size: 10px;
  }
}
.showcaseItemNormal .itemInfo {
  width: 100%;
  position: relative;
  padding: 5px 10px 10px 10px;
  z-index: 2;
}
.showcaseItemNormal .itemInfo:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--cardBackground);
  clip-path: polygon(100% 0%, 100% 100%, 25px 100%, 0% calc(100% - 22px), 0% 0%);
}
.premium.showcaseItemNormal .itemInfo:before {
  background: linear-gradient(to top, #D9A648, #F2D091);
}

.showcaseItemNormal .itemInfo .itemHeader {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--borderColor3);
  margin-bottom: 5px;
}
.premium.showcaseItemNormal .itemInfo .itemHeader {
  border-color: #BF6A1F;
}

.showcaseItemNormal .itemInfo .itemHeader .headerImage {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  overflow: hidden;
}
.showcaseItemNormal .itemInfo .itemHeader .headerImage img {
  width: 100%;
}
.showcaseItemNormal .itemInfo .itemHeader .headerInfo {
  width: calc(100% - 35px);
  padding-left: 3px;
}
.showcaseItemNormal .itemInfo .itemTitle {
  width: 100%;
  position: relative;
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0 0 1px 0;
}
.showcaseItemNormal .itemInfo .itemTitle a {
  color: var(--textColor);
}
.premium.showcaseItemNormal .itemInfo .itemTitle a {
  color: #7d3e06;
}

.showcaseItemNormal .itemInfo .itemDesc {
  font-size: 11px;
  color: var(--textColor);
  position: relative;
  margin: 0 0 0 0;
}
.premium.showcaseItemNormal .itemInfo .itemDesc {
  color: #343891;
}

.showcaseItemNormal .itemInfo .ownerTitle {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.showcaseItemNormal .itemInfo .ownerTitle .titleDetail {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.showcaseItemNormal .itemInfo .ownerTitle .titleDetail h3 {
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.detail.showcaseItemNormal .itemInfo .ownerTitle .titleDetail h3 {
  font-size: 14px;
}

.showcaseItemNormal .itemInfo .ownerTitle .titleDetail h3 i {
  color: var(--darkGreen);
}
.showcaseItemNormal .itemInfo .ownerTitle .personRosette {
  width: 30px;
  height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcaseItemNormal .itemInfo .ownerTitle .personRosette img {
  width: 100%;
}
@media (max-width: 576px) {
  .showcaseItemNormal .itemInfo .ownerTitle .personRosette {
    display: none;
  }
}
.showcaseItemNormal .itemInfo .ownerItemBox {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  padding: 5px;
  border-radius: 3px;
  background: var(--cardBackgroundLight);
}
.detail.showcaseItemNormal .itemInfo .ownerItemBox {
  padding: 10px 5px;
}

.showcaseItemNormal .itemInfo .ownerItemBox.button {
  background: #343891;
  transition: all 0.2s;
}
.showcaseItemNormal .itemInfo .ownerItemBox.button i {
  color: #4255d4;
}
.showcaseItemNormal .itemInfo .ownerItemBox.button p {
  color: #fff;
}
.showcaseItemNormal .itemInfo .ownerItemBox.button:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}
.showcaseItemNormal .itemInfo .ownerItemBox.online {
  background: #28A745;
}
.showcaseItemNormal .itemInfo .ownerItemBox.online i {
  color: #343891;
}
.showcaseItemNormal .itemInfo .ownerItemBox.online p {
  color: #fff;
}
.showcaseItemNormal .itemInfo .ownerItemBox.offline {
  background: #c3141b;
}
.showcaseItemNormal .itemInfo .ownerItemBox.offline i {
  color: #e3b21a;
}
.showcaseItemNormal .itemInfo .ownerItemBox.offline p {
  color: #fff;
}
.showcaseItemNormal .itemInfo .ownerItemBox i {
  font-size: 20px;
  color: var(--darkGreen);
}
.detail.showcaseItemNormal .itemInfo .ownerItemBox i {
  font-size: 20px;
}

.showcaseItemNormal .itemInfo .ownerItemBox p {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  color: var(--textColor);
}
.detail.showcaseItemNormal .itemInfo .ownerItemBox p {
  font-size: 12px;
}

.showcaseItemNormal .itemInfo .ownerItemBox p strong {
  color: var(--darkGreen);
  font-weight: 800;
}
@media (max-width: 576px) {
  .showcaseItemNormal .itemInfo .ownerItemBox p {
    font-size: 10px;
  }
}
.showcaseItemNormal .itemInfo .showcaseCounter {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--backgroundDark);
  padding: 5px 0;
  border-radius: 3px;
  margin-bottom: 10px;
}
.premium.showcaseItemNormal .itemInfo .showcaseCounter {
  background: #d5992c;
}

.showcaseItemNormal .itemInfo .showcaseCounter .counterIcon {
  font-size: 15px;
  color: var(--darkGreen);
}
.premium.showcaseItemNormal .itemInfo .showcaseCounter .counterIcon {
  color: #343891;
}

@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .showcaseCounter .counterIcon {
    display: none;
  }
}
.showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem {
    gap: 2px;
  }
}
.showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem .counterNumber {
  font-size: 13px;
  font-weight: 700;
  color: var(--textColor);
}
.premium.showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem .counterNumber {
  color: #F2DCB3;
}

@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem .counterNumber {
    font-size: 10px;
  }
}
.showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem .counterNumberInfo {
  font-size: 8px;
  font-weight: 400;
  color: var(--textColor);
}
.premium.showcaseItemNormal .itemInfo .showcaseCounter .counterCounterItem .counterNumberInfo {
  color: #F2DCB3;
}

.showcaseItemNormal .itemInfo .infoPrice {
  height: 47px;
  font-size: 15px;
  font-weight: 800;
  color: var(--darkGreen);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  gap: 2px;
}
.premium.showcaseItemNormal .itemInfo .infoPrice {
  color: #343891;
}

.showcaseItemNormal .itemInfo .infoPrice.showcase {
  justify-content: flex-end;
}
.showcaseItemNormal .itemInfo .infoPrice .oldPrice {
  display: inline-block;
  font-size: 12px;
  color: #e3b21a;
  position: relative;
}
.premium.showcaseItemNormal .itemInfo .infoPrice .oldPrice {
  color: #7d3e06;
}

.showcaseItemNormal .itemInfo .infoPrice .oldPrice:before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #c3141b;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(5deg);
}
.showcaseItemNormal .itemInfo .infoPrice .desc {
  font-size: 9px;
  color: #e3b21a;
  font-weight: 400;
}
.premium.showcaseItemNormal .itemInfo .infoPrice .desc {
  color: #7d3e06;
}

.showcaseItemNormal .itemInfo .infoPrice .showcaseText {
  font-size: 9px;
  color: #fff;
  font-weight: 400;
  display: inline-flex;
  padding: 2px 5px 2px 0;
  position: relative;
}
.showcaseItemNormal .itemInfo .infoPrice .showcaseText:before {
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
  background: #343891;
  z-index: 0;
}
.showcaseItemNormal .itemInfo .infoPrice .showcaseText span {
  position: relative;
}
@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .infoPrice {
    font-size: 12px;
  }
  .showcaseItemNormal .itemInfo .infoPrice .oldPrice {
    font-size: 10px;
  }
}
.showcaseItemNormal .itemInfo .infoLastSeen {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.showcaseItemNormal .itemInfo .infoLastSeen .lastSeenTitle {
  font-size: 9px;
  font-weight: 400;
  color: var(--textColor);
}
.premium.showcaseItemNormal .itemInfo .infoLastSeen .lastSeenTitle {
  color: #7d3e06;
}

.showcaseItemNormal .itemInfo .infoLastSeen .lastSeenStatus {
  display: inline-block;
  font-size: 12px;
  color: var(--textColor);
  font-weight: 500;
  background: var(--background);
  padding: 3px 15px;
  line-height: 1;
  border-radius: 50px;
}
.premium.showcaseItemNormal .itemInfo .infoLastSeen .lastSeenStatus {
  background: #c58b21;
  color: #F2DCB3;
}

.showcaseItemNormal .itemInfo .infoLastSeen .lastSeenStatus.success {
  background: #28A745;
  color: #fff;
}
@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .infoLastSeen .lastSeenStatus {
    padding: 3px 5px;
    font-size: 10px;
  }
}
.showcaseItemNormal .itemInfo .itemPrice {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 800;
  color: #4255d4;
  display: inline-flex;
  flex-direction: column;
  line-height: 1;
  gap: 2px;
  white-space: nowrap;
  text-shadow: 0 2px 2px #000;
}
.showcaseItemNormal .itemInfo .itemPrice .oldPrice {
  display: inline-block;
  font-size: 12px;
  color: #e3b21a;
  position: relative;
}
.showcaseItemNormal .itemInfo .itemPrice .oldPrice:before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #c3141b;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(5deg);
}
.showcaseItemNormal .itemInfo .itemPrice .desc {
  font-size: 9px;
  color: #e3b21a;
  font-weight: 400;
}
@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .itemPrice {
    font-size: 15px;
    top: -43px;
  }
}
@media (max-width: 1099px) {
  .showcaseItemNormal .itemInfo .itemButtons .buttonLeft, .showcaseItemNormal .itemInfo .itemButtons .buttonRight {
    padding: 8px 5px;
  }
  .showcaseItemNormal .itemInfo .itemButtons .buttonLeft span, .showcaseItemNormal .itemInfo .itemButtons .buttonRight span {
    font-size: 10px;
  }
  .showcaseItemNormal .itemInfo .itemButtons .buttonLeft i, .showcaseItemNormal .itemInfo .itemButtons .buttonRight i {
    display: none;
  }
}
.showcaseItemNormal.premium .commentStats {
  color: #343891;
}
.showcaseItemNormal.premium .commentStats .stars {
  color: #D99441;
}
.showcaseItemNormal.premium .itemButtons .buttonLeft {
  background: #f2d092;
  color: #343891;
}
.showcaseItemNormal.premium .itemButtons .buttonLeft:before {
  background: #d9a74a;
}
.showcaseItemNormal.super {
  filter: drop-shadow(0 0 4px rgba(242, 208, 145, 0.75));
}

.showcaseItemCharacter {
  width: 100%;
  position: relative;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s;
  z-index: 4;
}
.showcaseItemCharacter .showcaseItem {
  width: 100%;
  position: relative;
  padding: 10px;
}
.showcaseItemCharacter .showcaseItem:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #242852;
  border-radius:.5rem;
}
.premium.showcaseItemCharacter .showcaseItem:before {
  background: linear-gradient(to top, #D9A648, #F2D091);
}

.list.showcaseItemCharacter .showcaseItem {
  display: flex;
  align-items: center;
  gap: 15px;
}
.list.showcaseItemCharacter .showcaseItem:before {
  clip-path: polygon(calc(100% - 25px) 0%, 100% 22px, 100% 100%, 0% 100%, 0% 0%);
}

.showcaseItemCharacter .showcaseItem .itemImage {
  width: 100%;
  position: relative;
}
.showcaseItemCharacter .showcaseItem .itemImage:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #151632;
  backdrop-filter: blur(2px);
  z-index: 2;
}
.premium.showcaseItemCharacter .showcaseItem .itemImage:before {
  background: #d3b170;
}

.showcaseItemCharacter .showcaseItem .itemImage .itemDetail {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  padding: 10px 10px;
  z-index: 3;
}
@media (max-width: 576px) {
  .showcaseItemCharacter .showcaseItem .itemImage .itemDetail {
    gap: 0;
  }
}
.showcaseItemCharacter .showcaseItem .itemImage .itemDetail div {
  width: 45%;
  text-align: left;
  color: #fff;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.showcaseItemCharacter .showcaseItem .itemImage .itemDetail div:first-child {
  font-weight: 900;
  font-size: 16px;
}
@media (max-width: 576px) {
  .showcaseItemCharacter .showcaseItem .itemImage .itemDetail div:first-child {
    font-size: 12px;
  }
}
.showcaseItemCharacter .showcaseItem .itemImage .itemDetail div:nth-child(even) {
  text-align: right;
}
.showcaseItemCharacter .showcaseItem .itemImage .itemDetail div strong {
  color: #4255d4;
}
@media (max-width: 576px) {
  .showcaseItemCharacter .showcaseItem .itemImage .itemDetail div {
    font-size: 8px;
  }
}
.showcaseItemCharacter .showcaseItem .itemImage .itemDetail .percent {
  width: 100%;
  height: 10px;
  position: relative;
  background: #242852;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.45);
}
.premium.showcaseItemCharacter .showcaseItem .itemImage .itemDetail .percent {
  background: #d5992c;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.showcaseItemCharacter .showcaseItem .itemImage .itemDetail .percent span {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #4255d4;
  border-radius: 20px;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  text-shadow: none;
  line-height: 11px;
  font-weight: bold;
}
.showcaseItemCharacter .showcaseItem .itemHeader {
  width: 100%;
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--borderColor3);
}
.premium.showcaseItemCharacter .showcaseItem .itemHeader {
  border-color: #BF6A1F;
}

@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemHeader {
    height: 34px;
  }
}
.showcaseItemCharacter .showcaseItem .itemHeader .headerIcon {
  width: 30px;
  position: relative;
}
.showcaseItemCharacter .showcaseItem .itemHeader .headerIcon img {
  width: 100%;
}
.showcaseItemCharacter .showcaseItem .itemHeader .headerTitle {
  width: calc(100% - 40px);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemHeader .headerTitle {
    padding-left: 5px;
  }
}
@media (max-width: 576px) {
  .showcaseItemCharacter .showcaseItem .itemHeader .headerTitle {
    width: calc(100% - 32px);
  }
}
.showcaseItemCharacter .showcaseItem .itemHeader .headerTitle h3 {
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.premium.showcaseItemCharacter .showcaseItem .itemHeader .headerTitle h3 {
  color: #7d3e06;
}

@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemHeader .headerTitle h3 {
    font-size: 9px;
  }
}
.showcaseItemCharacter .showcaseItem .itemHeader .headerTitle .sellerLink {
  font-size: 11px;
  font-weight: 400;
  color: var(--darkGreen);
}
.premium.showcaseItemCharacter .showcaseItem .itemHeader .headerTitle .sellerLink {
  color: #343891;
}

.showcaseItemCharacter .showcaseItem .ownerTitle {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.list.showcaseItemCharacter .showcaseItem .ownerTitle {
  width: 150px;
  font-size: 14px;
  margin-bottom: 0;
}

.showcaseItemCharacter .showcaseItem .ownerTitle .titleDetail {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.showcaseItemCharacter .showcaseItem .ownerTitle .titleDetail h3 {
  font-size: 11px;
  font-weight: 700;
  color: var(--textColor);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.detail.showcaseItemCharacter .showcaseItem .ownerTitle .titleDetail h3 {
  font-size: 14px;
}

.premium.showcaseItemCharacter .showcaseItem .ownerTitle .titleDetail h3 {
  color: #343891;
}

.showcaseItemCharacter .showcaseItem .ownerTitle .titleDetail h3 i {
  color: var(--darkGreen);
}
@media (max-width: 576px) {
  .showcaseItemCharacter .showcaseItem .ownerTitle .titleDetail .commentStats {
    display: none !important;
  }
}
.showcaseItemCharacter .showcaseItem .ownerTitle .personRosette {
  width: 30px;
  height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showcaseItemCharacter .showcaseItem .ownerTitle .personRosette img {
  width: 100%;
}
@media (max-width: 576px) {
  .showcaseItemCharacter .showcaseItem .ownerTitle .personRosette {
    display: none;
  }
}
.showcaseItemCharacter .showcaseItem .itemBody {
  width: 100%;
  position: relative;
  padding-top: 10px;
}
.list.showcaseItemCharacter .showcaseItem .itemBody {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-top: 0;
}
.list.showcaseItemCharacter .showcaseItem .itemBody .itemButtons {
  margin-top: 0;
}

.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #4255d4;
  padding: 5px 0 0 0;
  border-radius: 3px;
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter {
  background: #d5992c;
}

.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterIcon {
  font-size: 15px;
  color: var(--darkGreen);
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterIcon {
  color: #343891;
}

@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterIcon {
    display: none;
  }
}
.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem {
    gap: 2px;
  }
}
.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumber {
  font-size: 13px;
  font-weight: 700;
  color: var(--textColor);
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumber {
  color: #F2DCB3;
}

@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumber {
    font-size: 10px;
  }
}
.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumberInfo {
  font-size: 8px;
  font-weight: 400;
  color: var(--textColor);
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .showcaseCounter .counterCounterItem .counterNumberInfo {
  color: #F2DCB3;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.list.showcaseItemCharacter .showcaseItem .itemBody .itemInfo {
  margin-top: 0;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice {
  height: 47px;
  font-size: 15px;
  font-weight: 500;
  color: var(--darkGreen);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  gap: 2px;
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice {
  color: #343891;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice.showcase {
  justify-content: flex-end;
}
.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice {
  display: inline-block;
  font-size: 12px;
  color: #e3b21a;
  position: relative;
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice {
  color: #7d3e06;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice:before {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #c3141b;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(5deg);
}
.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .desc {
  font-size: 9px;
  color: #e3b21a;
  font-weight: 400;
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .desc {
  color: #7d3e06;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .showcaseText {
  font-size: 9px;
  color: #fff;
  font-weight: 400;
  display: inline-flex;
  padding: 2px 5px 2px 0;
  position: relative;
}
.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .showcaseText:before {
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -10px;
  background: #343891;
  z-index: 0;
}
.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .showcaseText span {
  position: relative;
}
@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice {
    font-size: 12px;
  }
  .showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoPrice .oldPrice {
    font-size: 10px;
  }
}
.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenTitle {
  font-size: 9px;
  font-weight: 400;
  color: var(--textColor);
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenTitle {
  color: #7d3e06;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus {
  display: inline-block;
  font-size: 12px;
  color: var(--textColor);
  font-weight: 500;
  background: var(--background);
  padding: 3px 15px 0 15px;
  line-height: 1;
  border-radius: 50px;
}
.premium.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus {
  background: #c58b21;
  color: #F2DCB3;
}

.showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus.success {
  background: #28A745;
  color: #fff;
}
@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemBody .itemInfo .infoLastSeen .lastSeenStatus {
    padding: 3px 5px;
    font-size: 10px;
  }
}
@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItem .itemBody .itemButtons .buttonLeft, .showcaseItemCharacter .showcaseItem .itemBody .itemButtons .buttonRight {
    padding: 8px 5px;
  }
  .showcaseItemCharacter .showcaseItem .itemBody .itemButtons .buttonLeft span, .showcaseItemCharacter .showcaseItem .itemBody .itemButtons .buttonRight span {
    font-size: 10px;
  }
  .showcaseItemCharacter .showcaseItem .itemBody .itemButtons .buttonLeft i, .showcaseItemCharacter .showcaseItem .itemBody .itemButtons .buttonRight i {
    display: none;
  }
}
.showcaseItemCharacter .showcaseItemRemove {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: #c3141b;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.showcaseItemCharacter .showcaseItemRemove:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.showcaseItemCharacter .showcaseItemFavorite {
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: #4255d4;
  color: #FFF;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  z-index: 3;
  transition: all 0.2s;
}
.showcaseItemCharacter .showcaseItemFavorite:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
@media (max-width: 1099px) {
  .showcaseItemCharacter .showcaseItemFavorite {
    width: 16px;
    height: 16px;
    font-size: 8px;
  }
}
.showcaseItemCharacter:hover {
  filter: drop-shadow(0 0px 15px rgba(0, 0, 0, 0.8));
  transition: all 0.3s;
  z-index: 5;
}
.showcaseItemCharacter.premium .commentStats {
  color: #343891;
}
.showcaseItemCharacter.premium .commentStats .stars {
  color: #D99441;
}
.showcaseItemCharacter.premium .itemButtons .buttonLeft {
  background: #f2d092;
  color: #343891;
}
.showcaseItemCharacter.premium .itemButtons .buttonLeft:before {
  background: #d9a74a;
}
.showcaseItemCharacter.super {
  filter: drop-shadow(0 0 4px rgba(242, 208, 145, 0.75));
}

.mobileTitle h2 {
  font-size: 17px;
  font-weight: 800;
  color: var(--textColor);
  text-align: center;
}