/* Easter instant bid: quick picks are sugar eggs in butter yellow, the
   steppers round violet buttons. The panel's eggshell cap 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: 700 !important; border-radius: 14px !important; }
.ibm-bid-input:focus { border-color: var(--c1) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--c1) 18%, transparent); }
.ibm-pill { border-radius: 50% 50% 50% 50% / 58% 58% 42% 42% !important; font-family: var(--font-display); font-size: .8rem; font-weight: 700; background: #ffe39a; color: #2c2440; border: 0; box-shadow: 0 2px 0 #d9b75a; }
.ibm-pill:hover { background: var(--btn-bg); color: var(--btn-ink); border-color: transparent; }
.ibm-pill-max { background: #ffe39a; box-shadow: 0 2px 0 #d9b75a, 0 0 0 2px var(--paper-2), 0 0 0 4px var(--c4); color: #2c2440; }
.ibm-pill-min { background: var(--paper-2); border: 1.5px dashed var(--c1); color: var(--ink-2); box-shadow: none; }
.ibm-full-link:hover { color: var(--theme-600); }
html.dark .ibm-pill, html.dark .ibm-pill-max { color: #2c2440; }
html.dark .ibm-pill-min { color: var(--ink-2); }

/* The prize picture in a twig nest. */
html body #ibmImage {
  border-radius: 50% !important;
  border: 0 !important;
  padding: 6px;
  background: radial-gradient(circle, #ffffff 0 62%, transparent 63%), var(--nest-ring) !important;
  box-shadow: 0 8px 12px -6px rgba(44, 36, 64, .5);
}