/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/view.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/
.juz-dualview {
  display: grid;
}
.juz-dualview > * {
  grid-area: 1/1;
}
.juz-dualview:hover > .juz-dualview__range[type=range], .juz-dualview:focus-within > .juz-dualview__range[type=range] {
  opacity: 1;
}
.juz-dualview :where(figure) {
  margin-block-end: 0;
}
.juz-dualview input:is(.juz-dualview__range[type=range]) {
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  opacity: 0.5;
  cursor: pointer;
  border-radius: 0;
  border: none;
  padding: 0;
  transition: opacity 0.2s ease-out;
  position: relative;
  overflow: hidden;
}
.juz-dualview input:is(.juz-dualview__range[type=range]):before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  right: var(--pos--juz-dualview, 50%);
  transform: translate(50%, -50%);
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDgwIDcyIiB3aWR0aD0iODAiIGhlaWdodD0iNzIiPgogICAgPHRpdGxlPkp1WiBEdWFsVmlldyBzbGlkZXI8L3RpdGxlPgogICAgPGcgc3R5bGU9Im1peC1ibGVuZC1tb2RlOmRpZmZlcmVuY2UiPgogICAgICAgIDxwYXRoIGNsYXNzPSJzMCIgZmlsbD0iIzAwMDAwMCIKICAgICAgICAgICAgICBkPSJtNTIuMiAyMi4xcS0wLjMgMC4zLTAuNCAwLjctMC4yIDAuNS0wLjIgMC45IDAgMC41IDAuMiAwLjkgMC4xIDAuNCAwLjQgMC43bDExLjQgMTEuNC0xMS40IDExLjNjLTAuNCAwLjQtMC42IDEtMC42IDEuNiAwIDAuNiAwLjMgMS4yIDAuNyAxLjYgMC40IDAuNSAxIDAuNyAxLjYgMC43IDAuNiAwIDEuMi0wLjIgMS42LTAuNmwxMi45LTEzcTAuNC0wLjMgMC41LTAuNyAwLjItMC41IDAuMi0wLjkgMC0wLjUtMC4yLTAuOS0wLjEtMC40LTAuNS0wLjdsLTEyLjktMTNxLTAuMy0wLjMtMC44LTAuNS0wLjQtMC4yLTAuOC0wLjItMC41IDAtMC45IDAuMi0wLjQgMC4yLTAuOCAwLjV6Ii8+CiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iczEiIGZpbGw9IiMwMjAyMDIiCiAgICAgICAgICAgICAgZD0ibTguNCA3YzcuNC0wLjEgMTQuNi0wLjIgMjEuOC0wLjIgMiAwIDMuMSAxLjQgMy4xIDMuNCAwIDEuOSAwIDMuOCAwIDUuN3EwIDIyLjQgMCA0NC43YzAgNC4xLTAuOCA0LjgtNC45IDQuOC01LjggMC0xMS41IDAuMS0xNy4zIDAtNi4zIDAtMTAuNC00LTEwLjQtMTAuM3EwLTE5LjEgMC0zOC4xIDAuMS03LjYgNy43LTEwem0zOC41IDUzLjVjMS4zLTAuNiAyLjUtMS40IDMuNy0xLjQgNS45LTAuMiAxMS44LTAuMSAxNy42LTAuMSAzLjIgMCA0LjQtMS4xIDQuNC00LjJxMC0xOC43IDAtMzcuNGMwLTMtMS4yLTQuMS00LjItNC4yLTYgMC0xMS45IDAtMTcuOSAwLTIuNyAwLTQuMS0xLjItNC0zLjMgMC0yIDEuNC0zLjEgMy45LTMuMSA2LjIgMCAxMi40IDAgMTguNiAwIDYgMCAxMCAyLjUgMTAgOS44cTAgMTkuNiAwIDM5LjFjMCA2LjctMi44IDkuNy05LjcgOS43LTYuMyAwLTEyLjcgMC4xLTE5IDAtMy4xIDAtNC4zLTEuNy0zLjQtNC45em0tMy44LTQ1LjJjMCAxNy40IDAgMzQuNiAwIDUxLjcgMCAwLjggMC4xIDEuNS0wLjEgMi4zLTAuMyAxLjYtMS4zIDIuNi0zIDIuNi0xLjcgMC4xLTIuOS0wLjgtMy4zLTIuNi0wLjEtMC41IDAtMS4xIDAtMS42cTAtMzEuNiAwLTYzLjItMC4xLTAuNCAwLTAuOWMwLjEtMi4xIDEuNC0zLjQgMy4zLTMuMyAxLjcgMCAzIDEuMyAzLjEgMy4zIDAgMy44IDAgNy43IDAgMTEuN3ptLTE4LjcgMzUuOXEwLjQtMC4zIDAuNS0wLjcgMC4yLTAuNCAwLjItMC45IDAtMC40LTAuMi0wLjktMC4xLTAuNC0wLjUtMC43bC0xMS4zLTExLjQgMTEuMy0xMS4zYzAuNS0wLjQgMC43LTEgMC43LTEuNiAwLTAuNi0wLjMtMS4yLTAuNy0xLjYtMC40LTAuNC0xLTAuNy0xLjYtMC43LTAuNiAwLTEuMiAwLjMtMS42IDAuN2wtMTMgMTIuOXEtMC4zIDAuNC0wLjQgMC44LTAuMiAwLjQtMC4yIDAuOCAwIDAuNSAwLjIgMC45IDAuMSAwLjQgMC40IDAuOGwxMyAxMi45cTAuMyAwLjQgMC44IDAuNSAwLjQgMC4yIDAuOCAwLjIgMC41IDAgMC45LTAuMiAwLjQtMC4xIDAuNy0wLjV6Ii8+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px;
  z-index: -1;
}
.juz-dualview input:is(.juz-dualview__range[type=range])::-ms-thumb {
  appearance: none;
  inline-size: 4px;
  block-size: 100%;
  background-color: #000;
}
.juz-dualview input:is(.juz-dualview__range[type=range])::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  inline-size: 4px;
  block-size: 100%;
  background-color: #000;
}
.juz-dualview input:is(.juz-dualview__range[type=range])::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  inline-size: 4px;
  block-size: 100%;
  background-color: #000;
}
.juz-dualview > .juz-dualview__before {
  -webkit-mask: linear-gradient(to right, #000 0, var(--pos--juz-dualview, 50%), transparent 0);
          mask: linear-gradient(to right, #000 0, var(--pos--juz-dualview, 50%), transparent 0);
}
.juz-dualview > .juz-dualview__after {
  -webkit-mask: linear-gradient(to right, transparent 0, var(--pos--juz-dualview, 50%), #000 0);
          mask: linear-gradient(to right, transparent 0, var(--pos--juz-dualview, 50%), #000 0);
}
.juz-dualview__description-text {
  margin-block: 0;
}
.juz-dualview__toolbar:not(:focus-within) {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.juz-dualview__toolbar-description {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}