.swiper{width:100%;background-color:#000}.swiper-slide{transition:All .3s ease;transition-property:opacity!important}.swiper-pagination-bullet-active{background:#000!important;border:1px solid #fff}.swiper-slide img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}@media not all and (min-width: 768px){.swiper-slide img{height:150px}}.swiper-slide img.mask{position:absolute;z-index:1;top:0;left:0;width:100%;filter:contrast(1.5);--stroke-width: 1rem;--out: 1rem;--in: calc(var(--out) + var(--stroke-width));clip-path:polygon(var(--out) var(--out),calc(100% - var(--out)) var(--out),calc(100% - var(--out)) calc(100% - var(--out)),var(--out) calc(100% - var(--out)),var(--out) var(--in),var(--in) var(--in),var(--in) calc(100% - var(--in)),calc(100% - var(--in)) calc(100% - var(--in)),calc(100% - var(--in)) var(--in),var(--out) var(--in))}.swiper:hover .swiper-slide:not(:hover){opacity:.6}.swiper-button-next:after,.swiper-button-prev:after{content:""!important;display:block;width:15px;height:100px;background:#000c;transition:All .3s ease}.swiper-button-next:hover:after,.swiper-button-prev:hover:after{background:#fffc}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}
