#facebox .tl,
#facebox .a,
#facebox .tr,
#facebox .bl,
#facebox .b,
#facebox .br {
  display: none;
}


#facebox .buyButton {
  border: none;
  border-radius: 0;
  display: inline-block;
  color: var(--button-primary-text-color);
  background-color: var(--button-primary-background-hover);
  background-image: var(--button-primary-background);
  background-size: 100%;
  font: var(--button-primary-font);
  letter-spacing: var(--button-primary-letter-spacing);
  padding: var(--button-primary-padding);
  text-decoration: var(--button-primary-text-decoration);
  text-align: var(--button-primary-text-align);
  line-height: var(--button-primary-line-height);
  transition: all var(--default-transition-duration) var(--default-transition-timing-function);

  &:hover,
  &:focus,
  &:focus-visible,
  &:active {
    background-color: var(--button-primary-background-hover);
    background-size: 1000%;
    color: var(--button-primary-text-color-hover);
  }

  &.disabled,
  &[disabled] {
    background-color: var(--button-background-color-disabled);
    background-image: var(--button-background-disabled);

    &:hover,
    &:focus,
    &:active {
      background-size: 100%;
    }
  }
}

#facebox .buyButton:hover {

}

#facebox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: left;
  box-shadow: 0 0 0 1px rgba(0, 141, 187, 0.192);
}

#facebox .popup {
  position: relative;
}

#facebox .body {
  padding: var(--space-md);
  background: var(--colour-bg-main);
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox .footer {
  padding-top: 10 var(--space-sm);
  margin-top: 0;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  display: none;
}

#facebox_overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.facebox_hide {
  z-index: -100;
}

.facebox_overlayBG {
  background-color: var(--colour-bg);
  z-index: 999;
}

/*	specific over-rides for h4, img, and table tags which often occur in popups, but need to have slightly different margins/borders */
#facebox h4 {
  margin-top: 0;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox table {
  border-collapse: collapse;
}