.editor-styles-wrapper {
	.swiper-container-wrapper.swiper-style-offsetsquare{
		width: calc( 100% - var(--offset) );
		max-width: min( 500px, 100% );

		.main-swiper{
			font-size: 0;
			text-align: right;
		}

		.wp-block-cover{
			aspect-ratio: 1;
		}

		.caption{
			padding: 16px 128px 0 40px;
			text-align: left;

			@media (max-width: 767px){
				min-height: 48px;
				padding: 16px 94px 0 24px;
			}
		}
		:is(.swiper-button-next, .swiper-button-prev){
			@media (min-width: 768px){
				position: relative;
				z-index: 2;
				inset: 0 !important;
				display: inline-flex;
				margin: -16px 0 0 0;
			}
			@media (max-width: 767px){
				top: min( 516px, 100vw - 2 * var(--bs-offset) + 16px );
			}
		}
		.swiper-button-prev{
			right: 48px;
		}
		.swiper-button-next{
			margin-left: 20px;

			@media (max-width: 767px){
				margin: 0;
			}
		}

		.is-style-image-to-left + .caption{
			padding: 16px 40px 0 128px;
			text-align: right;

			@media (max-width: 767px){
				padding: 16px 24px 0 94px;
			}
		}
		&:has(.is-style-image-to-left){
			.main-swiper{
				text-align: left;
			}
			:is(.swiper-button-next, .swiper-button-prev){
				left: 0;
				right: auto;
			}
			.swiper-button-next{
				left: 48px;
			}
		}
	}
}