/** Shopify CDN: Minification failed

Line 96:0 Unexpected "<"

**/
.bb-wrap { padding: 28px 0 50px; }
.bb-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-end; margin-bottom:18px; }
.bb-title { margin:0; font-size: clamp(26px, 3vw, 38px); letter-spacing: .2px; }
.bb-sub { margin: 8px 0 0; opacity: .82; max-width: 60ch; }

.bb-badge { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.18);
}
.bb-dot { width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }

.bb-panel { border-radius: 18px; border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.12));
  padding: 16px; backdrop-filter: blur(6px);
}

.bb-grid { display:grid; gap:12px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1100px){ .bb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px){ .bb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.bb-field { display:flex; flex-direction:column; gap:6px; }
.bb-label { font-size: 12px; opacity: .85; letter-spacing:.4px; text-transform: uppercase; }
.bb-select, .bb-budget-input {
  width:100%;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: inherit;
  padding: 11px 12px;
  outline: none;
}
.bb-select:disabled { opacity:.55; cursor:not-allowed; }

.bb-budget { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.10); }
.bb-budget-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.bb-budget-right { display:flex; align-items:center; gap:8px; }
.bb-dollar { opacity:.8; }

.bb-range { width: 100%; margin: 12px 0 10px; }
.bb-budget-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.bb-hint { opacity:.75; font-size: 13px; }
.bb-tags { opacity:.78; font-size: 12px; }

.bb-actions { display:flex; gap:10px; margin-top: 12px; flex-wrap:wrap; }
.bb-run { min-width: 170px; }
.bb-reset { opacity:.92; }

.bb-status { margin-top: 14px; padding: 12px 14px; border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.18);
  display:none;
}
.bb-status.is-on { display:block; }

.bb-results { margin-top: 18px; }
.bb-results-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-end; margin-bottom: 12px; }
.bb-results-title { margin:0; font-size: 20px; }
.bb-results-sub { margin: 6px 0 0; opacity:.78; }

.bb-cards { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1300px){ .bb-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px){ .bb-cards { grid-template-columns: 1fr; } }

.bb-card {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  padding: 12px;
  position: relative;
  overflow: hidden;
}
.bb-card::before {
  content:"";
  position:absolute; inset:-40% -30%;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.10), transparent 55%);
  transform: rotate(10deg);
  pointer-events:none;
}

.bb-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom: 8px; }
.bb-card-name { font-size: 15px; font-weight: 700; margin:0; }
.bb-card-total { font-weight: 800; opacity:.95; }

.bb-list { list-style:none; padding:0; margin: 10px 0; display:flex; flex-direction:column; gap:10px; }
.bb-item { display:flex; gap:10px; align-items:flex-start; }
.bb-item-img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); }
.bb-item-title { font-size: 13px; line-height: 1.25; margin:0; }
.bb-item-meta { font-size: 12px; opacity:.78; margin-top: 2px; }

.bb-notes { font-size: 12px; opacity:.78; margin: 10px 0 0; }
.bb-atc { width:100%; border-radius: 14px; }

<div id="bb_debug" hidden></div>