.publication-title {
  font-family: 'Google Sans', sans-serif;
  font-weight: 100;
  color: white;
  /* font-size: 1rem; */
}

.title.is-1 {
  font-size: 2.25rem;
}

.publication-authors {
  font-family: 'Google Sans', sans-serif;
  color: whitesmoke;
}


.subtitle {
  font-size: 1.25rem;
}

.hero-body {
  padding-top: 1.5rem;
  padding-bottom: 0rem;
}

.section h2 {
  font-size: 2rem;
}

.text-bold {
  font-weight: 600;
}

.section {
  padding: 2.25rem 1.5rem;
}

/* Container holding the image and the text */
.img-container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Top left text */
.ply-label {
  color: aliceblue;
  opacity: 1;
  font-size: 15px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
#abstract1,
#abstract2 {
  opacity:0;
}


#container1,
#container2 {

  width: 50vw;
  height: 100vh;
  position: fixed;
  display: inline-block;
  top: 0;
  transition: opacity 0.2s ease;
  /* Smooth opacity transition */
}

#container1 {
  left: 0;
  background: #000000;
  /* Optional background color for visibility */
}

#container2 {
  right: 0;
  background: #000000;
}

.blank-space {
  width: 100vw;
  height: 50vh;
  /* Height of blank area */
  background-color: white;
}

#gradient-overlay-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100vh;
  background: linear-gradient(to left,
      rgba(255, 255, 255, 1) 500px,
      /* Start fully opaque */
      rgba(255, 255, 255, 0) 100%
      /* Center section semi-transparent */
      /* End fully opaque */
    );
  pointer-events: none;
  opacity: 0;
  /* Allows interactions with content below */
}

#gradient-overlay-right {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100vh;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1) 500px,
      /* Start fully opaque */
      rgba(255, 255, 255, 0) 100%
      /* Center section semi-transparent */
      /* End fully opaque */
    );
  pointer-events: none;
  opacity: 0;
  /* Allows interactions with content below */
}

#loading-screen {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #f0f0f0;
  /* Background color for loading screen */
  display: flex;
  font-size: 2.25rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #333;
  z-index: 10;
  font-family: 'Google Sans', sans-serif;
}

/* Additional content for scrolling */
/* Additional content for scrolling */

.loader {
  position: absolute;
  bottom: 20vh;
  left: 45vw;
  width: fit-content;
  font-size: 17px;
  font-family: monospace;
  line-height: 1.4;
  font-weight: bold;
  padding: 30px 2px 50px;
  background: linear-gradient(#000 0 0) 0 0/100% 100% content-box padding-box no-repeat;
  overflow: hidden;
  animation: l10-0 2s infinite cubic-bezier(1, 175, .5, 175);
}

.loader::before {
  content: "Loading";
  display: inline-block;
  animation: l10-2 2s infinite;
}

.loader::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 28px;
  top: 110%;
  left: calc(50% - 16px);
  background:
    linear-gradient(90deg, #0000 12px, #f92033 0 22px, #0000 0 26px, #fdc98d 0 32px, #0000) bottom 26px left 50%,
    linear-gradient(90deg, #0000 10px, #f92033 0 28px, #fdc98d 0 32px, #0000 0) bottom 24px left 50%,
    linear-gradient(90deg, #0000 10px, #643700 0 16px, #fdc98d 0 20px, #000 0 22px, #fdc98d 0 24px, #000 0 26px, #f92033 0 32px, #0000 0) bottom 22px left 50%,
    linear-gradient(90deg, #0000 8px, #643700 0 10px, #fdc98d 0 12px, #643700 0 14px, #fdc98d 0 20px, #000 0 22px, #fdc98d 0 28px, #f92033 0 32px, #0000 0) bottom 20px left 50%,
    linear-gradient(90deg, #0000 8px, #643700 0 10px, #fdc98d 0 12px, #643700 0 16px, #fdc98d 0 22px, #000 0 24px, #fdc98d 0 30px, #f92033 0 32px, #0000 0) bottom 18px left 50%,
    linear-gradient(90deg, #0000 8px, #643700 0 12px, #fdc98d 0 20px, #000 0 28px, #f92033 0 30px, #0000 0) bottom 16px left 50%,
    linear-gradient(90deg, #0000 12px, #fdc98d 0 26px, #f92033 0 30px, #0000 0) bottom 14px left 50%,
    linear-gradient(90deg, #fdc98d 6px, #f92033 0 14px, #222a87 0 16px, #f92033 0 22px, #222a87 0 24px, #f92033 0 28px, #0000 0 32px, #643700 0) bottom 12px left 50%,
    linear-gradient(90deg, #fdc98d 6px, #f92033 0 16px, #222a87 0 18px, #f92033 0 24px, #f92033 0 26px, #0000 0 30px, #643700 0) bottom 10px left 50%,
    linear-gradient(90deg, #0000 10px, #f92033 0 16px, #222a87 0 24px, #feee49 0 26px, #222a87 0 30px, #643700 0) bottom 8px left 50%,
    linear-gradient(90deg, #0000 12px, #222a87 0 18px, #feee49 0 20px, #222a87 0 30px, #643700 0) bottom 6px left 50%,
    linear-gradient(90deg, #0000 8px, #643700 0 12px, #222a87 0 30px, #643700 0) bottom 4px left 50%,
    linear-gradient(90deg, #0000 6px, #643700 0 14px, #222a87 0 26px, #0000 0) bottom 2px left 50%,
    linear-gradient(90deg, #0000 6px, #643700 0 10px, #0000 0) bottom 0px left 50%;
  background-size: 34px 2px;
  background-repeat: no-repeat;
  animation: inherit;
  animation-name: l10-1;
}

@keyframes l10-0 {

  0%,
  30% {
    background-position: 0 0px
  }

  50%,
  100% {
    background-position: 0 -0.1px
  }
}

@keyframes l10-1 {

  50%,
  100% {
    top: 109.5%
  }

  ;
}

@keyframes l10-2 {

  0%,
  30% {
    transform: translateY(0);
  }

  80%,
  100% {
    transform: translateY(-260%);
  }
}

/* @import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');
:root {
	--c1: #f0f8ff;
	--c2: #303030;
} */



.parallax-header {
	color:#EEEBE1;
	height: 100vh;
	width: 100%;
	display: grid;
	place-items: center;
	text-align: center;
	font-size: 3em;
	z-index: 3;
	position: fixed;
  align-items: flex-end;
	top: 0;
	animation: sticky-parallax-header linear forwards;
	animation-timeline: scroll();
	animation-range: 0vh 50vh;

}



@keyframes sticky-parallax-header {
	0% {
		height: 53vh;
		font-size: calc(3em);
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
	}
  80% {
    opacity: 1;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
    
  }
	100% {
		height: 30px;
		font-size: 1.3em;
		filter: sepia(1);
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events: all;
	}
}

/* .navbar-link:not(.is-arrowless)::after {
  border-color: #3273dc;
  margin-top: -.375em;
  right: 1.225em;
  animation: arrowtop linear forwards;
  animation-timeline: scroll();
	animation-range: 0vh 50vh;
}
@keyframes arrowtop {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    color: white;
    opacity:1;
  }
} */

.navbar-dropdown {
  background-color: black;
  color:rgba(238,235,225, 0.7);
}

.navbar-item.has-dropdown {
  align-items: stretch
  
}
/* video compare slider */
#ablation2 {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}
/* .navbar-link {
  padding-top: .3rem;
} */
#ablation3 {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}

  .bullet-paragraph::before {
    content: "• ";
    color: black;
    font-weight: bold;
    margin-right: 5px;
  }