.reveal {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  border: 1px #ebcb8b solid;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
  border-radius: 4px;
  cursor: col-resize;
  max-width: 100%;
  margin: 0 auto;
  min-height:200px;
}
@media (min-width: 960px) {
  .reveal {
    max-width: 80%;
  }
  }

.reveal:not(.reveal-loaded) * {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.reveal:not(.reveal-loaded) *:nth-child(2) {
	display: none;
}

.reveal-img {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 2px;
	border-radius: 4px;
}

.reveal-img:nth-child(2) {
	position: absolute;
}

.reveal-bar {
	position: absolute;
	top: 0;
	width: 2px;
	height: 100%;
	background: #ebcb8b;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	opacity: 1.0;
	cursor: ew-resize;
	touch-action: none;
	margin: auto;
	left: 44px;
}

.reveal-grabber {
	position: relative;
	top: 50%;
	width: 44px;
	height: 44px;
	/*border-radius: 25px;*/
	background: #ebcb8b;
	left: -21px;
	border: 2px solid #ebcb8b;
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	overflow: hidden;
  transform: rotate(45deg);
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 0%, rgba(235, 203, 139, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);
}
/*.reveal-grabber::after {
background: #f00;
height:60px;
border-radius: 30px;
}*/

.reveal-arrows {
/*
	position: relative;
	top: 8px;
	font-size: 36px;
	color: #ebcb8b;
	text-align: center;
  transform: rotate(-45deg);
  padding-left: 5px;
  */
position: relative;
top: 10px;
font-size: 36px;
color: #ebcb8b;
text-align: center;
padding-left: 5px;
background: #ebcb8b;
left: 10px;
width: 20px;
height: 20px;
}

.reveal-barContainer {
	position: absolute;
	top: 0;
	width: 90px;
	height: 100%;

	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	opacity: 1.0;
	cursor: ew-resize;
	touch-action: none;
}




.icv__label{
    position:absolute;
    bottom:0.5rem;
    z-index:12;
    background:rgba(0,0,0,0.33);
    color:white;
    border-radius:3px;
    padding:0.25rem 0.5rem;
    font-size:0.65rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    opacity: 0.5;
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

.icv__label-before{
    left:0.5rem
}
.icv__label-after{
    right:0.5rem
}

/*@media (prefers-color-scheme: dark) {
  .reveal {border: 1px #8c795b solid;}
}*/