/* Default theme imported */
/*	Icon Colors */
/* Loading theme in configuration */
/* Themes of components */
/* Loading custom themes */
/* import theme overrides */
/* Default theme imported */
/* Loading theme in configuration */
/* rtl files loading */
/* Loading final tweaks to your variables */
.lyteCropArea,
.displayImage,
.lyteCropBox {
  position: relative;
}
.lyteCropArea {
  background: #eee;
  direction: ltr;
}
.lyteCropBox {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.displayArea,
.displayImageDiv {
  position: absolute;
}
.lyteCropFixedImage {
  position: absolute;
  transform: rotate(0deg);
  left: 0;
  top: 0;
}
.lyteCropFixedDiv {
  height: 100%;
}
.lyteCropTopLeftCorner,
.lyteCropTopRightCorner,
.lyteCropBottomRightCorner,
.lyteCropBottomLeftCorner {
  width: 10px;
  height: 10px;
  background: #fff;
  z-index: 16;
  position: absolute;
}
.lyteCropTopLeftCorner {
  top: -5px;
  left: -5px;
  cursor: nwse-resize;
}
.lyteCropTopRightCorner {
  top: -5px;
  right: -5px;
  cursor: nesw-resize;
}
.lyteCropBottomRightCorner {
  bottom: -5px;
  right: -5px;
  cursor: nwse-resize;
}
.lyteCropBottomLeftCorner {
  bottom: -5px;
  left: -5px;
  cursor: nesw-resize;
}
.lyteCropTopEdge,
.lyteCropBottomEdge,
.lyteCropRightEdge,
.lyteCropLeftEdge {
  position: absolute;
  z-index: 15;
  display: flex;
}
.lyteCropTopEdge,
.lyteCropBottomEdge {
  left: 0;
  right: 0;
  height: 10px;
  justify-content: center;
  cursor: ns-resize;
}
.lyteCropRightEdge,
.lyteCropLeftEdge {
  top: 0;
  bottom: 0;
  width: 10px;
  align-items: center;
  cursor: ew-resize;
}
.lyteCropTopEdge {
  top: -5px;
}
.lyteCropBottomEdge {
  bottom: -5px;
}
.lyteCropRightEdge {
  right: -5px;
}
.lyteCropLeftEdge {
  left: -5px;
}
.lyteCropRightSpan,
.lyteCropLeftSpan,
.lyteCropBottomSpan,
.lyteCropTopSpan {
  width: 10px;
  height: 10px;
  background: #fff;
  pointer-events: none;
}
.lyteCropDivImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.lyteCropDivImageImg {
  position: absolute;
  z-index: 10;
}
.lyteCropCropper {
  background: rgba(255, 255, 255, 0.3);
  cursor: move;
  position: absolute;
  top: 0;
  left: 0;
}
.lyteCropperInfoBox {
  position: absolute;
  z-index: 100;
}
.lyteCropOpacityDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #333;
  opacity: 0.9;
  transition: opacity 0.1s ease;
}
.lytecropVerGrid1,
.lytecropVerGrid2,
.lytecropHorGrid1,
.lytecropHorGrid2 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  z-index: 12;
  transition: opacity 0.3s ease;
}
.lytecropVerGrid1,
.lytecropVerGrid2 {
  border-right: 1px dashed #ccc;
  top: 0;
  bottom: 0;
}
.lytecropHorGrid1,
.lytecropHorGrid2 {
  border-top: 1px dashed #ccc;
  right: 0;
  left: 0;
}
.lytecropVerGrid1 {
  right: 33%;
}
.lytecropVerGrid2 {
  right: 66%;
}
.lytecropHorGrid1 {
  top: 33%;
}
.lytecropHorGrid2 {
  top: 66%;
}
.lytePSParent {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.lytePSBackImage,
.lytePSFrontImage {
  position: absolute;
  pointer-events: none;
}
.lytePSFreezeLayer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #333;
  opacity: 0.5;
}
.lytePSvisualArea {
  position: absolute;
  overflow: hidden;
  border-radius: 10px;
}
/* import theme overrides - styles */