/* la bombe surprise */
/* ================= */
.widget.image.la_bombe_surprise {
	cursor:pointer;
	overflow:hidden;
}

/* hide while not assigned a mode yet */
.insert:not(.revealed) .widget.image.la_bombe_surprise:not(.blurry):not(.dark):not(.twister):not(.twister-new) {
	display:none;
}

.upfront-editor .insert:not(.revealed) .widget.image.la_bombe_surprise:not(.blurry):not(.dark):not(.twister):not(.twister-new) {
	display:block;
}

.widget.image.la_bombe_surprise img.icon {
	z-index: 1;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width: 7%;
	cursor: pointer;
	border-radius:50%;
	box-shadow:2px 2px 9px rgba(0,0,0,0.2);
}

.insert.revealed .widget.image.la_bombe_surprise:not(.twister):not(.twister-new) {
	cursor:default;
}

.insert.revealed .widget.image.la_bombe_surprise img.icon {
	display:none;
}

/* blurry and dark mode */
.insert:not(.revealed) .widget.image.blurry img:not(.icon),
.insert:not(.revealed) .widget.image.dark img:not(.icon) {
	transition:none;
	-webkit-transition:none;
}
.insert.revealed .widget.image.blurry img:not(.icon),
.insert.revealed .widget.image.dark img:not(.icon) {
	transition:filter 0.5s;
	-webkit-transition:-webkit-filter 0.5s;
}

/* blurry mode */
.insert:not(.revealed) .widget.image.la_bombe_surprise.blurry img:not(.icon) {
	-webkit-filter: blur(3em) saturate(0);
	filter: blur(3em) saturate(0);
}

/* dark mode */
.insert:not(.revealed) .widget.image.la_bombe_surprise.dark img:not(.icon) {
	-webkit-filter: brightness(0.4) contrast(3) saturate(0);
	filter: brightness(0.4) contrast(3) saturate(0);
}

/* twister */
.widget.image.la_bombe_surprise.twister img:not(.icon) {
	position:absolute;
	top:0;
	left:0;
}

.insert.revealed .widget.image.la_bombe_surprise.twister img:not(.icon) {
	transition: transform 0.5s ease-in-out 0s;
	-webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
}

.widget.image.la_bombe_surprise.twister.show_front img:nth-child(1),
.widget.image.la_bombe_surprise.twister.show_back img:nth-child(2) {
	backface-visibility: hidden;
	transform: rotateY(0deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotateY(0deg);
}

.widget.image.la_bombe_surprise.twister.show_back img:nth-child(1),
.widget.image.la_bombe_surprise.twister.show_front img:nth-child(2) {
	backface-visibility: hidden;
	transform: rotateY(-180deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotateY(-180deg);
}


.widget.image.twister-new > .twister_card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
  display: none;
}

.widget.image.twister-new .face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.widget.image.twister-new .face.back,
.widget.image.twister-new > .twister_card.flipped,
.widget.image.twister-new > .twister_card.flipped:hover {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}