.slider2{ position: relative;transition-property: margin-top; transition-duration: 0.3s;}

.slider2 .maskSlider{padding-bottom: inherit;position: relative; height: inherit;}

.slider2 .slides > input{display: none;}
/*default (fade)*/
.slider2 .slides > div{ opacity:0;transition-property: opacity; transition-duration: 0.5s; position: absolute !important;top: 0;left: 0; width: 100%;height: 100%}
.slider2 .slides > input:checked + div {
  opacity: 1;
  z-index: 3;
}

/*swipe*/
.slider2.shapeChange[data-shape="1"] .slides {display: flex;width: 100%;height: 100%; position: absolute;top:0; left: 0;
  overflow-x: auto;  overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
.slider2.shapeChange[data-shape="1"] .slides::-webkit-scrollbar {width: 10px; height: 5px;}
.slider2.shapeChange[data-shape="1"] .slides::-webkit-scrollbar-thumb {background: transparent;border-radius: 10px;}
.slider2.shapeChange[data-shape="1"] .slides::-webkit-scrollbar-track {background: transparent;}
.slider2.shapeChange[data-shape="1"] .slides > div { opacity: 1;
  scroll-snap-align: start;flex-shrink: 0;width: 100%;height: 100%;background: #eee;padding-bottom: 0;margin-right: 2rem;position: relative !important;}

.slider2.shapeChange[data-shape="1"] .slides > div:last-child{ margin-right: 0;}


/*swipe Hauteur*/
.slider2.shapeChange[data-shape="2"] .slides {display: flex; flex-direction: column;width: 100%;height: 100%; position: absolute;top:0; left: 0;
  overflow-y: auto;  overflow-x: hidden;scroll-snap-type: y mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
.slider2.shapeChange[data-shape="2"] .slides::-webkit-scrollbar {width: 10px; height: 5px;}
.slider2.shapeChange[data-shape="2"] .slides::-webkit-scrollbar-thumb {background: transparent;border-radius: 10px;}
.slider2.shapeChange[data-shape="2"] .slides::-webkit-scrollbar-track {background: transparent;}
.slider2.shapeChange[data-shape="2"] .slides > div { opacity: 1;
  scroll-snap-align: start;flex-shrink: 0;width: 100%;height: 100%;background: #eee;padding-bottom: 0;margin-bottom: 2rem;position: relative !important;}

.slider2.shapeChange[data-shape="2"] .slides > div:last-child{ margin-bottom: 0;}

/*forme*/
.slider2.shapeChange[data-shape="3"] .slides> div{clip-path:circle(0);opacity:1;transition-property: clip-path; transition-duration: 1s; position: absolute;top: 0;left: 0; width: 100%;height: 100%}
.slider2.shapeChange[data-shape="3"] .slides> input:checked + div{clip-path:circle(300%);}


.slider2 .pages{position: absolute;bottom: 0.5rem;left: 0;width: 100%;z-index: 4;text-align: center;}
.slider2 .pages label { transition-property:opacity, width, height; transition-duration:0.3s;cursor:pointer; box-shadow:0 0 5px rgba(0,0,0,0.2);display: inline-block;width: 0.8rem;height: 0.8rem;background: #FFF; opacity:0.7;text-decoration: none;align-items: center;justify-content: center;border-radius: 50%;margin-left: 0.25rem;margin-right: 0.25rem; border: 1px solid rgba(0,0,0,0.2); }
.slider2 .pages label.currentSlide{opacity:1; width: 1rem;height: 1rem}

.slider2 .pages[data-shape="1"] label{width:10%; max-width:150px; height: 0.5rem; border-radius: 0.5rem;}
.slider2 .pages[data-shape="1"] label.currentSlide{width:10%;height: 0.7rem}

.slider2 .pages[data-shape="2"]{ display:flex; flex; justify-content: middle}
.slider2 .pages[data-shape="2"] label{height: 0.35rem; flex-grow: 1;flex-shrink: 0;margin-left: 0.5rem;margin-right: 0.5rem;border-radius: 0}
.slider2 .pages[data-shape="2"] label.currentSlide{height: 0.5rem;}

.slider2 .pages[data-shape="3"] label{display: none;}


.slider2 .nav{position: absolute; top:50%;left: 0; transform: translateY(-50%); height: 20%; width: 100%; z-index: 99;pointer-events: none}
.slider2 .nav .bg_choice{ cursor: pointer; min-height: 0 !important;position: absolute;width: 10%;height: 100%; top: 0;pointer-events: auto}

.slider2 .nav .bg_choice.next{right:0 }
.slider2 .nav .bg_choice.prev{left: 0;}

.slider2 .nav .bg_choice.next >*{ mask-image:url("_img/n.svg"); -webkit-mask-image:url("_img/n.svg");}
.slider2 .nav .bg_choice.prev >*{ mask-image:url("_img/p.svg"); -webkit-mask-image:url("_img/p.svg"); }


.slider2 .nav .bg_choice[style*="#000"],
.slider2 .nav .bg_choice[style*="rgb(000,"]{filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));}

.slider2 .nav .bg_choice[style*="#FFF"],
.slider2 .nav .bg_choice[style*="rgb(255,"]{filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.8));}

.slider2 .nav .bg_choice >*{mask-size: 20% auto;mask-repeat: no-repeat;mask-position: center center; -webkit-mask-size: 20% auto;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;}

.slider2 .nav[data-shape="1"] .bg_choice.next >*{ mask-image:url("_img/n1.svg"); -webkit-mask-image:url("_img/n1.svg");}
.slider2 .nav[data-shape="1"] .bg_choice.prev >*{ mask-image:url("_img/p1.svg"); -webkit-mask-image:url("_img/p1.svg");}
.slider2 .nav[data-shape="2"] .bg_choice.next >*{ mask-image:url("_img/n2.svg"); -webkit-mask-image:url("_img/n2.svg");}
.slider2 .nav[data-shape="2"] .bg_choice.prev >*{ mask-image:url("_img/p2.svg"); -webkit-mask-image:url("_img/p2.svg");}

.slider2 .nav[data-shape="3"] .bg_choice{display: none;}
/*
.editableZone .slider2:hover{margin-top: 1rem; outline: 2px solid rgb(255,111,64)}
.editableZone .slider2:hover>i{display: block;z-index: 5; color: rgb(255,111,64)}
*/
.slider2 .bloc1.slide{max-width:none; margin-top: 0;margin-bottom: 0;}
.editableZone .slider2 .slides i{margin-top: 30px}
body .editableZone .slider2>.PadTopHeight>.ui-resizable-s{z-index: 99 !important}
/* Don't need button navigation */
@supports (scroll-snap-type) {
  .slider > label {display: none;}
}

body.disabledScroll{
  overflow-anchor:none;
}
.slider2 .sliderDelay{position: absolute; top: -11px; right: 25%; text-shadow: 1px 1px #FFF, -1px -1px #FFF, -1px 1px #FFF, 1px -1px #FFF;display: none;}
.editableZone .slider2.hover .sliderDelay{display: block;}