@media (max-width: 767px) {
	.wpw-menu-mobile-carousel {
		position: relative;
		display: block !important;
		overflow: hidden;
	}

	.wpw-menu-mobile-carousel__track {
		display: flex;
		width: 100%;
		will-change: transform;
		transition: transform 320ms ease;
	}

	.wpw-menu-mobile-carousel .wpw-menu-mobile-slide {
		width: 100% !important;
		min-width: 100%;
		max-width: 100%;
		flex: 0 0 100% !important;
	}

	.wpw-menu-mobile-carousel__arrow {
		position: absolute;
		top: 34%;
		z-index: 5;
		display: flex;
		width: 58px;
		height: 58px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 1.5px solid #000;
		border-radius: 50%;
		background: rgba(255, 255, 255, .15);
		box-shadow: none;
		color: #000;
		cursor: pointer;
		transform: translateY(-50%);
		transition: opacity 180ms ease;
	}

	.wpw-menu-mobile-carousel__arrow:hover,
	.wpw-menu-mobile-carousel__arrow:focus {
		border-color: #000;
		background: rgba(255, 255, 255, .15);
		color: #000;
		outline: none;
	}

	.wpw-menu-mobile-carousel__arrow:focus-visible {
		outline: 2px solid #000;
		outline-offset: 3px;
	}

	.wpw-menu-mobile-carousel__arrow::before {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		border-top: 2px solid currentColor;
		border-right: 2px solid currentColor;
	}

	.wpw-menu-mobile-carousel__arrow--prev {
		left: 14px;
	}

	.wpw-menu-mobile-carousel__arrow--prev::before {
		margin-left: 7px;
		transform: rotate(-135deg);
	}

	.wpw-menu-mobile-carousel__arrow--next {
		right: 14px;
	}

	.wpw-menu-mobile-carousel__arrow--next::before {
		margin-right: 7px;
		transform: rotate(45deg);
	}
}

@media (max-width: 480px) {
	.wpw-menu-mobile-carousel__arrow {
		width: 48px;
		height: 48px;
	}

	.wpw-menu-mobile-carousel__arrow::before {
		width: 16px;
		height: 16px;
	}

	.wpw-menu-mobile-carousel__arrow--prev {
		left: 8px;
	}

	.wpw-menu-mobile-carousel__arrow--next {
		right: 8px;
	}
}