.glider-contain {

  position: relative;

  width: 100%;

  margin: 0 auto;

}



.glider {

  position: relative;

  margin: 0 auto;

  overflow-y: hidden;

  transform: translateZ(0);

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: none;

}



.glider-track {

  z-index: 1;

  display: flex;

  width: 100%;

  margin: 0;

  padding: 0;

  transform: translateZ(0);

}



.glider.draggable {

  cursor: grab;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.glider.draggable .glider-slide img {

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  pointer-events: none;

}



.glider.drag {

  cursor: grabbing;

}



.glider-slide {

  align-content: center;

  justify-content: center;

  width: 100%;

  min-width: 150px;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.glider-slide img {

  max-width: 100%;

  margin: auto;

}



.glider::-webkit-scrollbar {

  height: 0;

  opacity: 0;

}



.glider-prev,

.glider-next {

  position: absolute;

  top: 50%;

  left: -23px;

  z-index: 2;

  padding: 0;

  color: #666;

  font-size: 40px;

  line-height: 1;

  -webkit-text-decoration: none;

  text-decoration: none;

  background: none;

  border: 0;

  outline: none;

  cursor: pointer;

  opacity: 1;

  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.glider-prev:hover,

.glider-next:hover,

.glider-prev:focus,

.glider-next:focus {

  color: #a89cc8;

}



.glider-next {

  right: -23px;

  left: auto;

}



.glider-next.disabled,

.glider-prev.disabled {

  color: #666;

  cursor: default;

  opacity: 0.25;

}



.glider-hide {

  opacity: 0;

}



.glider-dots {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin: 0 auto;

  padding: 0;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.glider-dot {

  display: block;

  width: 12px;

  height: 12px;

  margin: 7px;

  padding: 0;

  color: #ccc;

  background: #ccc;

  border: 0;

  border-radius: 999px;

  outline: none;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.glider-dot:hover,

.glider-dot:focus,

.glider-dot.active {

  background: #a89cc8;

}



@media (max-width: 36em) {

  .glider::-webkit-scrollbar {

    width: 7px;

    height: 3px;

    opacity: 1;

    -webkit-appearance: none;

            appearance: none;

  }

  .glider::-webkit-scrollbar-thumb {

    background-color: rgba(156, 156, 156, 0.25);

    border-radius: 99px;

    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);

    opacity: 1;

  }

}

.media-carousel-section:not(.bg-color--primary):not(.bg-color--grey):not(.bg-color--tertiary):not(.bg-color--colored-grey):not(.bg-color--transparent) .slider .glider-next,

.media-carousel-section:not(.bg-color--primary):not(.bg-color--grey):not(.bg-color--tertiary):not(.bg-color--colored-grey):not(.bg-color--transparent) .slider .glider-prev {

  background: url(/app/public/assets/slider-next-grey.svg) 0 0 no-repeat;

}

.media-carousel-section:not(.bg-color--primary):not(.bg-color--grey):not(.bg-color--tertiary):not(.bg-color--colored-grey):not(.bg-color--transparent) .glider-dot:not(.active) {

  background-color: #ebebef;

}

.media-carousel-section.bg-color--primary .slider-content-wrapper img, .media-carousel-section.bg-color--tertiary .slider-content-wrapper img {

  border: 2px solid #fff;

}

.media-carousel-section .slider {

  position: relative;

  margin: 1rem 0;

}

.media-carousel-section .slider .glider {

  width: calc(100% - 90px);

  overflow: hidden;

}

.media-carousel-section .slider .glider-track {

  gap: 11px;

}

.media-carousel-section .slider .glider-track img {

  border-radius: 8px;

}

.media-carousel-section .slider .glider-next, .media-carousel-section .slider .glider-prev {

  width: 35px;

  height: 35px;

  margin-top: -17.5px;

  background: url(/app/public/assets/slider-next.svg) 0 0 no-repeat;

}

.media-carousel-section .slider .glider-next.disabled, .media-carousel-section .slider .glider-prev.disabled {

  opacity: 0;

}

.media-carousel-section .slider .glider-prev {

  left: 0;

  transform: rotate(180deg);

}

.media-carousel-section .slider .glider-next {

  right: 0;

}

.media-carousel-section .slider .glider-dots {

  margin-top: 13px;

}

@media (min-width: 1024px) {

  .media-carousel-section .slider .glider-dots {

    margin-top: 22px;

  }

}

.media-carousel-section .slider .glider-dot {

  width: 15px;

  height: 15px;

  background: #fff;

}

.media-carousel-section .slider .glider-dot.active {

  background: #2bb13f;

}

.media-carousel-section .slider-content-wrapper {

  position: relative;

  cursor: pointer;

}

.media-carousel-section .slider-content-wrapper .play-icon {

  position: absolute;

  top: 0;

  bottom: 0;

  display: flex;

  justify-content: center;

  width: 100%;

}



.media-carousel-section.bg-color--tertiary {

  color: #fff;

}

.media-carousel-section.bg-color--tertiary a {

  color: #fff;

}



.media-carousel-modal-wrapper {

  position: fixed;

  top: 0;

  bottom: 0;

  z-index: 9999;

  display: none;

  width: 100%;

  height: 100%;

  padding: 16px;

  background: rgba(0, 0, 0, 0.75);

}

.media-carousel-modal-wrapper.active {

  display: flex;

}

.media-carousel-modal-wrapper__content {

  text-align: right;

}

.media-carousel-modal-wrapper__content .close-modal {

  margin-bottom: 15px;

  padding: 0;

  background: none;

  border: none;

  cursor: pointer;

}

.media-carousel-modal-wrapper__item {

  display: none;

  box-sizing: content-box;

  max-width: 500px;

  max-height: calc(100vh - 64px);

  margin: 0 auto;

  overflow: hidden;

  border: 3px solid #fff;

  border-radius: 8px;

}

@media (min-width: 1024px) {

  .media-carousel-modal-wrapper__item {

    max-width: calc(100% - 16px);

  }

}

.media-carousel-modal-wrapper__item.active {

  display: block;

}

.media-carousel-modal-wrapper__item img {

  border-radius: 8px;

}

.media-carousel-modal-wrapper__item iframe {

  max-width: 960px;

  margin: 0 auto;

}



body.no-scroll {

  overflow: hidden;

}