/* Singles' Day instant bid: the quick picks are keys on the vision desk,
   plum with a lamp that lights gold under the pointer; the steppers are
   small keys too. The sheet itself is dressed in skin/home.css. */
@import url("../../../components/instant_bid_modal.css");

.ibm-step { border-radius: 4px !important; border-color: var(--rule) !important; box-shadow: 0 2px 0 var(--rule); transition: transform .12s ease, box-shadow .12s ease; }
.ibm-step:hover { background: var(--btn-bg) !important; color: var(--btn-ink) !important; border-color: transparent !important; }
.ibm-step:active { transform: translateY(2px); box-shadow: none; }
.ibm-bid-input { font-family: var(--font-num) !important; font-weight: 700 !important; letter-spacing: -.02em; border-radius: 4px !important; font-variant-numeric: tabular-nums; }
.ibm-bid-input:focus { border-color: var(--sgd-coral) !important; box-shadow: 0 0 0 4px var(--sgd-coral-soft); }
.ibm-pill { position: relative; border-radius: 4px !important; font-family: var(--font-num); font-size: .95rem; font-weight: 700; letter-spacing: -.02em; color: #ffffff !important; border: 0; background: #2b0f3a; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 3px 0 #0b0310; transition: transform .12s ease, box-shadow .12s ease, background-color .2s ease; }
html.dark .ibm-pill { background: #2e1240; }
.ibm-pill:hover, .ibm-pill:focus-visible { box-shadow: inset 0 0 0 1px rgba(198, 255, 61, .7), 0 3px 0 #0b0310, 0 0 14px rgba(198, 255, 61, .35); color: #c6ff3d !important; transform: translateY(-1px); }
.ibm-pill:active { transform: translateY(3px); box-shadow: inset 0 0 0 1px rgba(198, 255, 61, .7); }
.ibm-pill-max { background: #0b7348; color: #ffffff !important; box-shadow: 0 3px 0 #0a5a3a; }
html.dark .ibm-pill-max { background: #0b7348; }
.ibm-pill-min { background: transparent; border: 1px dashed var(--rule); color: var(--ink-2) !important; box-shadow: none; font-family: var(--font-ui); font-weight: 700; letter-spacing: 0; }
.ibm-full-link:hover { color: var(--ink); text-decoration: underline; text-decoration-color: var(--sgd-plum); text-decoration-thickness: 2px; text-underline-offset: 3px; }