// * Classname from Docusaurus template
// * We just overide the styling with applied class from tailwind

[class*="docSidebarContainer_"] {
  margin-top: 0 !important;
  @apply dark:border-gray-800 border-gray-300;
}

[class*="sidebar_"] {
  padding-top: 0px !important;
}

.navbar-sidebar__back {
  padding-top: 20px !important;
}

[class*="sidebarViewport_"] {
  top: 80px !important;
  // height: unset !important;
}

[class*="docItemCol_"] {
  @apply lg:px-8;
}

// * Including custom sidebar table of content
.table-of-contents {
  @apply text-base py-0 dark:border-gray-800 border-gray-300;
}

.menu__caret:before {
  background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
}

[class*="codeBlockContainer_"] {
  margin: 4px;
}

[class*="codeBlockTitle_"] {
  border-bottom: 1px solid #52525a !important;
}

[class*="iconExternalLink_"] {
  display: none;
}