@charset "utf-8";
/* CSS Document */

@keyframes pulsate {
  0%, to {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
}

#spotlight {
  position: fixed;
  top: -1px;
  bottom: -1px;
  width: 100%;
  z-index: 99999;
  color: #fff;
  background-color: #000;
  opacity: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .2s ease-out;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  contain: strict;
  touch-action: none;
  pointer-events: none;
}

#spotlight.show {
  opacity: 1;
  transition: none;
  pointer-events: auto;
}

#spotlight.white {
  color: #212529;
  background-color: #fff;
}

#spotlight.white .spl-next,
#spotlight.white .spl-page ~ *,
#spotlight.white .spl-prev,
#spotlight.white .spl-spinner {
  filter: invert(1);
}

#spotlight.white .spl-progress {
  background-color: rgba(0, 0, 0, .35);
}

#spotlight.white .spl-footer,
#spotlight.white .spl-header {
  background-color: rgba(255, 255, 255, .65);
}

#spotlight.white .spl-button {
  background: #212529;
  color: #fff;
}

.spl-footer,
.spl-header {
  background-color: rgba(0, 0, 0, .45);
}

#spotlight .contain,
#spotlight .cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

#spotlight .contain {
  object-fit: contain;
}

#spotlight .autofit {
  object-fit: none;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  transition: none;
}

.spl-scene,
.spl-spinner,
.spl-track {
  width: 100%;
  height: 100%;
  position: absolute;
}

.spl-track {
  contain: strict;
}

.spl-spinner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 42px;
  opacity: 0;
}

.spl-spinner.spin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
  transition: opacity .2s linear .25s;
  opacity: 1;
}

.spl-spinner.error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLjEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);
  background-size: 128px;
  transition: none;
  opacity: .5;
}

.spl-scene {
  transition: transform .65s cubic-bezier(.1, 1, .1, 1);
  contain: layout size;
  will-change: transform;
}

.spl-pane > * {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: transform .65s cubic-bezier(.3, 1, .3, 1), opacity .65s ease;
  contain: layout style;
  will-change: transform, opacity;
  visibility: hidden;
}

.spl-header,
.spl-pane,
.spl-progress {
  position: absolute;
  top: 0;
}

.spl-pane {
  width: 100%;
  height: 100%;
  transition: transform .65s cubic-bezier(.3, 1, .3, 1);
  contain: layout size;
  will-change: transform, contents;
}

.spl-header {
  width: 100%;
  height: 50px;
  text-align: right;
  transform: translateY(-100px);
  transition: transform .35s ease;
  overflow: hidden;
  will-change: transform;
}

#spotlight.menu .spl-footer,
#spotlight.menu .spl-header,
.spl-footer:hover,
.spl-header:hover {
  transform: translateY(0);
}

.spl-header div {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  width: 50px;
  height: 50px;
  opacity: .5;
}

.spl-progress {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, .45);
  transform: translateX(-100%);
  transition: transform linear;
}

.spl-footer,
.spl-next,
.spl-prev {
  position: absolute;
  transition: transform .35s ease;
  will-change: transform;
}

.spl-footer {
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 20px;
  padding: 20px 20px 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  transform: translateY(100%);
}

.spl-title {
  font-size: 22px;
  line-height: 1.3;
  font-weight: normal;
  font-family: Commissioner, sans-serif;
}

.spl-button,
.spl-description,
.spl-title {
  margin-bottom: 20px;
}

.spl-button {
  display: inline-block;
  background: #fff;
  color: #000;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
}

.spl-next,
.spl-page ~ *,
.spl-prev {
  background-position: center;
  background-repeat: no-repeat;
}

.spl-page {
  float: left;
  width: auto;
  line-height: 50px;
}

.spl-page ~ * {
  background-size: 21px;
  float: right;
}

.spl-fullscreen {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+);
}

.spl-fullscreen.on {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==);
}

.spl-autofit {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==);
}

.spl-zoom-in,
.spl-zoom-out {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);
  background-size: 22px;
}

.spl-zoom-in {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==);
}

