/* Cherry Blossom instant-bid modal (the sheet itself is in skin/home.css):
   the steppers are washi plates in a key line, the quick picks little
   wish slips, the highest stamped red. */
@import url("../../../components/instant_bid_modal.css");

.ibm-step { border-radius: 50% !important; box-shadow: inset 0 0 0 2px var(--paper-2), inset 0 0 0 3px var(--key-line); }
.ibm-step:hover { background: var(--btn-bg) !important; color: var(--btn-ink) !important; border-color: transparent !important; }
.ibm-bid-input { font-family: var(--font-ui) !important; font-weight: 700 !important; font-variant-numeric: tabular-nums; border-radius: 3px !important; }
.ibm-bid-input:focus { border-color: var(--key) !important; box-shadow: 0 0 0 3px rgba(242, 167, 184, .35); }
.ibm-full-link:hover { color: var(--theme-600); }
.ibm-pill {
  border-radius: 1px; font-family: var(--font-ui); font-weight: 700; font-variant-numeric: tabular-nums;
  color: #1c2848; background: #fbeef0; border: 0;
  box-shadow: inset 0 0 0 1px #1f2f57, inset 0 0 0 3px #fbeef0, inset 0 0 0 4px rgba(31, 47, 87, .35);
}
.ibm-pill:hover { background: var(--btn-bg); color: var(--btn-ink); box-shadow: var(--cb-offset); }
.ibm-pill-max { background: #c8372d; color: #fbf4e8; box-shadow: inset 0 0 0 2px #c8372d, inset 0 0 0 3px #fbf4e8; }
.ibm-pill-min { color: #34416a; box-shadow: inset 0 0 0 1px rgba(31, 47, 87, .5); }

/* The item picture on a washi plate in a lacquer ring. */
html body #ibmImage {
  border-radius: 50% !important;
  border: 0 !important;
  padding: 6px;
  background: radial-gradient(circle, #fffaf1 0 64%, transparent 65%), var(--lacquer) !important;
  box-shadow: 0 0 0 1.5px var(--key), 0 8px 12px -6px rgba(28, 40, 72, .55);
}