@charset "UTF-8";
/* line 1, app/assets/stylesheets/components/navbar/styles.scss */
.NavBar {
  top: 0;
  position: fixed;
  width: 100%;
  height: var(--navbar-height);
  z-index: 999;
}

/* line 8, app/assets/stylesheets/components/navbar/styles.scss */
.NavBar .NavBarSearch {
  width: 100%;
  max-width: 520px;
}

/* line 13, app/assets/stylesheets/components/navbar/styles.scss */
.NavBar .test-color {
  color: green !important;
}

/* line 17, app/assets/stylesheets/components/navbar/styles.scss */
.NavBar a:active {
  color: inherit !important;
  background-color: inherit !important;
}

/* line 1, app/assets/stylesheets/components/container/styles.scss */
.Container.hasNavBarContents {
  padding-top: var(--navbar-height);
}

/* line 1, app/assets/stylesheets/components/category_label/styles.scss */
.CategoryLabel {
  font-size: 0.8em;
}

/* line 5, app/assets/stylesheets/components/category_label/styles.scss */
.CategoryLabel.color-type-a {
  background-color: #99aaee;
  color: white;
}

/* line 10, app/assets/stylesheets/components/category_label/styles.scss */
.CategoryLabel.color-type-b {
  background-color: #8fd8a7;
  color: white;
}

/* line 1, app/assets/stylesheets/components/follow_button/styles.scss */
.FollowButton {
  border: 1px solid #000;
  border-radius: 10px;
  color: var(--bs-light-text-emphasis);
}

/* line 7, app/assets/stylesheets/components/follow_button/styles.scss */
.FollowButton:hover {
  border: 1px solid #000;
  border-radius: 10px;
}

/* 576px未満 */
/* 576px以上 */
/* 768px以上 */
/* 992px以上 */
/* 1200px以上 */
/* 1400px以上 */
/* line 3, app/assets/stylesheets/components/latex_markdown/styles.scss */
.LatexMarkdown table thead th {
  background-color: var(--color-theme);
  color: white;
  padding: 5px 10px;
  border: 1px solid var(--bs-gray);
}

/* line 9, app/assets/stylesheets/components/latex_markdown/styles.scss */
.LatexMarkdown table td {
  background-color: var(--bs-light);
  padding: 5px 10px;
  border: 1px solid var(--bs-gray);
}

/* line 16, app/assets/stylesheets/components/latex_markdown/styles.scss */
.LatexMarkdown a {
  width: 200px;
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 8, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
.Container {
  --sidebar-abstract: 150px;
  --sidebar-second-abstract: 250px;
  background-color: var(--bs-light);
}

/* line 14, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
.Container .SideBar {
  background-color: var(--bs-light);
  width: var(--sidebar-abstract);
  height: calc(100vh - var(--navbar-height));
  left: 0;
  top: var(--navbar-height);
  position: fixed;
  z-index: 99;
}

/* line 26, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
.Container .MainContents {
  background-color: var(--bs-white);
  width: calc(100vw - var(--sidebar-second-abstract));
  padding-left: var(--sidebar-abstract);
}

/* line 32, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
.Container .MainContents .Comment p {
  margin-bottom: 0px;
}

/* line 38, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
.Container .SideBarSecond {
  background-color: var(--bs-light);
  width: var(--sidebar-second-abstract);
  height: calc(100vh - var(--navbar-height));
  right: 0;
  position: fixed;
  z-index: 99;
}

@media screen and (max-width: 992px) {
  /* line 51, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
  .Container .SideBar {
    width: 80px;
  }
  /* line 55, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
  .Container .MainContents {
    width: 100%;
    padding-left: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 64, app/assets/stylesheets/science_hub/notes/abstract/styles.scss */
  .Container .MainContents {
    padding-left: 0px;
  }
}