.module-current-project-trailers *[data-ios-item] {
    transition: 750ms var(--ttf-7);
    transition-property: opacity, transform;
    transition-delay: calc(var(--ios-item-index, 0) * 75ms);
  }

  .module-current-project-trailers:not(.is-on-screen) *[data-ios-item] {
    opacity: 0;
    transform: scale(0.9);
  }








  .module-current-project-trailers .module-body {
    margin-inline: calc(var(--page-padding-left) * -1);
  }

  .module-current-project-trailers .sn-slider {
    --gap: max(10px, calc(30 * var(--px)));
    padding-bottom: 0px;
  }
  
  .module-current-project-trailers .sn-slider-progress {
    display: none;
  }
  
  .module-current-project-trailers .sn-slider-slides {
    padding-right: var(--page-padding-left);
    padding-left: var(--page-padding-left);
  }
  
  .module-current-project-trailers .sn-slider-slide {
    scroll-margin-inline-start: var(--page-padding-left);
    width: min-content;
  }
  
  .module-current-project-trailers .sn-slider-slide img {
    display: block;
    height: auto;
    width: max(300px, calc(432 * var(--px)));
    max-width: none;
    object-fit: cover;
  }
  
  .module-current-project-trailers div.image {
    position: relative;
    border-radius: var(--radius-s);
    overflow: hidden;
  }
  
  .module-current-project-trailers div.image::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-black);
    opacity: 0.3;
    z-index: 2;
  }
  
  .module-current-project-trailers div.image .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
  }
  
  .module-current-project-trailers div.image .btn-play svg {
    width: max(94px, calc(113 * var(--px)));
    height: auto;
    display: block;
  }

  .module-current-project-trailers div.title {
    margin-top: .6em;
    --min-font-size: 20;
    line-height: 1.25;
  }
  
  
  
  
  
  @media (max-width: 900px) {
    
    .module-current-project-trailers .module-inner {
      padding-inline: var(--page-padding-left-s);
    }
    
    .module-current-project-trailers .module-body {
      margin-inline: calc(var(--page-padding-left-s) * -1);
    }
    
    .module-current-project-trailers .sn-slider-slides {
      padding-inline: var(--page-padding-left-s);
    }
    
    .module-current-project-trailers .sn-slider-slide {
      scroll-margin-inline-start: var(--page-padding-left-s);
    }
    
  }