/*!
 * @license
 * Copyright 2023-2023 Three.js Aayush Chouhan, Harsh Vandana Sharma
 * License: MIT
 */
:root {
  --mousefollowercolor: #6a4333;
}
body {
  background-color: #fff;
}
.mousefollower {
  background-color: var(--mousefollowercolor);
  border-radius: 50%;
  height: 15px;
  left: -10%;
  mix-blend-mode: exclusion;
  pointer-events: none;
  position: fixed;
  top: -10%;
  transform: translate(-50%, -50%);
  width: 15px;
  z-index: 99999;
}
#behindmouse {
  background-color: #fff;
}
.mask {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.circle {
  align-items: center;
  background-color: #000000e8;
  border-radius: 50%;
  box-sizing: content-box;
  color: #fff;
  display: flex;
  font-family: inherit;
  font-size: 10px;
  justify-content: center;
  left: -10%;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -10%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.parent,
.sheryelem span {
  display: inline-block;
}
#controlKit .panel .group-list .group .sub-group-list .sub-group ul li,
#controlKit .panel .scrollBar {
  background-color: #181c20 !important;
  background-image: none !important;
}
#controlKit .panel .head,
#controlKit .panel .panel-head-inactive,
#controlKit .picker,
#controlKit .picker .head {
  background-color: #292d39 !important;
}
#controlKit .panel .button,
#controlKit .picker .button {
  background-color: #383c4a;
  background-image: none !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #8c92a4;
  font-size: 0.9em !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
#controlKit .picker canvas {
  position: relative;
}
#controlKit .panel .button:hover {
  background-color: #007bff !important;
  color: #fff !important;
}
#controlKit .panel .button:active {
  background-color: #292d39 !important;
  color: #fff !important;
}
#controlKit
  .panel
  .group-list
  .group
  .sub-group-list
  .sub-group
  .head
  .wrap
  .label,
#controlKit
  .panel
  .group-list
  .group
  .sub-group-list
  .sub-group
  .head-inactive
  .wrap
  .label,
#controlKit .panel .head .label,
#controlKit .picker .head .label {
  color: #8c92a4 !important;
  font-size: 0.8em !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
#controlKit .panel .scrollBar .track .thumb {
  background-color: #383c4a !important;
  box-shadow: none !important;
}
#controlKit .panel .group-list .group .sub-group-list .sub-group .head-inactive,
#controlKit .panel .select,
#controlKit .panel .select-active {
  background: #292d39 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #8c92a4 !important;
  text-align: center !important;
  text-shadow: none !important;
}
#controlKit .options,
#controlKit .options ul,
#controlKit .options ul li,
#controlKit .panel {
  background-color: #fff;
  border-radius: 7px !important;
  color: #000;
  text-align: center !important;
  text-shadow: none !important;
}
ul.sub-group-list {
  margin-top: 5px !important;
}
#controlKit .options ul .li-selected,
#controlKit .options ul li:hover,
#controlKit .panel .slider-handle {
  background: #007bff !important;
}
#controlKit .panel .group-list .group .sub-group-list .sub-group .wrap .label {
  width: auto !important;
}
#controlKit {
  position: fixed !important;
  z-index: 1000000000000000000;
}
#controlKit .panel .menu input[type="button"],
#controlKit .panel .menu input[type="button"]:hover,
#controlKit .panel .menu-active input[type="button"],
#controlKit .picker .menu input[type="button"] {
  background-color: #00000000;
  box-shadow: none !important;
}
.hovercircle {
  display: inline-block;
  position: relative;
  z-index: 5;
}
.hovercircle:hover {
  color: #000;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.movercirc {
  border-radius: 50%;
  height: 0;
  left: 0;
  max-height: 250px;
  max-width: 250px;
  mix-blend-mode: exclusion;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 15;
}
.movercirc img {
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.movercirc.blend {
  filter: invert(1);
  mix-blend-mode: exclusion;
}
.just-a-white-blend-screen {
  background: #fff;
}
.movercirc video {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.3);
}
._canvas_container {
  height: 100vh;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -9996999;
}