/* Kite Festival instant bid: the quick picks are slips of kite paper with
   a two-tone corner pasted on, the steppers cobalt buttons. The string of
   kites over the panel is in skin/home.css. */
@import url("../../../components/instant_bid_modal.css");

.ibm-step { border-radius: 12px !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-ui) !important; font-weight: 800 !important; border-radius: 12px !important; }
.ibm-bid-input:focus { border-color: var(--theme-500) !important; box-shadow: 0 0 0 3px rgba(255, 178, 30, .38); }
.ibm-pill { --c1: var(--kf-k1); --c2: var(--kf-k2); border-radius: 5px 12px 12px 12px !important; font-family: var(--font-ui); font-size: .95rem; font-weight: 800; background: linear-gradient(135deg, var(--c1) 0 10px, var(--c2) 10px 16px, transparent 16px), var(--paper-2); color: var(--ink); border: 1px solid var(--rule); }
[dir="rtl"] .ibm-pill { border-radius: 12px 5px 12px 12px !important; background: linear-gradient(225deg, var(--c1) 0 10px, var(--c2) 10px 16px, transparent 16px), var(--paper-2); }
.ibm-pill:nth-child(even) { --c1: var(--kf-k5); }
.ibm-pill:hover { background: var(--btn-bg); color: var(--btn-ink); border-color: transparent; }
.ibm-pill-max { --c1: var(--kf-k4); --c2: var(--kf-k1); }
.ibm-pill-min { background: var(--paper); border: 1.5px dashed var(--rule); color: var(--ink-2); }
.ibm-full-link:hover { color: var(--theme-600); }

/* The prize picture stood on the terrace. */
html body #ibmImage {
  border-radius: 12px !important;
  border: 0 !important;
  background: var(--kf-stage) !important;
  box-shadow: inset 0 0 0 1px var(--rule);
}