.tippy-box[data-theme~="lotes"] {
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
  color: #46535b;
  min-width: 350px;
}

.tippy-box[data-theme~="lotes"] .tippy-content {
  padding: 0;
}

.tippy-box[data-theme~="lotes"] .l-fs-glossary-tooltip {
  font-size: 13px;
}

.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__body {
  padding: 20px;
}

.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__name {
  font-weight: bold;
  margin-bottom: 6px;
}

.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__hyperlinks {
  margin: 20px 0 0;
  padding: 0;
}

.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__hyperlinks:empty {
  margin: 0;
}

.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__hyperlinks
  li {
  list-style-type: none;
}

.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__hyperlinks
  li
  a {
  text-transform: uppercase;
}

.tippy-box[data-theme~="lotes"][data-placement^="top"] > .tippy-arrow::before {
  border-top-color: #ffffff;
}

.tippy-box[data-theme~="lotes"][data-placement^="bottom"]
  > .tippy-arrow::before {
  border-bottom-color: #ffffff;
}

.tippy-box[data-theme~="lotes"][data-placement^="left"] > .tippy-arrow::before {
  border-left-color: #ffffff;
}

.tippy-box[data-theme~="lotes"][data-placement^="right"]
  > .tippy-arrow::before {
  border-right-color: #ffffff;
}

/* Image Carousel */
.tippy-box[data-theme~="lotes"]
  .l-fs-glossary-tooltip
  .l-fs-glossary-tooltip__images
  img {
  min-width: 100%;
  min-height: 100%;
  max-height: 300px; /* value chosen because it feels right™ */
  object-fit: contain;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+CiAgPHBhdGggZD0iTTAgNCBMMCAyOCBMMzIgMjggTDMyIDQgeiBNNCAyNCBMMTAgMTAgTDE1IDE4IEwxOCAxNCBMMjQgMjR6IE0yNSA3IEE0IDQgMCAwIDEgMjUgMTUgQTQgNCAwIDAgMSAyNSA3Ij48L3BhdGg+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-color: hsl(0, 0%, 90%);
  background-size: calc(100%/3);
}

.tippy-box[data-theme~="lotes"]
  .glide {
  margin-bottom: 20px;
}

.tippy-box[data-theme~="lotes"]
  .glide
  img{
  width: 350px; /* fix for glide.js image size issue */
}

.tippy-box[data-theme~="lotes"]
  .glide__slides {
  display: flex;
  align-items: stretch;
}

.tippy-box[data-theme~="lotes"]
  .glide__slide {
  height: auto;
}

.tippy-box[data-theme~="lotes"]
  .glide__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #46535b;
  background-color: rgba(255, 255, 255, 0.8);
  border: 0;
  border-radius: 50%;
  font-weight: 400;
  width: 24px;
  height: 24px;
  padding: 0;
}

.tippy-box[data-theme~="lotes"]
  .glide__arrow--left {
  left: 20px;
}

.tippy-box[data-theme~="lotes"]
  .glide__arrow--right {
  right: 20px;
}

.tippy-box[data-theme~="lotes"]
  .glide__arrow
  .fa-chevron-left {
  margin-left: -0.15em; /* Fix icon placement */
}

.tippy-box[data-theme~="lotes"]
  .glide__arrow
  .fa-chevron-right {
    margin-right: -0.15em; /* Fix icon placement */
}

.tippy-box[data-theme~="lotes"]
  .glide__bullets {
  bottom: -20px;
}

.tippy-box[data-theme~="lotes"]
  .glide__bullet {
  border: 1px solid #46535b;
}

.tippy-box[data-theme~="lotes"]
  .glide__bullet--active {
  background-color: #46535b;
}

/* Mobile Layout */
/* !important is used to override Tippy.js inline styles */
.tippy-popup {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
  padding-top: 60px;
  height: 100%;
  max-width: none;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}

.tippy-popup:before {
  content: "\0000D7";
  z-index: 1000;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
}

.tippy-popup .tippy-box {
  height: 100%;
  max-width: none !important;
  box-shadow: none;
  background: none;
}

.tippy-popup .tippy-box .tippy-content {
  padding-top: 0;
}