/*
fb.css
URI: http://www.steckdesign.ch/
Author: SteckDesign.ch
Author URI: http://www.steckdesign.ch/
Version: 4.0
*/

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
    background: rgba(var(--site-bgcolor), 1);
    /* background: var(--fancybox-bg, rgb(188,189,190)); */
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
    background: transparent!important;
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
    text-shadow: transparent!important;
}

.fancybox__caption {
  align-self: center;
    max-width: 50%;
    text-align: center;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
    color: rgba(var(--sitecolor), 1);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
    color: rgba(var(--sitecolor), 1);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity .15s ease;
}

.fancybox__counter {
    visibility: hidden;
  /* min-width: 72px; */
  /* padding: 0 10px; */
  /* line-height: var(--carousel-button-height, 48px); */
  /* text-align: center; */
  /* font-size: 17px; */
  /* font-variant-numeric: tabular-nums; */
  /* -webkit-font-smoothing: subpixel-antialiased; */
}