/* Approved Current Members master: one coordinate system for art and content. */
.inductees-body.current-members-responsive {
  overflow-x: hidden;
  background: #020303;
}

.current-members-responsive > .inductees-page { visibility: hidden; }
.current-members-stage-canvas > .inductees-page { visibility: visible; }

.current-members-stage-shell {
  position: relative;
  display: block;
  width: 100%;
  overflow: visible;
}

.current-members-stage-canvas {
  position: relative;
  display: block;
  width: 2033px;
  height: 1024px;
  overflow: visible;
  transform-origin: left top;
  background: #020303;
}

.current-members-background-layer {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 2033px;
  height: 1211px;
  background:
    linear-gradient(180deg, rgba(1, 4, 5, 0.03), rgba(1, 4, 5, 0.1) 66%, rgba(1, 4, 5, 0.42)),
    url("images/inductees-rotunda-sculpted-portrait-plaques.png") center top / cover no-repeat;
  pointer-events: none;
  user-select: none;
}

.current-members-responsive .site-header {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 30;
  width: 2033px;
  min-width: 2033px;
  height: 68px;
  min-height: 68px;
}

.current-members-responsive .main-nav {
  justify-content: center;
  gap: 16px;
  width: 2033px;
  min-width: 0;
  height: 68px;
  padding-right: 152px;
  padding-left: 152px;
  overflow: visible;
}

.current-members-responsive .main-nav a { flex: initial; font-size: 12px; }
.current-members-responsive .main-nav a.active::after { bottom: -14px; width: 55px; height: 4px; }
.current-members-responsive .site-header-logo { top: 50%; left: 34px; width: 106px; height: 53px; }
.current-members-responsive .site-header-logo img { max-height: 46px; }

.current-members-responsive .inductees-page {
  position: absolute;
  top: 0;
  left: 400.5px;
  width: 1540px;
  min-width: 1540px;
  height: 1211px;
  min-height: 1211px;
  margin: 0;
  padding: 0;
  transform: scale(.8);
  transform-origin: left top;
}

.current-members-responsive .inductees-hero {
  position: absolute;
  top: 108px;
  left: 360px;
  width: 820px;
  max-width: none;
  height: 170.667px;
  margin: 0;
  padding: 14px 26px 18px;
}

.current-members-responsive .inductees-hero h1 { font-size: 75px; }
.current-members-responsive .inductees-hero > p:last-child { font-size: 19px; }

.current-members-responsive .class-timeline {
  position: absolute;
  top: 893.062px;
  left: 0;
  width: 1540px;
  height: 172.334px;
  margin: 0;
  padding: 17px 22px 8px;
}

.current-members-responsive .timeline-track {
  width: 1494.667px;
  height: 103px;
  padding-bottom: 8px;
  scrollbar-width: none;
}

.current-members-responsive .timeline-track::-webkit-scrollbar {
  display: none;
}

.current-members-responsive .timeline-track::-webkit-scrollbar-button:horizontal {
  width: 20px;
  height: 20px;
}

.current-members-responsive .timeline-scrollbar {
  position: absolute;
  right: 22px;
  bottom: 8px;
  left: 22px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  background: rgba(183, 196, 199, .32);
  border: 2px solid rgba(10, 116, 155, .72);
  border-radius: 10px;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .72), 0 0 9px rgba(10, 116, 155, .28);
}

.current-members-responsive .timeline-scrollbar span {
  display: block;
  width: 120px;
  height: 100%;
  background: linear-gradient(180deg, #19add8, #08779d);
  border: 2px solid #55d4f2;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(18, 174, 218, .72);
  transform: translateX(0);
  transition: transform 60ms linear;
}

.current-members-responsive .timeline-year {
  flex-basis: 104px;
  min-height: 66px;
}

.current-members-responsive .inductee-search {
  position: absolute;
  top: 1073.396px;
  left: 0;
  width: 1540px;
  height: 99.333px;
  margin: 0;
  padding: 20px 28px 24px;
  grid-template-columns: 330px 1fr;
  gap: 58px;
}

.current-members-responsive .search-control input {
  height: 54px;
  font-size: 25px;
}

.current-members-responsive .timeline-class-preview {
  top: 348px;
  left: 50%;
  width: 340px;
}

.current-members-responsive #timeline-preview-names a { font-size: 21px; }