/* [project]/components/common.module.css [app-client] (css) */
.common-module__n_nFqG__gridLineHorizontal {
  --background: #fff;
  --color: #0003;
  --height: 1px;
  --width: 5px;
  --fade-stop: 90%;
  --offset: -100px;
  width: calc(100% + var(--offset));
  height: var(--height);
  left: calc(var(--offset) / 2 * -1);
  background: linear-gradient(to right, var(--color), var(--color) 50%, transparent 0, transparent);
  background-size: var(--width) var(--height);
  -webkit-mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask-composite: exclude;
  z-index: 20;
  position: absolute;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.common-module__n_nFqG__gridLineHorizontalDark {
  --background: #fff;
  --color: #fff3;
  --height: 1px;
  --width: 5px;
  --fade-stop: 90%;
  --offset: -100px;
  width: calc(100% + var(--offset));
  height: var(--height);
  left: calc(var(--offset) / 2 * -1);
  background: linear-gradient(to right, var(--color), var(--color) 50%, transparent 0, transparent);
  background-size: var(--width) var(--height);
  -webkit-mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask-composite: exclude;
  z-index: 20;
  position: absolute;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.common-module__n_nFqG__gridLineVertical {
  --background: #fff;
  --color: #0003;
  --height: 5px;
  --width: 1px;
  --fade-stop: 90%;
  --offset: -100px;
  height: calc(100% + var(--offset));
  width: var(--width);
  top: calc(var(--offset) / 2 * -1);
  background: linear-gradient(to bottom, var(--color), var(--color) 50%, transparent 0, transparent);
  background-size: var(--width) var(--height);
  -webkit-mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask-composite: exclude;
  z-index: 20;
  position: absolute;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.common-module__n_nFqG__gridLineVerticalDark {
  --background: #fff;
  --color: #fff3;
  --height: 5px;
  --width: 1px;
  --fade-stop: 90%;
  --offset: -100px;
  height: calc(100% + var(--offset));
  width: var(--width);
  top: calc(var(--offset) / 2 * -1);
  background: linear-gradient(to bottom, var(--color), var(--color) 50%, transparent 0, transparent);
  background-size: var(--width) var(--height);
  -webkit-mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black);
  -webkit-mask-composite: exclude;
  z-index: 20;
  position: absolute;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/*# sourceMappingURL=components_common_module_d4277756.css.map*/