:root{--arrow-distance:calc(-1 * var(--kds-spacing-mplus))}.swiper-container{height:100%;position:relative}.swiper-container--mobile{--arrow-distance:calc(-1 * var(--kds-spacing-mexc))}.swiper-container__swiper{height:100%}.swiper-container__swiper:before,.swiper-container__swiper:after{content:"";z-index:2;position:absolute;top:0;bottom:0}.swiper-container .swiper-container__arrow{background-color:var(--kds-palette-white-100);box-shadow:var(--kds-box-shadow-m);cursor:pointer;border:var(--kds-border-s) solid var(--kds-color-border-primary);z-index:10;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.swiper-container .swiper-container__arrow--prev{left:var(--arrow-distance)}.swiper-container .swiper-container__arrow--next{right:var(--arrow-distance)}.swiper-container .swiper-container__arrow.swiper-button-disabled{display:none}.swiper-container .swiper-container__arrow:hover{background-color:var(--kds-color-interactive-primary-inverse-hover)}.swiper-container .swiper-container__arrow:active{background-color:var(--kds-color-interactive-primary-inverse-active)}.swiper-container--with-gradient{--gradient-width:72px}.swiper-container--with-gradient .swiper-container__arrow--prev:not(.swiper-button-disabled)~.swiper-container__swiper:before{left:0;right:calc(100% - var(--gradient-width));background:linear-gradient(90deg, var(--kds-palette-white-100) 0%, #fff0 var(--gradient-width))}.swiper-container--with-gradient .swiper-container__arrow--next:not(.swiper-button-disabled)~.swiper-container__swiper:after{left:calc(100% - var(--gradient-width));background:linear-gradient(270deg, var(--kds-palette-white-100) 0%, #fff0 var(--gradient-width));right:0}.swiper-container .swiper-pagination.swiper-pagination-bullets{bottom:calc(-1 * var(--kds-spacing-l));justify-content:center;align-items:center;display:flex}.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{background:var(--kds-color-layer-tertiary);margin:0 var(--kds-spacing-splus) 0 0}.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin:0}.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--kds-color-icon-tertiary)}
