@import "assets/fonts/inter.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  font-family: "Inter", sans-serif;
}

.wb-title {
  font-family: "Inter", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.advanced-cropper-stencil-overlay {
  color: #00000080 !important;
}

/* use dark mode */
html,
.wb-body {
  background-color: #000000 !important;
  background: #000000 !important;
}

.viewer-footer {
  bottom: 20px !important;
}

/* Hide fullscreen*/
.viewer-fullscreen {
  display: none !important;
}

/* Button style */
.viewer-toolbar > ul > li {
  border-radius: 14px !important;
  margin: 0 3px !important;
}

/* Viewer Toolbar buttons size */
.viewer-toolbar > ul > .viewer-large {
  width: 40px !important;
  height: 40px !important;
}

/* icons inside button */
.viewer-toolbar > ul > .viewer-large:before {
  margin: 10px !important;
}

.viewer-zoom-in {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M480 224H288V32c0-17.673-14.327-32-32-32s-32 14.327-32 32v192H32c-17.673 0-32 14.327-32 32s14.327 32 32 32h192v192c0 17.673 14.327 32 32 32s32-14.327 32-32V288h192c17.673 0 32-14.327 32-32s-14.327-32-32-32z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-zoom-out {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M480 288H32c-17.673 0-32-14.327-32-32s14.327-32 32-32h448c17.673 0 32 14.327 32 32s-14.327 32-32 32z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-crop {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-crop'%3E%3Cpath d='M6.13 1L6 16a2 2 0 0 0 2 2h15'%3E%3C/path%3E%3Cpath d='M1 6.13L16 6a2 2 0 0 1 2 2v15'%3E%3C/path%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg fill='%23fff'%3E%3Cpath d='M188.821 377.6c37.49 37.491 98.274 37.491 135.765.001l.001-.001 68.523-68.523c12.712-12.278 13.064-32.536.786-45.248s-32.536-13.064-45.248-.786q-.4.386-.786.786l-59.371 59.349L288 32c0-17.673-14.327-32-32-32s-32 14.327-32 32l.448 290.709-58.901-58.901c-12.712-12.278-32.97-11.926-45.248.786-11.977 12.401-11.977 32.061 0 44.462z' data-original='%23000000'/%3E%3Cpath d='M480 309.333c-17.673 0-32 14.327-32 32v97.941a8.746 8.746 0 0 1-8.725 8.725H72.725A8.746 8.746 0 0 1 64 439.274v-97.941c0-17.673-14.327-32-32-32s-32 14.327-32 32v97.941C.047 479.42 32.58 511.953 72.725 512h366.549c40.146-.047 72.678-32.58 72.725-72.725v-97.941C512 323.66 497.673 309.333 480 309.333' data-original='%23000000'/%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-colorpicker {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='20' height='20' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m21.251 3.827a4.263 4.263 0 0 0 -6.5-.59 4.292 4.292 0 0 0 -.97 1.52 6.24 6.24 0 0 1 -1.39 2.37l-.26-.26a1 1 0 0 0 -1.41 0 1.008 1.008 0 0 0 0 1.42l.26.26-7.538 7.532a4.925 4.925 0 0 0 -1.19 5.041 1.035 1.035 0 0 0 .63.63 5.048 5.048 0 0 0 1.57.25 4.9 4.9 0 0 0 3.47-1.44l7.539-7.541.26.26a.97.97 0 0 0 .7.3 1.005 1.005 0 0 0 .71-1.71l-.26-.26.22-.22a4.754 4.754 0 0 1 1.97-1.1 4.232 4.232 0 0 0 2.18-1.61 4.28 4.28 0 0 0 .009-4.852zm-14.751 15.322a2.86 2.86 0 0 1 -2.47.82 2.891 2.891 0 0 1 .82-2.47l7.539-7.541 1.65 1.65z' fill='%23ffffff' data-original='%23000000' style='' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-details {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M12 8c-1.1 0-2-.9-2-2V3H5.5A2.5 2.5 0 0 0 3 5.5v11A2.5 2.5 0 0 0 5.5 19h2c.83 0 1.5.67 1.5 1.5S8.33 22 7.5 22h-2A5.51 5.51 0 0 1 0 16.5v-11C0 2.47 2.47 0 5.5 0h4.76c1.18 0 2.34.48 3.18 1.32l3.24 3.24c.75.75 1.22 1.76 1.3 2.82.07.83-.55 1.55-1.37 1.62h-.12c-.64 0-1.2-.41-1.41-1H12Zm12 9.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0Zm-5 1c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v1c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-1Zm0-4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5Z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-about {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M12 24A12 12 0 1 0 0 12a12.013 12.013 0 0 0 12 12Zm0-19a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 12 5Zm-1 5h1a2 2 0 0 1 2 2v6a1 1 0 0 1-2 0v-6h-1a1 1 0 0 1 0-2Z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-paint {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M18.313 9.396 3.71 24H0v-3.71L14.604 5.687l3.71 3.71ZM23.232.768a2.624 2.624 0 0 0-3.71 0l-3.504 3.504 3.71 3.71 3.504-3.504a2.624 2.624 0 0 0 0-3.71ZM6.667 10.795l3.71-3.71L4.478.768a2.624 2.624 0 0 0-3.71 3.71l5.899 6.317Zm16.977 11.798c-.717-2.836-2.519-7.592-6.54-7.592-2.263 0-4.104 2.019-4.104 4.5 0 2.535 2.511 4.5 4.671 4.5H24l-.356-1.408Z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}


.viewer-play {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-maximize'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'%3E%3C/path%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-help {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-help-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-print {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-printer'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'%3E%3C/polyline%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'%3E%3C/path%3E%3Crect x='6' y='14' width='12' height='8'%3E%3C/rect%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-theme {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-sun'%3E%3Ccircle cx='12' cy='12' r='5'%3E%3C/circle%3E%3Cline x1='12' y1='1' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3E%3C/line%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3E%3C/line%3E%3Cline x1='1' y1='12' x2='3' y2='12'%3E%3C/line%3E%3Cline x1='21' y1='12' x2='23' y2='12'%3E%3C/line%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3E%3C/line%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3E%3C/line%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-exit {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-power'%3E%3Cpath d='M18.36 6.64a9 9 0 1 1-12.73 0'%3E%3C/path%3E%3Cline x1='12' y1='2' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-upload {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-ocr {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath style='stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1' d='M13.547 0H16v2.453h-2.453ZM0 0h2.453v2.453H0ZM13.547 13.547H16V16h-2.453Zm0 0'/%3E%3Cpath style='stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1' d='M12.902 3.098V1.23H3.098v1.868H1.23v9.804h1.868v1.868h9.804v-1.868h1.868V3.098Zm-1.59 1.945H8.727v7.238h-1.45V5.043h-2.59v-1.32h6.63Zm0 0'/%3E%3Cpath style='stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1' d='M0 13.547h2.453V16H0Zm0 0'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-photopea {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23ffffff' stroke='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M3.9,0h16.2C22.3,0,24,1.7,24,3.9v16.2c0,2.2-1.7,3.9-3.9,3.9H6.4l0-10.3h0c0,0,0,0,0-0.1 c0-3.9,3.1-7.1,7-7.1c2.3,0,4.2,1.9,4.2,4.3S15.6,15,13.3,15c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4-0.6,1.4-1.4 c0-0.8-0.6-1.4-1.4-1.4c-2.3,0-4.2,1.9-4.2,4.3s1.9,4.3,4.2,4.3c3.9,0,7-3.2,7-7.1s-3.1-7.1-7-7.1c-5.4,0-9.8,4.4-9.8,9.9 c0,0,0,0.1,0,0.1h0l0,10.3c-2-0.2-3.6-1.8-3.6-3.9V3.9C0,1.7,1.7,0,3.9,0L3.9,0z'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-fit-to-screen {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImJpIGJpLWFycm93cy1mdWxsc2NyZWVuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuODI4IDEwLjE3MmEuNS41IDAgMCAwLS43MDcgMGwtNC4wOTYgNC4wOTZWMTEuNWEuNS41IDAgMCAwLTEgMHYzLjk3NWEuNS41IDAgMCAwIC41LjVINC41YS41LjUgMCAwIDAgMC0xSDEuNzMybDQuMDk2LTQuMDk2YS41LjUgMCAwIDAgMC0uNzA3em00LjM0NCAwYS41LjUgMCAwIDEgLjcwNyAwbDQuMDk2IDQuMDk2VjExLjVhLjUuNSAwIDEgMSAxIDB2My45NzVhLjUuNSAwIDAgMS0uNS41SDExLjVhLjUuNSAwIDAgMSAwLTFoMi43NjhsLTQuMDk2LTQuMDk2YS41LjUgMCAwIDEgMC0uNzA3em0wLTQuMzQ0YS41LjUgMCAwIDAgLjcwNyAwbDQuMDk2LTQuMDk2VjQuNWEuNS41IDAgMSAwIDEgMFYuNTI1YS41LjUgMCAwIDAtLjUtLjVIMTEuNWEuNS41IDAgMCAwIDAgMWgyLjc2OGwtNC4wOTYgNC4wOTZhLjUuNSAwIDAgMCAwIC43MDd6bS00LjM0NCAwYS41LjUgMCAwIDEtLjcwNyAwTDEuMDI1IDEuNzMyVjQuNWEuNS41IDAgMCAxLTEgMFYuNTI1YS41LjUgMCAwIDEgLjUtLjVINC41YS41LjUgMCAwIDEgMCAxSDEuNzMybDQuMDk2IDQuMDk2YS41LjUgMCAwIDEgMCAuNzA3eiIvPgo8L3N2Zz4=");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-settings {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-settings'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-tineye {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-qr {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M3.5 21H7v3H3.5C1.57 24 0 22.43 0 20.5V17h3v3.5a.5.5 0 0 0 .5.5m17.5-.5a.5.5 0 0 1-.5.5H17v3h3.5c1.93 0 3.5-1.57 3.5-3.5V17h-3zM20.5 0H17v3h3.5a.5.5 0 0 1 .5.5V7h3V3.5C24 1.57 22.43 0 20.5 0M3 3.5a.5.5 0 0 1 .5-.5H7V0H3.5C1.57 0 0 1.57 0 3.5V7h3zM5 11h6V5H5zm14-6h-6v6h6zM5 19h6v-6H5zm14-6h-3v3h3zm-6 6h3v-3h-3z' fill='%23fff' data-original='%23000000'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-more {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-more-horizontal'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-rotate-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M12 0a11.936 11.936 0 0 0-8 3.078V1a1 1 0 1 0-2 0v4c0 1.103.897 2 2 2h4a1 1 0 1 0 0-2H4.87A9.953 9.953 0 0 1 12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10c-5.21 0-9.492-3.908-9.959-9.09a1 1 0 0 0-1.992.18C.61 19.31 5.748 24 12 24c6.617 0 12-5.383 12-12S18.617 0 12 0Z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-rotate-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M21.962 12.875A10.03 10.03 0 1 1 19.122 5H16a1 1 0 0 0-1 1 1 1 0 0 0 1 1h4.143A1.858 1.858 0 0 0 22 5.143V1a1 1 0 0 0-1-1 1 1 0 0 0-1 1v2.078A11.985 11.985 0 1 0 23.95 13.1a1.007 1.007 0 0 0-1-1.1.982.982 0 0 0-.988.875Z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-flip-vertical {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M23 13H1c-.55 0-1-.45-1-1s.45-1 1-1h22c.55 0 1 .45 1 1s-.45 1-1 1Zm-9.31-4.75 4.81-5.11c.51-.56.64-1.33.33-2.02S17.87 0 17.11 0H6.88c-.75 0-1.41.43-1.72 1.12s-.18 1.46.34 2.03l4.79 5.08c.44.49 1.06.76 1.71.76s1.27-.28 1.69-.75Zm5.15 14.63c.3-.69.18-1.46-.34-2.03l-4.79-5.08c-.87-.97-2.57-.95-3.4-.02L5.5 20.86c-.51.56-.64 1.33-.33 2.02S6.13 24 6.89 24h10.25c.75 0 1.41-.43 1.72-1.12Z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-flip-horizontal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M12 24c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1s1 .45 1 1v22c0 .55-.45 1-1 1Zm-8.85-5.5 5.08-4.79c.49-.43.76-1.06.76-1.71s-.28-1.28-.75-1.69l-5.1-4.82c-.56-.51-1.33-.63-2.02-.33S0 6.12 0 6.88v10.25c0 .75.43 1.41 1.12 1.72a1.87 1.87 0 0 0 2.03-.34Zm19.73.34c.69-.3 1.12-.96 1.12-1.72V6.88c0-.75-.43-1.41-1.12-1.72a1.86 1.86 0 0 0-2.03.34l-5.08 4.79c-.49.44-.76 1.06-.76 1.71s.28 1.27.75 1.69l5.11 4.81a1.847 1.847 0 0 0 2.02.34Z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-crop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M19 14a4.963 4.963 0 0 0-1.895.378l-3.158-3.815 6.708-8.106a1.5 1.5 0 1 0-2.31-1.914L12 8.21 5.656.543a1.5 1.5 0 0 0-2.312 1.914l6.709 8.105L6.9 14.378A5.039 5.039 0 1 0 9.2 16.3l2.8-3.385 2.8 3.385A4.992 4.992 0 1 0 19 14zM5 21a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm14 0a2 2 0 1 1 2-2 2 2 0 0 1-2 2z' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-reset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M4.659 11.858c1.166-.533 1.613-.896 2.432-1.861a1.5 1.5 0 0 0-1.032-2.466C6.9 5.493 8.75 4.677 12.077 4.677c4.155 0 5.896 1.179 6.425 4.352a1.5 1.5 0 0 0 2.959-.493c-1.023-6.148-5.846-6.859-9.384-6.859-1.962 0-7.393 0-9.075 5.572a1.5 1.5 0 0 0-1.84 2.091c.568 1.123.929 1.562 1.933 2.345a1.5 1.5 0 0 0 1.564.174ZM22.838 14.66c-.568-1.123-.929-1.562-1.933-2.345a1.5 1.5 0 0 0-1.564-.174c-1.159.548-1.613.896-2.432 1.861a1.5 1.5 0 0 0 1.032 2.465c-.841 2.039-2.691 2.855-6.019 2.855-4.155 0-5.896-1.179-6.425-4.352a1.5 1.5 0 0 0-2.959.493c1.022 6.148 5.846 6.859 9.384 6.859 1.963 0 7.393 0 9.075-5.572.457.194.962.035 1.18-.075a1.5 1.5 0 0 0 .66-2.016Z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.viewer-annotate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M13.27 7.48 20.077.673a2.299 2.299 0 0 1 3.25 3.25L16.52 10.73A4.33 4.33 0 0 1 13.455 12H12v-1.455c0-1.15.457-2.252 1.27-3.065M8.296 22.126C4.295 19.903 2.001 16.213 2.001 12 2 6.486 6.486 2 12 2c.927 0 1.844.127 2.728.376a1 1 0 0 0 .544-1.924A12 12 0 0 0 12 0C5.383 0 0 5.383 0 12c0 4.96 2.669 9.288 7.324 11.874a1 1 0 0 0 .972-1.748M22.315 8.038a1 1 0 0 0-.69 1.233c.25.885.376 1.803.376 2.729 0 3.309-2.691 6-6 6s-6-2.691-6-6a1 1 0 1 0-2 0c0 4.411 3.589 8 8 8s8-3.589 8-8c0-1.11-.152-2.211-.452-3.271a.995.995 0 0 0-1.234-.69Z' fill='%23fff' data-original='%23000000'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}

.viewer-zoom-in:before,
.viewer-zoom-out:before,
.viewer-reset:before,
.viewer-play:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-flip-vertical:before,
.viewer-flip-horizontal:before,
.viewer-crop:before
 {
  display: none !important;
}

.FIE_canvas-node {
  background-color: #333 !important;
}

.FIE_root {
  border-radius: 0 !important;
}

.FIE_tabs {
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
}

.SfxInput-root {
  background-color: #0e0e0e !important;
  color: #ffffff !important;
}

.FIE_carousel-prev-button,
.FIE_carousel-next-button {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

.FIE_topbar {
  border-bottom: unset !important;
}

.SfxLabel-root {
  color: #ffffff !important;
}

.pickr {
  display: none !important;
}

.winbox {
  border-radius: 12px 12px 0 0;
}

.winbox.min {
  border-radius: 0;
}

.wb-body {
  margin: 4px;
  color: #fff;
  overflow: hidden !important;
}

.wb-title {
  font-size: 13px;
  font-weight: 600;
}

.pcr-app[data-theme="classic"] {
  background-color: #131820 !important;
  font-size: 16px;
}
.pcr-app {
  background-color: #131820 !important;
  color: #fff !important;
}

.FIE_topbar-save-button {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
}

.pcr-app .pcr-interaction .pcr-result {
  color: #f9f9f9 !important;
  background: #020202 !important;
}

.pcr-app .pcr-interaction input {
  color: #e7e7e7 !important;
  background: #000000 !important;
}
.pcr-app .pcr-interaction .pcr-type.active {
  background: #0a6bc5 !important;
}

.FIE_save-modal {
  z-index: 999999 !important;
}

.SfxModal-Wrapper {
    z-index: 20001 !important;
}
.SfxPopper-wrapper {
    z-index: 20002 !important;
}

.json-viewer-container {
  max-height: 500px;
  overflow-y: auto;
}

.json-viewer-container::-webkit-scrollbar {
  width: 12px;
}

.json-viewer-container::-webkit-scrollbar-track {
  background: #2e2e2e;
}

.json-viewer-container::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 10px;
  border: 3px solid #2e2e2e;
}

.json-viewer-container::-webkit-scrollbar-thumb:hover {
  background: #444;
}



.custom-scrollbar::-webkit-scrollbar {
  width: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #2e2e2e;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 10px;
  border: 3px solid #2e2e2e;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #444;
}

