import styled from 'styled-components/macro';
import theme from "styled-theming";
import {Swiper} from "swiper/react";
export const StyledSwiper = styled(Swiper)`
 padding: 0px 0px;
 .swiper-wrapper{
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
 .swiper-slide{
    & .img-box{
        transition: filter 0.3s;
        &:hover{
           filter: brightness(80%);
        }
        & .img-box-content{
           border-radius: var(--border-radius);
        }
    }
 }
`
