.s360-buylist-template-grid {
  padding: 2px;
  scrollbar-color: #b8cad7 transparent;
  scrollbar-width: thin;
}

.s360-buylist-template.is-new {
  position: relative;
}

.s360-buylist-template.is-new::after {
  position: absolute;
  top: -5px;
  right: -3px;
  padding: 1px 4px;
  border-radius: 999px;
  color: #fff;
  background: #e53949;
  content: "NEW";
  font-size: 6px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.s360-buylist-template.is-wanted .s360-buylist-template-swatch {
  border: 1px solid #6b351c;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.22) 0 5%, transparent 6%),
    linear-gradient(135deg, #e7ca8f 0 52%, #6b351c 52%);
}

.s360-buylist-template.is-comic .s360-buylist-template-swatch {
  background:
    radial-gradient(circle, #ed1d3d 0 18%, transparent 20%) 0 0 / 8px 8px,
    linear-gradient(135deg, #ffe239 0 52%, #171d2b 52%);
}

.s360-buylist-template.is-news .s360-buylist-template-swatch {
  border: 1px solid #70695e;
  background: linear-gradient(135deg, #f1ead9 0 46%, #24211d 46% 54%, #a61920 54%);
}

.s360-buylist-template.is-cyber .s360-buylist-template-swatch {
  background: linear-gradient(135deg, #070b18 0 45%, #00e9ff 45% 55%, #ff2dae 55%);
}

.s360-buylist-template.is-street .s360-buylist-template-swatch {
  background: linear-gradient(145deg, #191919 0 40%, #b9f227 40% 58%, #ff4ca1 58%);
}

.s360-buylist-template.is-retro .s360-buylist-template-swatch {
  background: linear-gradient(165deg, #ff7657 0 28%, #f5e7c8 28% 42%, #0c6f78 42% 70%, #123f58 70%);
}

.s360-buylist-template.is-ice .s360-buylist-template-swatch {
  border: 1px solid #65bfe5;
  background: linear-gradient(135deg, #ffffff 0 32%, #80cceb 32% 65%, #007fbf 65%);
}

.s360-buylist-template.is-crimson .s360-buylist-template-swatch {
  background: linear-gradient(135deg, #430912 0 46%, #e6bd5a 46% 56%, #8b1321 56%);
}

.s360-buylist-template.is-forest .s360-buylist-template-swatch {
  background: linear-gradient(135deg, #123c31 0 52%, #d8dc65 52% 66%, #f5f2df 66%);
}

.s360-buylist-template.is-mono .s360-buylist-template-swatch {
  border: 1px solid #111;
  background: linear-gradient(135deg, #fff 0 48%, #111 48% 62%, #aaa 62%);
}

@media (max-width: 540px) {
  .s360-buylist-template-grid {
    max-height: 260px;
    overflow-y: auto;
    padding: 3px 5px 3px 3px;
  }
}