/* #region CSS vars */
* {
  --ybo-foreground: #171719;
  --ybo-destructive: #d50719;
  --ybo-border: #e4e4e7;
  --ybo-input: #e4e4e7;
  --ybo-primary: #3858e9;
  --ybo-primary-foreground: #ffffff;
  --ybo-primary-accent: #2f4ac4;
  --ybo-muted-foreground: #7b7c80;
  --ybo-muted-foreground-400: #c7c7ca;
  --ybo-muted-400: #fafafa;
  --ybo-background: #ffffff;
  --ybo-radius-md: 8px;
  --ybo-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
/* #endregion */

/* #region Purchase List styles */
.ybo_button_container {
  display: flex;
  margin: 10px 0px;
  justify-content: end;
  align-items: center;
  gap: 8px;
}

.ybo_order_button_container {
  display: flex;
  padding: 16px;
  justify-content: end;
  gap: 8px;
}

.ybo_minicart_button_container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px;

  button {
    width: 100%;
  }
}

.ybo_slotfill_button_container {
  display: flex;
  justify-content: end;
  gap: 8px;
  /* padding: 16px !important; */

  button {
    width: 100%;
  }
}
/* #endregion */