/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
 * 
 * # GTM Slider Template Block
 * 
 * -------------------------------------------------------------------------- */
.wp-block-gtm-slider-template .swiper-button-next,
.wp-block-gtm-slider-template .swiper-button-prev {
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: var(--gtmt-text-lg);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: auto;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: var(--gtm-transition);
  transition: var(--gtm-transition);
  -webkit-transition-property: var(--gtm-global--transition-property);
  transition-property: var(--gtm-global--transition-property);
  will-change: var(--gtm-global--transition-property);
  color: white;
}
.wp-block-gtm-slider-template .swiper-button-next:hover,
.wp-block-gtm-slider-template .swiper-button-prev:hover {
  opacity: 1;
  background-color: var(--wp--preset--color--tertiary);
}
.wp-block-gtm-slider-template .swiper-button-next,
.wp-block-gtm-slider-template .swiper-container-rtl .swiper-button-prev {
  left: var(--gtm--space--xs);
}
.wp-block-gtm-slider-template .swiper-button-prev,
.wp-block-gtm-slider-template .swiper-container-rtl .swiper-button-next {
  right: var(--gtm--space--xs);
}