.swiper-integrations:before{position:absolute;top:0;bottom:0;right:0;z-index:10;width:11rem;background-image:linear-gradient(to left,var(--tw-gradient-stops));content:var(--tw-content);--tw-gradient-from: #fff;--tw-gradient-to: rgb(255 255 255 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.swiper-integrations:after{position:absolute;top:0;bottom:0;left:0;z-index:1;width:11rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));content:var(--tw-content);--tw-gradient-from: #fff;--tw-gradient-to: rgb(255 255 255 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.swiper-integrations{.swiper-button-prev,.swiper-button-next {height: 2.5rem} .swiper-button-prev,.swiper-button-next {width: 2.5rem} .swiper-button-prev,.swiper-button-next {border-radius: 9999px} .swiper-button-prev,.swiper-button-next { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .swiper-button-prev,.swiper-button-next { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } .swiper-button-prev,.swiper-button-next { --tw-ring-opacity: 1; --tw-ring-color: rgb(20 29 56 / var(--tw-ring-opacity)) } .swiper-button-prev,.swiper-button-next { --swiper-navigation-size: 20px; --swiper-navigation-color: themes(colors.bigStone) } .swiper-button-prev {padding-right: .25rem} .swiper-button-next {padding-left: .25rem}}