@font-face {
  font-family: ShopNo;
  src: url("../font/oswald.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --shop-no-font: ShopNo, "DIN Alternate", "SF Pro Rounded", "Helvetica Neue", sans-serif;
}

.home-shop-no-val,
.own-shop-no-val,
.sd-no-val,
.moment-no,
.order-shop-no,
#shop-no-val,
#sd-no-val,
#mine-no,
#quote-no,
#shop-no,
#shop_no,
.desk-input#shop_no,
.nick-input#shop-no {
  font-family: var(--shop-no-font);
  font-variant-numeric: tabular-nums lining-nums;
}

#shop-no::placeholder,
#shop_no::placeholder,
#q::placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
}

.home-shop-no-val.is-pretty,
.own-shop-no-val.is-pretty,
.sd-no-val.is-pretty,
.order-shop-no.is-pretty,
#shop-no-val.is-pretty,
#sd-no-val.is-pretty {
  background-image: linear-gradient(90deg, #ff4d4f, #fa8c16, #fadb14, #52c41a, #1890ff, #722ed1, #ff4d4f);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: shop-no-hue 2.8s linear infinite;
}

@keyframes shop-no-hue {
  to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .home-shop-no-val.is-pretty,
  .own-shop-no-val.is-pretty,
  .sd-no-val.is-pretty,
  .order-shop-no.is-pretty {
    animation: none;
  }
}