/* Summer Sale instant bid: quick picks are tokens of sunshine, the steppers
   round coral buttons. The panel's awning 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: 800 !important; border-radius: 14px !important; }
.ibm-bid-input:focus { border-color: var(--s3) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--s3) 18%, transparent); }
.ibm-pill { font-family: var(--font-display); font-size: .8rem; font-weight: 800; background: #ffe48f; color: #10324a; border: 0; box-shadow: 0 2px 0 #c99318; }
.ibm-pill:hover { background: var(--btn-bg); color: var(--btn-ink); border-color: transparent; }
.ibm-pill-max { background: #ffc531; box-shadow: 0 2px 0 #c99318, 0 0 0 2px var(--paper-2), 0 0 0 4px var(--s1); color: #10324a; }
.ibm-pill-min { background: var(--paper-2); border: 1.5px dashed var(--s3); color: var(--ink-2); box-shadow: none; }
.ibm-full-link:hover { color: var(--theme-600); }

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