.magazine-podcasts
{
	height: auto;
	--transition-duration:1s;
	transition: height var(--transition-duration) var(--ease-out-expo);
}

.podcast-swiper
{
	--swiper-pagination-color: var(--color-fg-highlight-01);
	--swiper-pagination-bullet-inactive-color: var(--color-fg-highlight-01);

	--swiper-pagination-bottom: -20px;

	position: relative;
	display: flex;
	flex-direction: column;
	justify-self: center;

	width: 100vw;
	overflow: hidden;


	.swiper
	{
		user-select: none;
		box-sizing: border-box;
		overflow: visible;
		width: 100%;
		height: 100%;
		padding: 16px 16px;
		margin-bottom: 40px;
		max-width: 1280px;
	}

	.swiper-slide
	{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		aspect-ratio: 1 / 1;
		position: relative;
		box-sizing: border-box;
		overflow: hidden;
	}

	.swiper-slide-bg-image
	{
		position: absolute;
		left: -10%;
		top: -10%;
		width: 120%;
		height: 120%;
		z-index: 0;
	}


	.swiper-slide-1990
	{
		border-radius: 32px;
	}

	.swiper-slide-bg-image-c61b
	{
		object-fit: cover;
		border-radius: inherit;
	}

	.swiper-slide-content-609f
	{
		padding: 32px 32px;
		flex-direction: column;
		gap: 0px;
		align-items: flex-start;
		justify-content: flex-end;
	}

	.swiper-slide-block-2dce
	{
		display: flex;
		box-sizing: border-box;
		text-decoration: none;
		flex-direction: column;
		gap: 0px;
		align-items: flex-start;
		justify-content: center;
		padding: 0px 0px;
	}

	.swiper-slide-text-55f6
	{
		color: rgba(255, 255, 255, 1);
		text-align: left;
		font-size: 16px;
		line-height: 1.5;
	}

	.swiper-slide-text-8d8f
	{
		color: rgba(255, 255, 255, 1);
		text-align: left;
		font-size: 48px;
		line-height: 1.5;
		font-weight: bold;
	}

	.swiper-slide-text-66a3
	{
		color: rgba(255, 255, 255, 1);
		text-align: left;
		font-size: 48px;
		line-height: 1.5;
		font-weight: bold;
	}

	@media (min-width: 1024px)
	{
		.swiper
		{
			width: 100%;
			height: 100%;
			padding: 16px 16px;
		}

		/*.swiper-slide {
			width: 100%;
			height: 100%;
		}*/
	}

	.swiper-slide-content
	{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		transform: translate3d(0, 0, 0);

		*
		{
			opacity: 1;
			transition: opacity 1.3s var(--ease-out-expo);
		}
	}

	.swiper-slide-content-outer
	{
		display: none;
	}

	.swiper-slide-active
	{
		.swiper-slide-content-outer
		{
			display: block;
			position: absolute;

			padding-top: 100%;
		}
	}

	.swiper-slide-prev, .swiper-slide-next
	{
		.swiper-slide-content
		{
			*
			{
				/*opacity: 0;*/
				pointer-events: none;
			}
		}
	}

	.swiper-outer-wrapper
	{
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
	}


	.swiper-outer
	{
		position: relative;
		max-width: 600px;

		.swiper-slide-outer
		{
			position: absolute;
			top: 0;

			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			--transition-delay:0s;
			--transition-delay-add:0s;
			--transition-duration:1s;
			--transition-fade: opacity var(--transition-duration) var(--ease-out-expo) calc(var(--transition-delay) + var(--transition-delay-add)), visibility var(--transition-duration) var(--ease-out-expo) calc(var(--transition-delay) + var(--transition-delay-add)) allow-discrete;
			transition: var(--transition-fade);


			&.active
			{
				position: relative;
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
			}

			@starting-style
			{
				&.show {
					opacity: 0;
					visibility: hidden;
				}
			}
		}
	}


}