/* Кастомные стили для tiny-slider */
:root {
	--tns-control-height: 60px;
	--tns-control-width: 60px;
	--tns-control-font-size: calc(var(--tns-control-height) / 2 - var(--tns-control-height) / 10);
	--tns-controls-gap: 6px;
	--tns-controls-width: calc(var(--tns-control-width) * 2 + var(--tns-controls-gap));
}

@media all and (max-width:767px) {
	--tns-control-height: 46px;
	--tns-control-width: 46px;
}

.tns-control-custom,
.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
	border-radius: 50%;
	pointer-events:auto;
	font-size: var(--tns-control-font-size);
	box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.14);
}

.tns-control-custom:not(:disabled, [aria-disabled="true"]),
.tns-controls [data-controls="prev"]:not(:disabled, [aria-disabled="true"]),
.tns-controls [data-controls="next"]:not(:disabled, [aria-disabled="true"]) {
	cursor: pointer;
}

.tns-control-custom,
.tns-control-custom > .btn__content,
.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
	display:flex;
	align-items:center;
	justify-content:center;
}

.tns-control-custom:not(:hover),
.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
	background: rgba(210, 210, 215, 0.75);
	color: rgba(0, 0, 0, 0.75);
}

.tns-control-custom:hover,
.tns-controls [data-controls="prev"]:not(:disabled, [aria-disabled="true"]):hover,
.tns-controls [data-controls="next"]:not(:disabled, [aria-disabled="true"]):hover {
	color: white;
	background: var(--theme-yellow);
}

.tns-control-custom:disabled,
.tns-control-custom[aria-disabled="true"],
.tns-controls [data-controls="prev"]:disabled,
.tns-controls [data-controls="prev"][aria-disabled="true"],
.tns-controls [data-controls="next"]:disabled,
.tns-controls [data-controls="next"][aria-disabled="true"] {
	display: none;
}

.tns-control-custom svg,
.tns-controls svg {
	height: calc(var(--tns-control-height) * 0.5);
	fill: currentColor;
}
.tns-control-custom[data-controls="prev"] svg,
.tns-controls [data-controls="prev"] svg {
	right: calc(var(--tns-control-width) * 0.01);
}
.tns-control-custom[data-controls="next"] svg,
.tns-controls [data-controls="next"] svg {
	left: calc(var(--tns-control-width) * 0.01);
}

.tns-liveregion,
.tns-controls,
.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"],
.tns-control-custom,
.tns-control-custom > .btn__content {
	height: var(--tns-control-height);
	line-height: var(--tns-control-height);
}

.tns-control-custom,
.tns-control-custom > .btn__content,
.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
	width: var(--tns-control-height);
}

.tns-nav,
.tns-nav-custom {
	margin-top:10px;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap:6px;
}
.tns-nav-custom-btn {
	cursor: pointer;
}
.tns-nav button,
.tns-nav-custom-btn {
	width:8px;
	height:8px;
	border-radius:50%;
	background: var(--bg-main-darken5);
}
.tns-nav .tns-nav-active,
.tns-nav-custom-btn.tns-nav-active {
	background: var(--bg-main-darken10);
	width: 12px;
	height: 12px;
}

.tns-liveregion {display: none}

.tns-slider {
	font-size: 0;
}