/* Monsoon Sale instant bid: the quick picks are paper price tags with
   their punched holes, the steppers round teal buttons. The canopy edge
   over the panel 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-ui) !important; font-weight: 700 !important; border-radius: 14px !important; background: #fbf8ef !important; color: #1f2240 !important; box-shadow: var(--mo-rim); border-color: transparent !important; }
.ibm-bid-input:focus { box-shadow: var(--mo-rim), 0 0 0 7px rgba(var(--theme-500-rgb), .18); }
.ibm-pill { border-radius: 3px 999px 999px 3px !important; font-family: var(--font-ui); font-size: .95rem; font-weight: 700; padding-inline-start: 1.2rem !important; background: radial-gradient(circle at .55rem 50%, var(--paper-2) 0 2.6px, #c2ab83 3px 4.2px, transparent 4.6px), #fbf8ef; color: #1f2240; border: 0; box-shadow: inset 0 0 0 1px rgba(31, 34, 64, .14), 0 2px 0 rgba(31, 34, 64, .14); }
[dir="rtl"] .ibm-pill { border-radius: 999px 3px 3px 999px !important; background: radial-gradient(circle at calc(100% - .55rem) 50%, var(--paper-2) 0 2.6px, #c2ab83 3px 4.2px, transparent 4.6px), #fbf8ef; }
.ibm-pill:hover { background-color: var(--btn-bg); color: var(--btn-ink); }
.ibm-pill-max { box-shadow: inset 0 0 0 2px #3f9a52, 0 2px 0 rgba(31, 34, 64, .14); }
.ibm-pill-min { background: var(--paper); border: 1.5px dashed var(--rule); color: var(--ink-2); box-shadow: none; }
.ibm-full-link:hover { color: var(--theme-600); }

/* The prize picture behind the wet window. */
html body #ibmImage {
  border-radius: 16px !important;
  border: 0 !important;
  background: var(--mo-glass) !important;
  box-shadow: inset 0 0 0 1px var(--rule);
}