/* Reference: lockerverse-web-app-next auction pages at 8ead019. */
.lockerverse-auctions {
  --lockerverse-auction-stat-bg: rgb(0 0 0 / 18%);
  --lockerverse-auction-amount-bg: rgb(0 0 0 / 25%);
  --lockerverse-auction-card-shadow: 0 28px 80px rgb(0 0 0 / 42%);
  --lockerverse-auction-selection-shadow: 0 30px 90px rgb(0 0 0 / 20%);
  --lockerverse-auction-checkout-shadow: 0 30px 90px rgb(0 0 0 / 45%);
  --lockerverse-auction-action-shadow: 0 18px 40px rgb(0 0 0 / 32%);
  --lockerverse-accent: #6f8f6d;
  --lockerverse-bg: #050505;
  --lockerverse-border: rgb(255 255 255 / 10%);
  --lockerverse-control: #111216;
  --lockerverse-muted: #bbb7c2;
  --lockerverse-radius: 24px;
  --lockerverse-text: #fff;
  --lockerverse-font-family: ui-sans-serif, system-ui, sans-serif;
  box-sizing: border-box;
  width: 100%;
  max-width: 1520px;
  padding: 40px 32px;
  margin-inline: auto;
  container-type: inline-size;
  font: 14px / 1.5 var(--lockerverse-font-family);
  color: var(--lockerverse-text);
  background: var(--lockerverse-bg);
  border-radius: 0;
}

.lockerverse-auctions[data-lockerverse-theme="light"] {
  --lockerverse-auction-stat-bg: var(--lockerverse-bg);
  --lockerverse-auction-amount-bg: var(--lockerverse-bg);
  --lockerverse-auction-card-shadow: 0 8px 24px rgb(0 0 0 / 6%);
  --lockerverse-auction-selection-shadow: 0 8px 24px rgb(0 0 0 / 6%);
  --lockerverse-auction-checkout-shadow: 0 8px 24px rgb(0 0 0 / 6%);
  --lockerverse-auction-action-shadow: 0 4px 12px rgb(0 0 0 / 10%);
  --lockerverse-bg: #fff;
  --lockerverse-border: rgb(18 20 22 / 14%);
  --lockerverse-control: #f5f6f7;
  --lockerverse-muted: rgb(18 20 22 / 64%);
  --lockerverse-text: #121416;
}

.lockerverse-auctions * {
  box-sizing: border-box;
}
.lockerverse-auctions h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
  text-wrap: balance;
}
.lockerverse-auctions h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.lockerverse-auctions p {
  margin: 8px 0;
  color: var(--lockerverse-muted);
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.lockerverse-auctions button {
  font-family: inherit;
  touch-action: manipulation;
  cursor: pointer;
}
.lockerverse-auctions button:hover {
  border-color: var(--lockerverse-text);
}
.lockerverse-auctions button:focus-visible,
.lockerverse-auctions h2:focus-visible {
  outline: 2px solid var(--lockerverse-accent);
  outline-offset: 3px;
}
.lockerverse-auctions__description {
  line-height: 2;
  overflow-wrap: anywhere;
}
.lockerverse-auctions__description p {
  color: inherit;
}
.lockerverse-auctions__description ul {
  padding-left: 20px;
  list-style: disc;
}
.lockerverse-auctions__description ol {
  padding-left: 20px;
  list-style: decimal;
}
.lockerverse-auctions__description li {
  margin-block: 4px;
}
.lockerverse-auctions__description a {
  color: inherit;
  text-decoration: underline;
}
.lockerverse-auctions__description blockquote {
  padding-left: 16px;
  margin-inline: 0;
  border-left: 2px solid currentColor;
}
.lockerverse-auctions__description pre {
  overflow-x: auto;
}
.lockerverse-auctions__description-clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}
.lockerverse-auctions .lockerverse-auctions__description-toggle {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  margin-top: 12px;
  font-size: 10px;
  font-weight: 500;
  color: var(--lockerverse-text);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  background: var(--lockerverse-control);
  border: 1px solid var(--lockerverse-border);
  border-radius: 999px;
}