.spl-download {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjE0MS43MzJweCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTQxLjczMiAxNDEuNzMyIiB3aWR0aD0iMTQxLjczMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xMjAuNjc0LDEyNS4xMzhIMjAuNzkzdjE2LjU5NGg5OS44ODFWMjUuMTM4eiBNMTE5LjAxOSw1OC43NzZjLTIuNTYxLTIuNTYyLTYuNzE2LTIuNTYyLTkuMjc1LDBMNzcuMjEsOTEuMzEyVjYuNTYyICAgQzc3LjIxLDIuOTM2LDc0LjI2OSwwLDcwLjY0OCwwYy0zLjYyNCwwLTYuNTYsMi45MzctNi41NiwyLjkzN3Y4NC43NUwzMS45OTIsNTkuMjE4Yy0yLjU2Mi0yLjU2NC02LjcxNS0yLjU2NC05LjI3NywwICAgYy0yLjU2NSwyLjU2Mi0yLjU2NSw2LjcxNiwwLDkuMjc5bDQzLjI5NCw0My4yOTNjMC4xNSwwLjE1NCwwLjMxNCwwLjI5OSwwLjQ4MSwwLjQzOGMwLjA3NiwwLjA2MiwwLjE1NSwwLjExMywwLjIzNCwwLjE3NiAgIGMwLjA5NCwwLjA2NSwwLjE4NiwwLjE0MiwwLjI3OSwwLjIwNmMwLjA5NywwLjA2MywwLjE5MiwwLjE0MiwwLjI4NiwwLjE3NGMwLjA4OCwwLjA1NCwwLjE3NCwwLjEwNSwwLjI2NSwwLjE1MyAgIGMwLjEsMC4wNTYsMC4xOTksMC4xLDAuMjk4LDAuMTQ3YzAuMDk3LDAuMDQ1LDAuMTksMC4wOTEsMC4yODMsMC4xMzJjMC4wOTgsMC4wNCwwLjE5NiwwLjA3MiwwLjI5NSwwLjEwNSAgIGMwLjEwNCwwLjAzOCwwLjIwNywwLjA3OCwwLjMxMiwwLjEwOWMwLjEwMSwwLjAzLDAuMTk3LDAuMDUyLDAuMjk3LDAuMDc3YzAuMTA4LDAuMDIzLDAuMjE0LDAuMDU4LDAuMzI0LDAuMDc4ICAgYzAuMTE1LDAuMDIxLDAuMjMxLDAuMDMzLDAuMzQ2LDAuMDU0YzAuMDk3LDAuMDE1LDAuMTkyLDAuMDMyLDAuMjg5LDAuMDQyYzAuNDMsMC4wNDIsMC44NjUsMC4wNDIsMS4yOTUsMCAgIGMwLjEtMC4wMSwwLjE5MS0wLjAyNywwLjI4OS0wLjA0MmMwLjExNC0wLjAyMSwwLjIzMy0wLjAyOSwwLjM0NC0wLjA1NGMwLjEwOS0wLjAyMSwwLjIxNy0wLjA1NSwwLjMyNC0wLjA3OCAgIGMwLjEwMi0wLjAyNSwwLjE5OS0wLjA0NywwLjI5OS0wLjA3N2MwLjEwNS0wLjAzMSwwLjIwNy0wLjA3MSwwLjMxMi0wLjEwOWMwLjEwMi0wLjAzLDAuMTk1LTAuMDYyLDAuMjk1LTAuMTA1ICAgYzAuMDk2LTAuMDQxLDAuMTkxLTAuMDg3LDAuMjgzLTAuMTMyYzAuMS0wLjA0OCwwLjE5OS0wLjA5MiwwLjI5Ny0wLjE0N2MwLjA5MS0wLjA0OCwwLjE3Ny0wLjEwNCwwLjI2NC0wLjE1MyAgIGMwLjA5OC0wLjA2LDAuMTkzLTAuMTEsMC4yODctMC4xNzRjMC4wOTYtMC4wNjQsMC4xODktMC4xNDEsMC4yODEtMC4yMDZjMC4wNzYtMC4wNjIsMC4xNTYtMC4xMTMsMC4yMzMtMC4xNzYgICBjMC4yNDktMC4yMDQsMC40NzktMC40MzcsMC42OTQtMC42N2MwLjA3Ni0wLjA2NywwLjE1NC0wLjEzMSwwLjIyOS0wLjIwM2w0My4yOTQtNDMuMjk2ICAgQzEyMS41ODEsNjUuNDkxLDEyMS41ODEsNjEuMzM3LDExOS4wMTksNTguNzc2Ii8+PC9nPjwvc3ZnPg==);
  background-size: 20px;
}

.spl-theme {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==);
}

.spl-play {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+);
}

.spl-play.on {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);
  animation: pulsate 1s ease infinite;
}

.spl-close {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==);
}

.spl-next,
.spl-prev {
  top: 50%;
  width: 50px;
  height: 50px;
  opacity: .65;
  background-color: rgba(0, 0, 0, .45);
  border-radius: 100%;
  cursor: pointer;
  margin-top: -25px;
  transform: translateX(-100px);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);
  background-size: 30px;
}

.spl-prev {
  left: 20px;
}

.spl-next {
  left: auto;
  right: 20px;
  transform: translateX(100px) scaleX(-1);
}

#spotlight.menu .spl-prev {
  transform: translateX(0);
}

#spotlight.menu .spl-next {
  transform: translateX(0) scaleX(-1);
}

@media (hover: hover) {
  .spl-page ~ div {
    cursor: pointer;
    transition: opacity .2s ease;
  }

  .spl-next:hover,
  .spl-page ~ div:hover,
  .spl-prev:hover {
    opacity: 1;
  }
}

@media (max-width: 500px) {
  .spl-header div {
    width: 44px;
  }

  .spl-footer .spl-title {
    font-size: 20px;
  }

  .spl-footer {
    font-size: 14px;
  }

  .spl-next,
  .spl-prev {
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    background-size: 15px 15px;
  }

  .spl-spinner {
    background-size: 30px 30px;
  }
}

.hide-scrollbars {
  overflow: hidden !important;
}


/* Когда открыт Spotlight — убираем padding у body */
body.hide-scrollbars {
  padding: 0 !important;
  margin: 0 !important;
}

@media screen and (min-width: 768px) {
  body.hide-scrollbars {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Подпись под большим изображением */
.spotlight-caption {
  max-width: 90%;
  margin: 1rem auto 0;
  text-align: center;
  color: #fff;
  font-size: 0.875rem; /* ~14px */
  line-height: 1.4;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  pointer-events: none;
}

/* Центрирование названия и описания в Spotlight */
.spl-header .spl-title,
.spl-footer .spl-description {
  text-align: center !important;
 font-size: 1.2rem;
}

/* Если нужно, можно также отцентрировать сам футер */
.spl-footer {
  justify-content: center !important;
}

@media screen and (min-width: 768px) {
  .spotlight-caption {
    max-width: 800px;
    font-size: 0.9375rem; /* ~15px */
  }
}