/* Harvest Table instant bid: quick picks are rounds of oak, the steppers
   round cranberry buttons. The panel's swag of leaves is in
   skin/home.css. */
@import url("../../../components/instant_bid_modal.css");

.ibm-step { border-radius: 50% !important; }
.ibm-step:hover { background: var(--btn-bg) !important; color: var(--btn-ink) !important; border-color: transparent !important; }
.ibm-bid-input { font-family: var(--font-display) !important; font-weight: 400 !important; border-radius: 12px !important; }
.ibm-bid-input:focus { border-color: var(--theme-500) !important; box-shadow: 0 0 0 3px var(--berry-soft); }
.ibm-pill { font-family: var(--font-display); font-size: .8rem; font-weight: 400; background: var(--wood-rings); color: #2b1d14; border: 0; box-shadow: var(--oak-ring), 0 3px 6px -3px rgba(43, 29, 20, .5); text-shadow: 0 1px 0 rgba(255, 230, 190, .6); }
.ibm-pill:hover { background: var(--btn-bg); color: var(--btn-ink); border-color: transparent; box-shadow: var(--btn-shadow); text-shadow: none; }
.ibm-pill-max { box-shadow: var(--oak-ring), 0 0 0 2px var(--paper-2), 0 0 0 4px var(--theme-500); color: #2b1d14; }
.ibm-pill-min { background: var(--paper-2); border: 1.5px dashed var(--hv-c2); color: var(--ink-2); box-shadow: none; text-shadow: none; }

/* The prize picture on a round of oak. */
html body #ibmImage {
  border-radius: 50% !important;
  background: var(--wood-rings) !important;
  border: 0 !important;
  padding: 7px;
  box-shadow: var(--oak-ring), 0 8px 12px -6px rgba(43, 29, 20, .55);
}