@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap);
/**
*
*   Retailers Fonts if any
*
*/
/**
*
*   Retailers CSS Custom Properties
*
*/
:root {
  --bs-body-font-family: "Rubik", sans-serif !important;
  --retailer-primary: hsl(53deg 100% 50%);
  --retailer-secondary: hsl(329deg 100% 67%);
  --retailer-tertiary: var(--retailer-black);
  --retailer-auth-color: var(--retailer-secondary);
  --retailer-black: hsl(0deg 0% 0%);
  --retailer-sidebar-bg: var(--retailer-primary);
  /* Buttons, inputs and focus overrides */
  --retailer-focus: var(--retailer-secondary);
  --retailer-focus-outline: hsl(329deg 100% 67% / 20%);
  --retailer-checkbox: var(--retailer-secondary);
  --retailer-dropdown-item-active: var(--retailer-secondary);
  --retailer-btn-link: var(--retailer-secondary);
  --retailer-btn-link-hover: hsl(329deg 100% 57%);
  --retailer-primary-button: var(--retailer-secondary);
  --retailer-primary-button-text: var(--retailer-black);
  --retailer-primary-button-hover: hsl(329deg 100% 57%);
  --retailer-loading-color: var(--retailer-secondary);
  --retailer-link-color: var(--retailer-secondary);
  --retailer-secondary-button: var(--retailer-black);
  --retailer-secondary-button-text: white;
  --retailer-secondary-button-focus: hsl(53deg 100% 50% / 50%);
  --retailer-secondary-button-hover: var(--retailer-primary);
  --retailer-secondary-button-hover-text: var(--retailer-black);
  /* retailer border-color and other color overrides */
  --retailer-border-color: rgb(0 0 0 / 15%);
  /* retailer vue calendar overrides */
  --retailer-calendar-color: var(--retailer-secondary);
  --retailer-calendar-color-light: hsl(329deg 100% 92%);
  /* bg primary */
  --retailer-bg-primary: var(--retailer-secondary);
}

/**
*
*   Specific Retailer CSS Resets
*
*/
aside#main-sidebar::after {
  content: "";
  background-image: url("/public/retailers/bonus/img/gris-looking-right.svg");
  background-repeat: no-repeat;
  display: block;
  width: 250px;
  height: 250px;
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.5rem;
  left: -110px;
}

.error__container .icon__container::before {
  content: "";
  background-image: url("/public/retailers/bonus/img/gris-radvilltur.svg");
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

.error__container .icon__container svg {
  display: none;
}

.error__container .icon__container {
  width: 9em !important;
  height: 8em !important;
}

.btn--action {
  font-weight: 500 !important;
}