.city-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;border-radius:12px;padding:16px;width:100%;height:256px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}@media(hover: hover)and (pointer: fine){.city-preview:hover{-webkit-box-shadow:8px 7px 14px 0px rgba(0,0,0,.16);box-shadow:8px 7px 14px 0px rgba(0,0,0,.16)}.city-preview:hover:before{opacity:0}.city-preview:hover:after{opacity:1}}.city-preview:before,.city-preview:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.city-preview:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(22.33%, rgba(0, 0, 0, 0)), color-stop(99.92%, rgba(0, 0, 0, 0.56)));background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 22.33%, rgba(0, 0, 0, 0.56) 99.92%);background:linear-gradient(180deg, rgba(0, 0, 0, 0) 22.33%, rgba(0, 0, 0, 0.56) 99.92%)}.city-preview:after{opacity:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(22.33%, rgba(0, 0, 0, 0)), color-stop(99.92%, rgba(12, 94, 237, 0.88)));background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 22.33%, rgba(12, 94, 237, 0.88) 99.92%);background:linear-gradient(180deg, rgba(0, 0, 0, 0) 22.33%, rgba(12, 94, 237, 0.88) 99.92%)}.city-preview__title{font-size:16px;font-weight:500;line-height:110%;color:#fff;position:relative;z-index:1;font-family:"Onest",serif}.city-slider .swiper{overflow:unset}.city-slider .swiper-slide{width:219px;padding-bottom:20px}