.vertical-lines-wrapper {
	height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
	z-index: -1;
}

.vertical-lines-grid {
	display: grid;
	grid-template: 1fr / repeat(4, 1fr);
	background: linear-gradient(180deg, rgb(255 250 237 / 2%), rgb(0 1 7 / 32%) 80%);	
	max-width: var(--vertical-line-max-width);
	margin: 0 auto;
	height: 100%;
	min-height 100vh;
	position: relative;
}

.vertical-lines {
	background: linear-gradient(180deg, rgb(255 250 237 / 8%) 80%, rgb(0 1 7 / 8%));
	width: 1px;
}

.theme-white {
	& .vertical-lines-grid {
		background: transparent;
	}
	& .vertical-lines {
		background: linear-gradient(180deg, rgb(0 1 7 / 6%) 80%, rgb(0 1 7 / 2%));
	}	
}

.vertical-lines:last-of-type {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}