.nickname-style {
  font-size: inherit;
  font-weight: inherit;
  text-decoration-color: currentColor;
}

.nickname-style.nickname-fire,
.nickname-style.nickname-fire .link { color: #e64212 !important; }
.nickname-style.nickname-neon,
.nickname-style.nickname-neon .link { color: #5549d8 !important; }
.nickname-style.nickname-aurora,
.nickname-style.nickname-aurora .link { color: #087d76 !important; }
.nickname-style.nickname-gold-wave,
.nickname-style.nickname-gold-wave .link { color: #b27100 !important; }
.nickname-style.nickname-city-lights,
.nickname-style.nickname-city-lights .link { color: #d94613 !important; }
.nickname-style.nickname-black-steel,
.nickname-style.nickname-black-steel .link { color: #282c32 !important; }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .nickname-style.nickname-fire,
  .nickname-style.nickname-fire .link,
  .nickname-style.nickname-neon,
  .nickname-style.nickname-neon .link,
  .nickname-style.nickname-aurora,
  .nickname-style.nickname-aurora .link,
  .nickname-style.nickname-gold-wave,
  .nickname-style.nickname-gold-wave .link,
  .nickname-style.nickname-city-lights,
  .nickname-style.nickname-city-lights .link,
  .nickname-style.nickname-black-steel,
  .nickname-style.nickname-black-steel .link {
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 260% 100%;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
  }

  .nickname-style.nickname-fire,
  .nickname-style.nickname-fire .link {
    background-image: linear-gradient(90deg, #b91400 0%, #ff4b00 20%, #ffd84a 42%, #fff1a0 50%, #ff6a00 68%, #b91400 100%);
    animation: nickname-flow 2.6s linear infinite;
  }
  .nickname-style.nickname-neon,
  .nickname-style.nickname-neon .link {
    background-image: linear-gradient(90deg, #00b8ff 0%, #6e43ff 30%, #ff20a8 55%, #28e6ff 80%, #00b8ff 100%);
    animation: nickname-flow 3.1s linear infinite;
  }
  .nickname-style.nickname-aurora,
  .nickname-style.nickname-aurora .link {
    background-image: linear-gradient(90deg, #00a85d 0%, #47d7c8 27%, #2c8eff 53%, #8c46e8 76%, #00a85d 100%);
    animation: nickname-flow 4.2s ease-in-out infinite alternate;
  }
  .nickname-style.nickname-gold-wave,
  .nickname-style.nickname-gold-wave .link {
    background-image: linear-gradient(90deg, #704000 0%, #d39100 24%, #fff0a4 46%, #ffd04a 57%, #9b5b00 78%, #704000 100%);
    animation: nickname-flow 3.6s linear infinite;
  }
  .nickname-style.nickname-city-lights,
  .nickname-style.nickname-city-lights .link {
    background-image: linear-gradient(90deg, #f24400 0%, #ffcf22 20%, #00a9ff 42%, #9b43f0 64%, #ff2994 82%, #f24400 100%);
    animation: nickname-flow 3s linear infinite;
  }
  .nickname-style.nickname-black-steel,
  .nickname-style.nickname-black-steel .link {
    background-image: linear-gradient(100deg, #050608 0%, #17191d 22%, #454a52 38%, #d3d7dc 48%, #555b64 56%, #15171b 72%, #030405 100%);
    background-size: 320% 100%;
    animation: nickname-flow 2.6s linear infinite;
  }
}

@keyframes nickname-flow {
  from { background-position: 0 50%; }
  to { background-position: 260% 50%; }
}

.nickname-style-option {
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  display: table;
  min-height: 50px;
  padding: 6px;
  width: 100%;
}
.nickname-style-option:nth-child(even) { background: #cbd8d3; }
.nickname-style-option-selected {
  background: #e1ecc4 !important;
  border-left: 2px solid #7f8f2f;
  padding-left: 4px;
}
.nickname-style-option-main {
  display: table-cell;
  vertical-align: middle;
}
.nickname-style-example { line-height: 18px; }
.nickname-style-price { font-weight: 700; margin-top: 2px; }
.nickname-style-price img {
  height: 16px;
  margin-right: 2px;
  vertical-align: -3px;
  width: 16px;
}
.nickname-style-action {
  display: table-cell;
  padding: 0;
  text-align: right;
  vertical-align: middle;
  width: 115px;
}
.nickname-style-action form { margin: 0; }

@media (max-width: 350px) {
  .nickname-style-action { width: 105px; }
}

@media (prefers-reduced-motion: reduce) {
  .nickname-style,
  .nickname-style .link {
    animation: none !important;
    background-position: 50% 50% !important;
  }
}