.Slider {
  display: block;
  padding: rem(20px) rem(20px);
  width: 80%;

  @include iftablet {
    flex: 1;
    display: block;
    padding: 0 rem(20px);
  }
}

.Slide {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}


.PreviewModalContainer {
  background: $color-white;
  width: max-content;
  height: auto;
  border-radius: rem(16px);
  padding: rem(10px) rem(10px);
  margin-bottom: rem(20px);
  display: flex;
  flex-direction: column;
  //max-width: max-content;//rem(460px);
  justify-content: center;
  align-self: center;
  overflow: visible;

  @include iftablet{
    max-width: unset;
    align-self: unset;
    width: max-content;
    height: auto;
  }

  .Image{
    object-fit: contain;
    width: 80vw;
    height: auto;
    max-height: 90vh;
    @include iftablet{
      width: auto;
      height: 90vh;
    }
  }

  & > svg {
    z-index: 1;
    top: rem(5px);
    right: rem(-25px);
    @include iftablet{
      right: rem(-40px);
    }
    path {
      stroke: #FFFFFF;
      stroke-opacity: 1;
    }
  }
}