/* Link */
.tobi-zoom {
	border: 0;
	box-shadow: none;
	display: block;
	position: relative;
	text-decoration: none;
	-webkit-text-decoration: none;
}

.tobi-zoom img {
	display: block;
}

.tobi-zoom__icon {
	align-items: center;
	background-color: rgba(26, 42, 58, 0.94);
	bottom: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 0;
}

.tobi-zoom__icon svg {
	color: #fff;
	fill: none;
	height: 1.11111em;
	padding-bottom: 0.22222em;
	padding-left: 0.22222em;
	padding-right: 0.22222em;
	padding-top: 0.22222em;
	pointer-events: none;
	stroke-linecap: square;
	stroke-linejoin: miter;
	stroke-width: 2;
	stroke: #fff;
	width: 1.11111em;
}

/* Hide scrollbar if lightbox is displayed */
.tobi-is-open {
	overflow-y: hidden;
}

/* Lightbox */
.tobi {
	/*background-color: rgba(26, 42, 58, 0.94);*/
	background-color: rgba(36, 35, 33, 0.94);
	bottom: 0;
	box-sizing: border-box;
	contain: strict;
	font-size: 18px;
	left: 0;
	line-height: 1.5555555555555556;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1337;
}

.tobi[aria-hidden="true"] {
	display: none;
}

.tobi *,
.tobi *::before,
.tobi *::after {
	box-sizing: inherit;
}

/* Slider */
.tobi__slider {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	will-change: transform;
}

.tobi__slider:not(.tobi__slider--is-dragging) {
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (prefers-reduced-motion: reduce) {
	.tobi__slider:not(.tobi__slider--is-dragging) {
		transition: none;
	}
}

.tobi__slider--is-draggable .tobi__slider__slide__content {
	cursor: -webkit-grab;
	cursor: grab;
}

.tobi__slider--is-dragging .tobi__slider__slide__content {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

/* Slide */
.tobi__slider__slide {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}

/* Slide content */
.tobi__slider__slide__content > figure {
	margin: 0;
	position: relative;
}

.tobi__slider__slide__content > figure > img {
	display: block;
	height: auto;
	max-height: 85vh;
	max-width: 85vw;
	width: auto;
}

.tobi__slider__slide__content > figure > figcaption {
	/* changed
	background-color: rgba(255, 255, 255, 0.94);
	bottom: 0;
	color: #1a2a3a;*/
	color: var(--bg-col);
	display: block;
	left: 0;
	padding-bottom: 0.22222em;
	padding-left: 0.44444em;
	padding-right: 0.44444em;
	padding-top: 0.22222em;
	position: absolute;
	white-space: pre-wrap;
	width: 100%;
}

.tobi__slider__slide__content[data-type="html"] {
	max-height: 85vh;
	max-width: 85vw;
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.tobi__slider__slide__content[data-type="html"] video {
	cursor: auto;
	display: block !important;
	max-height: 85vh;
	max-width: 85vw;
}

.tobi__slider__slide__content[data-type="iframe"] {
	max-height: 85vh;
	max-width: 85vw;
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	/* Fix iframe scrolling on iOS */
	-webkit-overflow-scrolling: touch;
	transform: translate3d(0, 0, 0);
}

.tobi__slider__slide__content[data-type="iframe"] iframe {
	display: block !important;
	height: 85vh;
	width: 85vw;
}

.tobi__slider__slide__content[data-type="youtube"] {
	max-height: 85vh;
	max-width: 85vw;
	overflow: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.tobi__slider__slide__content[data-type="youtube"] iframe {
	display: block !important;
}

/* Buttons */
.tobi > button {
	align-items: center;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	background-color: transparent;
	border: 0.05556em solid transparent;
	color: #fff;
	cursor: pointer;
	display: flex;
	font: inherit;
	justify-content: center;
	line-height: 1;
	margin: 0;
	opacity: 0.5;
	padding-bottom: 0.22222em;
	padding-left: 0.22222em;
	padding-right: 0.22222em;
	padding-top: 0.22222em;
	position: absolute;
	touch-action: manipulation;
	transition-duration: 0.3s;
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	will-change: opacity, transform;
	z-index: 1;
}

@media screen and (prefers-reduced-motion: reduce) {
	.tobi > button {
		transition: none;
		will-change: opacity;
	}
}

.tobi > button svg {
	pointer-events: none;
	stroke: #fff;
	stroke-width: 1;
	stroke-linecap: square;
	stroke-linejoin: miter;
	fill: none;
	color: #fff;
}

.tobi > button:active, .tobi > button:focus, .tobi > button:hover {
	opacity: 1;
	transform: scale(0.84);
}

@media screen and (prefers-reduced-motion: reduce) {
	.tobi > button:active, .tobi > button:focus, .tobi > button:hover {
		transform: none;
	}
}

.tobi > button.tobi__prev, .tobi > button.tobi__next {
	top: 50%;
	top: calc(50% - 2.22222em);
}

.tobi > button.tobi__prev svg, .tobi > button.tobi__next svg {
	height: 3.88889em;
	width: 3.88889em;
}

.tobi > button.tobi__prev {
	left: 0;
}

.tobi > button.tobi__next {
	right: 0;
}

.tobi > button.tobi__close {
	right: 0.27778em;
	top: 1em;
}

.tobi > button.tobi__close svg {
	height: 3.33333em;
	width: 3.33333em;
}

.tobi > button:disabled, .tobi > button[aria-hidden="true"] {
	display: none;
}

/* Counter */
.tobi__counter {
	align-items: center;
	background-color: transparent;
	color: #fff;
	display: flex;
	font-size: 1.11111em;
	justify-content: center;
	left: 1em;
	line-height: 1;
	position: absolute;
	top: 2.22222em;
	z-index: 1;
}

.tobi__counter[aria-hidden="true"] {
	display: none;
}

/* Loader */
.tobi-loader {
	display: inline-block;
	height: 5.55556em;
	left: calc(50% - 2.77778em);
	position: absolute;
	top: calc(50% - 2.77778em);
	width: 5.55556em;
}

.tobi-loader::before {
	animation: spin 1s infinite;
	border-radius: 100%;
	border: 0.22222em solid #949ba3;
	border-top-color: #fff;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}