/*!
 * Copyright (C) 2022 DagsHub - All Rights Reserved.
 *  You may not use, distribute or modify this code under any circumstances.
 */
:root {
  --darkest-bg: #08171B;
  --very-dark-bg: #0b282f;
  --dark-bg: #103037;
  --medium-bg: #1f4c55;
  --light-bg: #306a77;
  --bright-bg: #fff;
  --border-color: #135664;
  --text-color-dark: rgba(255, 255, 255, 0.9);
  --text-color-dark-faded: rgba(255, 255, 255, 0.5);
  --text-color-dark-very-faded: rgba(255, 255, 255, 0.08);
  --text-color-bright: rgba(0, 0, 0, 0.87);
  --text-color-icon-counter: #888;
  --added-color0: #eaffea;
  --removed-color0: #ffecec;
  --modified-color0: #ffffeb;
  --modified-color1: #fff5cc;
  --gray-code-color: #F0F0F0;
  --table-header-bg-color: hsla(191, 48%, 93%, 0.84);
  --table-header-font-color: hsl(191, 5%, 35%);
  --remote-dropdown-max-width: 450px;
  --roundness: 10px;
  --homepage-overlay-section: rgba(27, 28, 29, 0.9);
  --gray-sign-color: hsla(191, 55%, 9%, 0.14);
  --file-list-name-color: #1E70BF;
  --file-list-border-color: rgba(34, 36, 38, 0.1);
  --file-list-dvc-icon: #5277a9;
  --file-list-dvc-background: hsl(214, 75%, 96%);
  --file-list-dvc-background-hover: hsl(214, 75%, 91%);
  --file-list-dvc-badge-image: url(d3ff77e71987f58442ef.svg);
  --file-list-bucket-background: #FFF7ED;
  --file-list-bucket-background-hover: #faebd8;
  --file-list-bucket-s3-badge-image: url(51623e1984e37482c7ce.svg);
  --file-list-bucket-s3-compatible-badge-image: url(ebcf7fd06b4aa4d76f5c.svg);
  --file-list-bucket-repo-bucket-badge-image: url(61669c873f595f050ccc.svg);
  --file-list-bucket-gs-badge-image: url(bad5f58c790b54363808.svg);
  --file-list-bucket-azure-badge-image: url(65bbd673baf0f5c0ecad.svg);
  --file-list-zip-background: hsl(40, 28%, 95%);
  --file-list-zip-background-hover: hsl(40, 16%, 80%);
  --dark-900: #192E36;
  --dark-800: #23414D;
  --dark-800-transparent: rgba(35, 65, 77, 0.4);
  --dark-700: #284D54;
  --secondary-800: #1e293b;
  --secondary-600: #475569;
  --secondary-500: #64748B;
  --secondary-400: #94A3B8;
  --secondary-300: #CBD5E1;
  --secondary-200: #E2E8F0;
  --secondary-100: #F1F5F9;
  --secondary-50: #F8FAFC;
  --white: #FFFFFF;
  --black: #000000;
  --purple-800: #4453B3;
  --purple-600: #5467DE;
  --purple-300: #C4B5FD;
  --purple-150: #E8EBFF;
  --purple-100: #EEF0FC;
  --purple-50: #F7F8FF;
  --button-radius: 12px;
  --button-radius-big: 20px;
  --active-border: 2px solid var(--purple-300);
  --active-shadow: 0px 0px 0px 2px var(--purple-300);
}
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
#disable-button-mixin.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
#disable-button-mixin.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-accordion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dagshub-accordion .hidden {
  display: none !important;
}
.dagshub-accordion .accordion-step {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.dagshub-accordion .accordion-step a {
  color: white;
  text-decoration: underline;
}
.dagshub-accordion .accordion-step .accordion-step-panel {
  width: 100%;
  border-radius: 8px;
  background: var(--dark-800);
}
.dagshub-accordion .accordion-step .accordion-step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin: 8px;
  cursor: pointer;
}
.dagshub-accordion .accordion-step .accordion-step-header p {
  margin: 0;
}
.dagshub-accordion .accordion-step .code-subtitle {
  margin-left: 12px;
}
.dagshub-accordion .accordion-step .code-block + .code-subtitle {
  margin-bottom: 6px;
}
.dagshub-accordion .accordion-step .code-block {
  position: relative;
  margin-right: 16px;
}
.dagshub-accordion .accordion-step .code-block code {
  font-family: "Fira Code", "monospace";
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  background: var(--dark-700);
  border-radius: 8px;
  margin: 8px;
  width: 100%;
  padding: 8px 16px;
  display: block;
}
.dagshub-accordion .accordion-step .code-block code p {
  margin: 0;
  overflow-wrap: anywhere;
}
.dagshub-accordion .accordion-step .code-block code p::before {
  content: "$ ";
}
.dagshub-accordion .accordion-step .code-block .copy-button-container {
  display: flex;
  position: absolute;
  top: 0;
  left: calc(100% - 30px);
  height: 100%;
  justify-content: center;
  align-items: start;
}
.dagshub-accordion .accordion-step .copy-button {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.dagshub-accordion .accordion-step .copy-button:hover {
  background: rgba(255, 255, 255, 0.05);
}
.dagshub-accordion .accordion-step .accordion-step-content {
  display: none;
}
.dagshub-accordion .accordion-step.show .accordion-step-content {
  display: initial;
}
.dagshub-accordion .accordion-step.show .accordion-step-header {
  cursor: initial;
}
.dagshub-accordion .accordion-step.complete .icon-container {
  background: var(--purple-600);
}
.hidden-content :first-child .button {
  height: 32px;
  margin: 8px;
  white-space: nowrap;
}
:root {
  --toastify-color-dark: var(--dark-800) !important;
  --toastify-toast-width: fit-content !important;
  --toastify-toast-min-height: 0px !important;
}
.dagshub.toast {
  border-radius: 12px;
  padding: 4px 8px;
}
.dagshub.toast .Toastify__close-button {
  align-self: initial;
}
.dagshub.__no-close-button .Toastify__close-button {
  display: none;
}
.dagshub-spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.dagshub-spinner div {
  transform-origin: 40px 40px;
  animation: spinner-anim 1.2s linear infinite;
}
.dagshub-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.dagshub-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.dagshub-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.dagshub-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.dagshub-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.dagshub-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.dagshub-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.dagshub-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.dagshub-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.dagshub-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.dagshub-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.dagshub-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.dagshub-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes spinner-anim {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.navbar-container {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 101;
}
.line-divider {
  width: 187px;
  height: 1px;
  margin: 7px 0 10px;
  background: var(--secondary-500);
}
.dagshub-navbar {
  /* shadow */
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  /* Desktop Header */
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 24px;
  gap: 24px;
  position: static;
  width: 100%;
  height: 44px;
  left: 0px;
  top: 0px;
  background: var(--dark-900);
  color: var(--white);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.dagshub-navbar .navbar-logo {
  -webkit-transform: translate3d(0, 0, 0);
}
.dagshub-navbar .navbar-logo.desktop {
  display: none;
}
.dagshub-navbar .navbar-logo.mobile {
  display: block;
}
.dagshub-navbar .navbar-logo:focus-visible {
  outline: var(--active-border);
}
.dagshub-navbar .fixed-content {
  display: flex;
  gap: 8px;
}
.dagshub-navbar.mobile {
  display: block;
  visibility: hidden;
  top: 44px;
  flex-direction: column;
  height: auto;
  max-height: 90%;
  overflow-y: scroll;
  position: fixed;
  z-index: 102;
  background: var(--dark-800);
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 14px;
}
.dagshub-navbar.mobile::-webkit-scrollbar {
  width: 0px;
}
.dagshub-navbar.mobile .subtitle {
  width: 100%;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--secondary-300);
  padding: 6px 16px;
}
.dagshub-navbar.mobile .navbar-item {
  width: 100%;
  padding: 6px 16px;
  gap: 4px;
}
.dagshub-navbar.mobile .navbar-item:hover {
  background: var(--dark-700);
}
.dagshub-navbar.mobile .navbar-item img {
  width: 20px;
  align-self: center;
}
.dagshub-navbar.mobile .line-divider {
  margin: 10px 0;
}
.dagshub-navbar.mobile .button {
  width: 100%;
  justify-content: space-between;
  height: 40px;
}
.dagshub-navbar.mobile .dropdown {
  width: 100%;
}
.dagshub-navbar.mobile .profile-menu {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.dagshub-navbar.mobile .submenu {
  position: initial;
  width: 100%;
  box-shadow: none;
}
.dagshub-navbar.mobile a {
  width: 100% !important;
}
.dagshub-navbar.mobile .line-divider {
  width: 100%;
  background: var(--dark-700);
}
.dagshub-navbar a {
  color: inherit;
}
.dagshub-navbar .name {
  padding: 6px 16px;
}
.dagshub-navbar .name .username {
  font-size: 12px;
  cursor: pointer;
}
.dagshub-navbar .submenu {
  /* Dropdown Header Menu */
  display: none;
  font-weight: 600;
  padding: 12px 0px;
  position: absolute;
  left: 0;
  top: 40px;
  background: var(--dark-800);
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-radius: var(--button-radius);
}
.dagshub-navbar .submenu.right {
  left: auto;
  right: 0;
}
.dagshub-navbar .submenu a {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 16px;
  gap: 4px;
  width: 187px;
  height: 36px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.dagshub-navbar .submenu a:hover {
  background: var(--dark-700);
}
.dagshub-navbar .submenu a:focus {
  background: var(--dark-900);
}
.dagshub-navbar .submenu a.username-link {
  padding: 0;
  width: 155px;
  height: 20px;
}
.dagshub-navbar .submenu a.username-link:hover {
  background: var(--dark-800);
}
.dagshub-navbar .submenu .icon-wrapper {
  height: 20px;
  width: 20px;
  display: flex;
}
.dagshub-navbar .submenu .icon-wrapper img,
.dagshub-navbar .submenu .icon-wrapper i {
  margin: auto;
}
.dagshub-navbar img {
  display: flex;
}
.dagshub-navbar .navbar-icon {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  padding: 4px 8px;
  border-radius: var(--button-radius);
  color: var(--white);
  padding: 6px;
  margin: 0;
}
.dagshub-navbar .navbar-icon:hover {
  background: var(--dark-800);
}
@media only screen and (min-width: 1200px) {
  .dagshub-navbar .navbar-icon:focus {
    background: var(--black);
  }
}
.dagshub-navbar .navbar-icon:focus-visible {
  outline: var(--active-border);
}
.dagshub-navbar .navbar-icon.active {
  background: var(--dark-800);
  box-shadow: var(--active-shadow);
}
@media screen and (max-width: 1200px) {
  .dagshub-navbar .navbar-icon.active {
    border: var(--active-border);
    box-shadow: none;
  }
}
.dagshub-navbar .navbar-icon .center {
  text-align: center;
}
.dagshub-navbar .navbar-icon .center.button {
  justify-content: center;
}
.dagshub-navbar .profile-menu {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  padding: 4px 8px;
  border-radius: var(--button-radius);
  color: var(--white);
  padding: 4px;
  gap: 10px;
}
.dagshub-navbar .profile-menu:hover {
  background: var(--dark-800);
}
@media only screen and (min-width: 1200px) {
  .dagshub-navbar .profile-menu:focus {
    background: var(--black);
  }
}
.dagshub-navbar .profile-menu:focus-visible {
  outline: var(--active-border);
}
.dagshub-navbar .profile-menu.active {
  background: var(--dark-800);
  box-shadow: var(--active-shadow);
}
@media screen and (max-width: 1200px) {
  .dagshub-navbar .profile-menu.active {
    border: var(--active-border);
    box-shadow: none;
  }
}
.dagshub-navbar .profile-menu .center {
  text-align: center;
}
.dagshub-navbar .profile-menu .center.button {
  justify-content: center;
}
.dagshub-navbar .profile-menu .avatar {
  width: 24px;
  height: 24px;
  /* Purple/purple 300 */
  box-shadow: var(--active-shadow);
  border-radius: 100px;
}
.dagshub-navbar .profile-menu.active .avatar {
  box-shadow: none;
}
.dagshub-navbar .navbar-item {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  padding: 4px 8px;
  border-radius: var(--button-radius);
  color: var(--white);
}
.dagshub-navbar .navbar-item:hover {
  background: var(--dark-800);
}
@media only screen and (min-width: 1200px) {
  .dagshub-navbar .navbar-item:focus {
    background: var(--black);
  }
}
.dagshub-navbar .navbar-item:focus-visible {
  outline: var(--active-border);
}
.dagshub-navbar .navbar-item.active {
  background: var(--dark-800);
  box-shadow: var(--active-shadow);
}
@media screen and (max-width: 1200px) {
  .dagshub-navbar .navbar-item.active {
    border: var(--active-border);
    box-shadow: none;
  }
}
.dagshub-navbar .navbar-item .center {
  text-align: center;
}
.dagshub-navbar .navbar-item .center.button {
  justify-content: center;
}
.dagshub-navbar .search-bar-container {
  width: inherit;
}
.dagshub-navbar input[class="search-bar"] {
  /* Desktop Search Bar */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 4px 4px 32px;
  gap: 32px;
  width: 275px;
  height: 32px;
  background: var(--dark-800);
  border-radius: var(--button-radius);
  background-image: url(2b68d8319a2fcd4ca520.svg);
  background-repeat: no-repeat;
  background-position: 10px;
  text-decoration: none;
  border: none;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  color: var(--white);
  opacity: 100%;
}
.dagshub-navbar input[class="search-bar"]::placeholder,
.dagshub-navbar input[class="search-bar"]::-webkit-input-placeholder {
  font-family: 'Inter', sans-serif;
  color: var(--white);
  opacity: 1;
}
.dagshub-navbar input[class="search-bar"]:hover::placeholder,
.dagshub-navbar input[class="search-bar"]:hover::-webkit-input-placeholder {
  color: var(--secondary-300);
}
.dagshub-navbar input[class="search-bar"]:focus {
  background-color: var(--white);
  background-image: url(0dbe7a15035979b8fb17.svg);
  box-shadow: var(--active-shadow);
  color: var(--black);
}
.dagshub-navbar input[class="search-bar"]:focus::placeholder,
.dagshub-navbar input[class="search-bar"]:focus::-webkit-input-placeholder {
  color: var(--black);
}
.dagshub-navbar input[class="search-bar"]:focus-visible {
  outline: none;
}
.dagshub-navbar .left-menu {
  /* Left */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.dagshub-navbar .button {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 8px;
  cursor: pointer;
  width: min-content;
  height: 32px;
  border-radius: var(--button-radius);
  user-select: none;
}
.dagshub-navbar .button.hidden {
  display: none;
}
.dagshub-navbar .button.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-navbar .button.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-navbar .button.primary {
  /* Primary/purple-600 */
  background: var(--purple-600);
}
.dagshub-navbar .button.primary:hover {
  background: var(--purple-800);
}
.dagshub-navbar .button.primary.active {
  box-shadow: var(--active-shadow);
  margin-bottom: 2px;
  background: var(--purple-600);
}
.dagshub-navbar .button.primary.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-navbar .button.primary.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-navbar .button.secondary {
  /* Secondary / State 600 */
  border: 2px solid var(--secondary-600);
}
.dagshub-navbar .button.secondary:hover {
  background: #FFFFFF1A;
}
.dagshub-navbar .button.secondary:focus {
  /* Primary/purple-100 */
  border: 2px solid var(--purple-100);
  background: initial;
}
.dagshub-navbar .button.secondary.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-navbar .button.secondary.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.dagshub-navbar .right-menu {
  /* Right */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 12px;
  max-width: 585.3px;
  height: 36px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}
/* Tooltip container */
.dagshub-tooltip {
  position: relative;
  display: inline-block;
  /* Tooltip text */
}
.dagshub-tooltip:hover span,
.dagshub-tooltip:focus-visible span {
  visibility: visible;
}
.dagshub-tooltip span {
  padding: 8px;
  font-weight: 500;
  visibility: hidden;
  background: var(--dark-900);
  border-radius: 8px;
  text-align: center;
  color: var(--secondary-50);
  font-size: 12px;
  position: absolute;
  z-index: 1;
  width: max-content;
  top: 200%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* tiny triangle */
}
.dagshub-tooltip span::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -3px;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent var(--dark-900) transparent;
}
@media only screen and (min-width: 1200px) {
  .navbar-container.no-bg-nav {
    position: relative;
  }
  .navbar-container.no-bg-nav .dagshub-navbar {
    position: absolute;
    background: none;
    box-shadow: none;
    padding-top: 40px;
  }
  .navbar-container.no-bg-nav .dagshub-navbar .search-bar-container {
    height: 30px;
  }
  .navbar-container.no-bg-nav .dagshub-navbar .fixed-content {
    align-items: center;
  }
  .navbar-container.no-bg-nav .dagshub-navbar .navbar-logo.desktop {
    display: block;
  }
  .navbar-container.no-bg-nav .dagshub-navbar .navbar-logo.mobile {
    display: none;
  }
  .navbar-container.no-bg-nav .dagshub-navbar .navbar-item:hover,
  .navbar-container.no-bg-nav .dagshub-navbar .navbar-icon:hover {
    background-color: var(--dark-800-transparent);
  }
  .navbar-container.no-bg-nav .dagshub-navbar .dagshub-tooltip > span {
    background-color: var(--dark-800-transparent);
  }
  .navbar-container.no-bg-nav .dagshub-navbar input[class="search-bar"] {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 2px var(--secondary-600);
  }
  .navbar-container.no-bg-nav .dagshub-navbar input[class="search-bar"]:focus {
    color: var(--dark-900);
    box-shadow: var(--active-shadow);
    background-color: rgba(255, 255, 255, 0.75);
  }
  #menu-toggle-label {
    display: none;
  }
  .dagshub-navbar.mobile {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .right-menu {
    display: none !important;
  }
  #menu-container.dagshub-navbar.no-bg-nav .search-bar {
    visibility: hidden;
  }
  #menu-container.dagshub-navbar.no-bg-nav.active .search-bar {
    visibility: visible;
  }
  .navbar-container .dagshub-navbar .left-menu {
    flex-grow: 2;
    flex-shrink: 1;
  }
  .navbar-container .dagshub-navbar .left-menu .navbar-item {
    display: none;
  }
  .navbar-container .dagshub-navbar .left-menu .fixed-content {
    width: 100%;
  }
  .navbar-container .dagshub-navbar .left-menu .search-bar {
    width: 100%;
  }
  .navbar-container .dagshub-navbar.active {
    background: var(--dark-800);
  }
  .navbar-container .dagshub-navbar .search-bar {
    background-color: var(--dark-700);
  }
  .mobile.navbar-item {
    display: flex;
  }
}
#merch-store {
  background-image: -webkit-linear-gradient(left, white 25%, #fde071 37.5%, #ef9671, #996a6e 62.5%, var(--secondary-200) 75%);
  background-image: linear-gradient(90deg, white 25%, #fde071 37.5%, #ef9671, #996a6e 62.5%, var(--secondary-200) 75%);
  background-position: right center;
  background-size: 400% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: #ef9671;
  -webkit-text-fill-color: transparent;
  transition: color 200ms linear;
}
#merch-store:hover {
  background-position: left center;
  color: #ef9671;
  transition: background-position 2000ms ease-out;
}
.dagshub-footer {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: var(--dark-900);
  padding: 32px 182px 16px;
  gap: 32px;
}
@media screen and (max-width: 1200px) {
  .dagshub-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px;
  }
  .dagshub-footer #footer-logo {
    order: 0;
  }
  .dagshub-footer h2 {
    order: 1;
  }
  .dagshub-footer #footer-social {
    order: 2;
    margin: auto auto 12px auto;
  }
  .dagshub-footer .links {
    order: 3;
    font-weight: 700;
    font-size: 14px;
    color: var(--white);
  }
  .dagshub-footer .legal {
    order: 4;
    display: block !important;
  }
}
.dagshub-footer i {
  color: var(--white);
}
.dagshub-footer a,
.dagshub-footer svg,
.dagshub-footer i,
.dagshub-footer img {
  color: var(--secondary-200);
  fill: var(--secondary-200);
}
.dagshub-footer a:hover,
.dagshub-footer svg:hover,
.dagshub-footer i:hover,
.dagshub-footer img:hover {
  color: var(--secondary-400);
  fill: var(--secondary-400);
}
.dagshub-footer p {
  color: var(--secondary-200);
}
.dagshub-footer #footer-logo {
  max-width: 127px;
}
.dagshub-footer .legal {
  display: inline-flex;
  gap: 1em;
  margin-top: 2em;
}
.dagshub-footer .legal .footer-item {
  color: rgba(220, 222, 243, 0.5);
  margin: auto 24px;
}
.dagshub-footer #footer-social {
  margin-right: auto;
  display: flex;
  gap: 2em;
}
.dagshub-footer #footer-social .icon-link {
  display: flex;
}
.dagshub-footer #footer-social .icon-link i,
.dagshub-footer #footer-social .icon-link svg,
.dagshub-footer #footer-social .icon-link img {
  margin: auto;
}
.dagshub-footer h2 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  margin: -16px auto -16px auto;
  color: var(--secondary-200);
}
.dagshub-footer .links {
  display: flex;
  flex-direction: inherit;
  gap: 1em;
  align-items: center;
}
#invitation-box {
  margin-top: -1px;
  text-align: center;
}
#invitation-ribbon {
  display: flex;
  justify-content: center;
  margin-bottom: -1rem;
  margin-top: 1rem;
}
#invitation-ribbon .message {
  max-width: 400px;
}
#invitation-ribbon .header {
  margin: unset;
}
#invitation-ribbon .envelope.icon {
  font-size: 4rem;
  color: #545454;
}
.org-invites {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.org-invites > form {
  display: flex;
  align-items: flex-start;
}
.org-invites > form.ui.form > div.field {
  margin-right: 4px;
  margin-bottom: unset;
}
.organization.members .list[data-tab="invitations"] .item {
  line-height: 3.2em;
}
.cta .dh-token {
  padding: 4px 2px;
}
.missing-file-container {
  padding: 1rem;
}
.missing-entry-cta.snippet {
  flex: 0 1 80%;
}
.missing-entry-cta.snippet .markdown {
  margin-top: 1rem;
  position: relative;
  font-size: inherit;
  border-radius: var(--roundness);
  border: 1px solid #a9d5de;
}
.missing-entry-cta.snippet .markdown > pre {
  background-color: rgba(255, 255, 255, 0.5);
}
.missing-entry-cta.snippet .markdown > pre > i {
  top: 0.5em;
  right: 0.5em;
}
.missing-entry-cta.snippet > .markdown > pre > code {
  margin: 0;
}
/* Fixes the issue with copy agGrid cell values */
.ag-unselectable {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.ag-header-cell.text-center .ag-header-cell-label {
  justify-content: center;
}
.card-selection-interface {
  flex-grow: 0.8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 3rem 1rem;
}
.card-selection-interface > .container > h1 {
  font-size: 3rem;
}
.card-selection-interface > .container > p {
  margin-top: 0.4rem;
  font-size: 1.5rem;
}
.card-selection-interface > .container > p.skip {
  margin-top: 1rem;
  font-size: 1rem;
}
.card-selection-interface > .container > .grid {
  justify-content: center;
}
.card-selection-interface > .container > .grid > .column {
  width: unset !important;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.card-selection-interface > .container > .grid > .column > .segment {
  height: 20rem;
  width: 17rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 auto;
  border: 0;
  box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.2);
  border-radius: var(--roundness);
}
.card-selection-interface > .container > .grid > .column > .segment > .paragraph {
  text-align: center;
  font-size: 1.04rem;
}
.card-selection-interface > .container > .grid > .column > .segment > .header > h3 {
  font-size: 1.5rem;
  margin-bottom: unset;
}
.card-selection-interface > .container > .grid > .column > .segment img {
  display: block;
  width: 5rem;
  margin: 0.5rem auto;
}
.card-selection-interface > .container > .grid > .column > .segment .repo-connect.logo {
  height: 5rem;
  display: block;
  margin: 0.5rem;
  padding-top: 1rem;
}
.card-selection-interface > .container > .grid > .column > .learn-more {
  border-top: 2px solid #00b5ad;
}
.card-selection-interface > .container > .grid > .column > .explore {
  border-top: 2px solid #2185d0;
}
.card-selection-interface > .container > .grid > .column > .new-repo {
  border-top: 2px solid #21ba45;
}
.card-selection-interface > .container > .grid > .column > .quickstart {
  border-top: 2px solid #fbbd08;
}
.card-selection-interface .button {
  margin: 0.7rem 0 0 0;
}
.dropdown.ref-selector > .menu {
  width: 15em !important;
}
.commit-item {
  display: flex !important;
  align-items: baseline !important;
}
.commit-item > p {
  padding: 6px 10px 4px 10px !important;
  margin: 0 6px !important;
  background-color: #e8e8e8 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 9em !important;
  box-sizing: content-box;
}
.repository.compare.pull .choose.branch .ui.compact.button {
  padding: 0.5rem 0.75rem;
}
.repository.compare.pull .choose.branch .ui.button > .dropdown.icon {
  margin: 0;
}
#repo-home-menu-bar {
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 0 0.5rem 0;
}
#repo-home-menu-bar #branch-and-bread {
  display: inline-flex;
}
#repo-home-menu-bar #branch-and-bread > div {
  display: inline-flex;
}
#repo-home-menu-bar #branch-and-bread > .fitted.item {
  flex-shrink: 1;
  word-break: break-all;
}
#repo-home-menu-bar #branch-and-bread .breadcrumb {
  margin: 6px 0;
}
#repo-home-menu-bar #branch-and-bread .breadcrumb .section {
  display: inline;
}
#repo-home-menu-bar #branch-and-bread #compare-branch-dropdown-container {
  align-items: baseline;
  flex-shrink: 0;
}
#repo-home-menu-bar .ref-selector > div.button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
#repo-home-menu-bar .ref-selector > .ui.button > i.expand-icon {
  margin: 0 0 0 3px;
}
@media only screen and (max-width: 767px) {
  .branch-selector-title {
    display: none;
  }
}
#commit-search-form {
  display: flex;
}
#commit-search-clear {
  margin-left: 5px;
}
.repository #commits-table .commit-list-icon {
  width: 30px;
  height: 30px;
  padding-left: 8px;
  padding-top: 6px;
  vertical-align: middle;
}
.repository #commits-table .green.commit-list-icon {
  padding-left: 8px;
  padding-top: 9px;
}
#commits-box {
  margin: 1rem 0 1rem 0;
}
#commits-box > .header {
  padding: 0.5rem 1rem;
}
#commits-box #commit-search {
  height: 30px;
}
#commits-box #commit-search-form input {
  padding: 0.3rem 0.5rem 0.4rem;
  height: 100%;
}
#commits-box .header-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repository.file.list #file-content [id^='ipython-notebook'] {
  min-height: 3rem;
}
.repository.file.list #file-content [id^='ipython-notebook'] .ui.active.loader {
  margin-top: -1rem;
  margin-left: -43px;
}
.repository.file.list #file-content [id^='ipython-notebook'] .nb-cell > .nb-output {
  overflow: auto;
}
.repository.file.list #file-content .code-view .lines-num {
  width: 47px;
}
.repository.file.list #file-content .code-view .lines-num span {
  padding: 0 15px !important;
  position: relative;
}
.repository.file.list .compare-file-menu {
  align-items: center;
  margin: 0 0 1rem 0;
}
.repository.file.list .compare-file-menu .flip {
  position: relative;
  padding: 0 7px;
}
.repository.file.list .compare-file-menu:after {
  content: none;
}
.repository.file.list .compare-file-menu > .ui.left {
  display: flex;
}
.repository.file.list .splitter {
  padding: 0 7px 0 5px;
}
.repository.file.list .flex-spread {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.repository.file.list .view-content {
  margin: 1em 0;
}
.repository.file.list .file-actions > .buttons > .button {
  border: 1px solid #d2d1d1;
}
.repository.file.list .file-actions > .octicon-comment {
  cursor: pointer;
}
.repository.file.list .file-actions > .octicon-comment:hover {
  color: #50b615;
}
.repository.file.list .file-content {
  display: flex;
}
.repository.file.list .file-content > div {
  border: 0;
  flex: auto;
  align-items: center;
}
.repository.file.list .file-content > div:not(.discussions) {
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 0;
  flex: 1 1 0;
}
.repository.file.list .file-content .image-file {
  width: 100% !important;
}
.repository.file.list .file-content > .image > #imageCanvas {
  width: 100% !important;
}
.repository.file.list .file-content > .image > #imageCanvas:hover {
  cursor: crosshair;
}
.repository.file.list .side-by-side-viewer > div > .negative.message {
  margin: 1em 5px 1em 5px;
}
.repository.file.list .side-by-side-viewer > div > div a {
  margin: 5px;
}
.repository.file.list .side-by-side-viewer > div.divider {
  min-width: 2px;
  flex: 0 0 2px;
  background-color: #d4d4d5;
}
.repository.file.list > #invitation-box {
  margin-top: -16px;
}
.repository.file.list > #branch-message {
  margin-top: -16px;
}
.repository.file.list > #branch-message > p {
  margin: unset;
}
#repo-files-table td.name.hidden {
  display: none;
}
#file-content .annotation-file-view {
  background-color: #fafafa;
}
#file-content .annotation-file-view canvas:hover {
  cursor: crosshair;
}
#file-content #repo-read-file {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 1rem;
  height: 43px;
}
#file-content #repo-read-file div:not(.file-actions) {
  flex-shrink: 1;
  display: flex;
  min-width: 0;
  white-space: nowrap;
}
#file-content #repo-read-file div:not(.file-actions) strong {
  overflow: hidden;
  flex-shrink: 1;
  text-overflow: ellipsis;
}
#file-content #repo-read-file .file-actions {
  display: flex;
  flex-shrink: 0;
}
#file-content #repo-read-file .button {
  padding: 8px 10px;
  font-weight: 400;
}
.view-content .lines-num > span:hover > .actions-line {
  display: flex;
}
.actions-line {
  width: 20px;
  position: absolute;
  left: 31px;
  top: 1px;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: none;
  transition: transform 0.1s ease-in-out !important;
}
.actions-line > .add-line-comment {
  font-size: 0.52rem !important;
}
.actions-line > .add-line-comment:hover {
  transform: scale(1.1);
}
.file-view-header {
  padding: 5px;
  margin: -1px -1px 0 -1px;
  border-bottom: 1px solid #dfdfdf;
  background-color: #eee;
}
.netron-model-viz {
  width: 100%;
  height: 600px;
  border: none;
  border-radius: 0 0 var(--roundness) var(--roundness);
}
#netron-model-viz-container {
  max-height: 600px;
}
.repository.new .visibility .checkbox {
  margin-right: 10px;
}
.repository.new .ui.huge.breadcrumb {
  margin-bottom: 10px;
}
#trio-templates-level-1 p,
#trio-cards-level-1 p {
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
#trio-templates-level-1 .ui.striped.table tbody tr:nth-child(2n),
#trio-cards-level-1 .ui.striped.table tbody tr:nth-child(2n),
#trio-templates-level-1 .ui.striped.table > tr:nth-child(2n),
#trio-cards-level-1 .ui.striped.table > tr:nth-child(2n) {
  background-color: var(--secondary-100);
}
#trio-templates-level-1 .ui.table,
#trio-cards-level-1 .ui.table {
  gap: 10px;
  max-width: 1200px;
  border: 1px solid var(--secondary-200);
  background: var(--secondary-50);
}
#trio-templates-level-1 .ui.table thead,
#trio-cards-level-1 .ui.table thead {
  background-color: var(--secondary-100);
}
#trio-templates-level-1 .ui.table thead tr,
#trio-cards-level-1 .ui.table thead tr {
  background-color: var(--secondary-100);
}
#trio-templates-level-1 .ui.huge.breadcrumb,
#trio-cards-level-1 .ui.huge.breadcrumb {
  margin-bottom: 100px;
}
#trio-templates-level-1 .trio-cards-holder,
#trio-cards-level-1 .trio-cards-holder {
  gap: 10px;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 1200px) {
  #trio-templates-level-1 .trio-cards-holder,
  #trio-cards-level-1 .trio-cards-holder {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1200px) {
  #trio-templates-level-1 .trio-cards-holder,
  #trio-cards-level-1 .trio-cards-holder {
    flex-direction: column;
  }
}
#trio-templates-level-1 .title,
#trio-cards-level-1 .title {
  display: flex;
  justify-content: center;
  left: 0px;
  top: 0px;
  border-radius: 0px;
}
#trio-templates-level-1 .title p,
#trio-cards-level-1 .title p {
  font-family: Inter;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
}
#trio-templates-level-1 .trio-card,
#trio-cards-level-1 .trio-card {
  display: flex;
  flex-direction: column;
  width: 389px;
  min-width: 280px;
  height: 288px;
  background: var(--secondary-50);
  border: 0px solid var(--secondary-200);
  border-radius: 12px;
  padding: 16px;
  font-family: Inter;
  font-style: normal;
}
#trio-templates-level-1 .trio-card img,
#trio-cards-level-1 .trio-card img {
  height: 140px;
  width: 140px;
  left: 16px;
  top: 16px;
  border-radius: 0px;
}
#trio-templates-level-1 .trio-card p:first-of-type,
#trio-cards-level-1 .trio-card p:first-of-type {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--purple-600);
}
#trio-templates-level-1 .trio-card p span,
#trio-cards-level-1 .trio-card p span {
  font-weight: 700;
}
#trio-templates-level-1 .trio-row td span,
#trio-cards-level-1 .trio-row td span {
  font-size: 17px;
}
#trio-templates-level-1 .trio-row td span span,
#trio-cards-level-1 .trio-row td span span {
  font-weight: 700;
}
#trio-templates-level-1 .trio-row-button-preview,
#trio-cards-level-1 .trio-row-button-preview {
  height: 36px;
  width: 79px;
  left: 30px;
  top: 20px;
  border-radius: 12px;
  padding: 4px 12px 4px 12px;
  line-height: 2em;
}
#trio-templates-level-1 .trio-row-button-preview p,
#trio-cards-level-1 .trio-row-button-preview p {
  font-weight: 600;
}
#trio-templates-level-1 .trio-row-button-blue,
#trio-cards-level-1 .trio-row-button-blue {
  height: 36px;
  width: 114px;
  left: 117px;
  top: 22px;
  border-radius: 12px;
  padding: 4px 12px 4px 12px;
}
#trio-templates-level-1 .trio-row-button-blue p,
#trio-cards-level-1 .trio-row-button-blue p {
  font-weight: 600;
  color: white;
}
#trio-templates-level-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -60px;
}
#trio-templates-level-2 {
  margin: 100px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
#trio-cards-level-1 {
  margin-top: 209px;
  margin-bottom: 269px;
}
#trio-cards-level-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.my-graph-style {
  margin-top: 15px;
  margin-bottom: 15px;
}
#svg-canvas {
  width: 100%;
}
.snippet > .markdown {
  font-size: 12px;
  user-select: text;
  -webkit-user-select: text;
  overflow-x: auto;
}
.snippet > .markdown > pre {
  position: relative;
  padding: 0.5rem 0.5rem;
}
.snippet > .markdown > pre:hover > i {
  opacity: 1;
}
.snippet > .markdown > pre > code {
  display: block;
  margin: -10px 0 0 0;
  padding: 0.525rem 1.17647059em;
  overflow: auto;
  word-break: normal;
  box-shadow: none;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  touch-action: auto;
}
.snippet > .markdown > pre > i {
  position: absolute;
  top: 0.5rem;
  right: 0.2rem;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  color: var(--md-default-fg-color--lightest);
  cursor: pointer;
  opacity: 0.4;
  background-color: transparent;
  border-radius: var(--roundness);
  padding: 4px 6px;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.snippet > .markdown > pre > i:hover {
  color: var(--dark-bg);
}
.dh-token {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--md-default-fg-color--lightest);
  cursor: pointer;
  opacity: 0.4;
  background-color: transparent;
  border-radius: var(--roundness);
  padding: 4px 4px;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.show-token {
  margin-left: 10px;
}
.show-token:hover {
  opacity: 1;
  color: var(--dark-bg);
}
.hide-token {
  margin-left: 10px;
}
.hide-token:hover {
  opacity: 1;
  color: var(--dark-bg);
}
#bare-file-list-container {
  margin-bottom: 30px;
}
#bare-file-list-item {
  justify-content: center;
  user-select: none;
}
.repository.quickstart pre {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  background: var(--Secondary-color-bg-level-2, #F1F5F9);
}
.repository.quickstart .bucket-connection-snippet pre {
  overflow-x: auto;
}
.repository.quickstart .bucket-connection-snippet i {
  position: absolute;
  right: 25px;
}
.repository.quickstart .octicon.octicon-clippy {
  padding: 4px 7px;
  margin-left: 10px;
}
.repository.quickstart .octicon.octicon-clippy:hover {
  opacity: 1;
  color: var(--dark-bg);
}
.repository.quickstart .ui.top.attached.header {
  background: var(--purple-150);
}
.repository.quickstart .ui.top.attached.header .ui.button {
  background: none;
}
.repository.quickstart .ui.top.attached.header .ui.button:hover {
  background: none;
}
.repository.quickstart .ui.bottom.attached.segment {
  background: #F8FAFC;
}
#final-help-div {
  display: flex;
  margin-top: 20px;
}
#final-help-info-icon {
  color: #0d71bb;
  padding: 5px;
}
#final-help-all-container {
  display: flex;
  flex-direction: column;
}
#final-help-all-container > p {
  margin: 1px;
}
#final-help-svg {
  margin: 3px 3px -4px 3px;
}
#bare-cards-holder .logo.content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
#bare-cards-holder > .card {
  width: 180px;
  flex: auto;
}
#bare-cards-holder > .card.disabled {
  opacity: 0.5;
}
#bare-cards-holder > .card.active {
  box-shadow: 0px 0px 0px 3px rgba(196, 181, 253, 0.5);
}
#gs-img {
  width: 160px;
}
#dvc-instructions,
#client-instructions {
  display: none;
}
#bucket-instructions,
#dvc-instructions,
#client-instructions {
  margin-top: 20px;
}
#setup-dvc-p {
  margin-top: 10px;
}
#note-p {
  margin-top: 10px;
}
#bare-containter-in-view-list {
  margin-bottom: -80px;
}
#bare-data-in-view-list-close,
#bare-code-in-view-list-close {
  height: 30px;
  width: 30px;
  padding: 0px 0px 0px 4px;
}
#table-seg-for-final-help-div {
  border-width: 0px;
}
#files-placeholder {
  align-items: center;
}
#bare-experiments-container > p {
  margin: 8px;
}
ul.column-list {
  column-count: 3;
  column-gap: 20px;
  column-width: 200px;
}
.highlight-green {
  background-color: var(--jp-diff-added-color1);
}
.highlight-orange {
  background-color: var(--modified-color1);
}
.highlight-red {
  background-color: var(--jp-diff-deleted-color1);
}
#comment-box {
  display: none;
}
.add-line-comment > svg {
  fill: #FFF;
  vertical-align: text-top;
}
.linenums > #clone-comment {
  white-space: normal;
}
#clone-comment {
  margin-right: 10px !important;
}
#clone-comment p:empty {
  display: none;
}
#clone-comment p:not(:empty) {
  margin-bottom: 0px !important;
}
#clone-comment textarea {
  min-height: 100px;
  max-height: 450px;
  height: 100px;
}
#clone-comment .comments {
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#issue-search-input {
  margin-left: 1rem;
  flex: 1 1 0;
}
.ui.select-assignee.dropdown > .menu > .message {
  margin: 0;
}
.platform-label {
  border-radius: 20px;
  width: 1.5rem !important;
  float: right;
  margin-top: -1em !important;
  position: relative;
}
.repository.view.issue .comment-list .comment .content > .bottom.segment > a {
  float: unset !important;
  border: unset !important;
  height: unset !important;
  padding: unset !important;
  margin: unset !important;
}
.diff-file-box .comments > .comment {
  width: 100%;
  background-color: #FFF;
  border: 1px solid #ddd;
  border-radius: var(--roundness);
  padding: 10px 10px 0 10px !important;
}
.diff-file-box .comments > .comment .text.markdown > p {
  margin: 0;
}
.diff-file-box .comments > .comment .actions {
  opacity: 1 !important;
  top: 10px !important;
  right: 10px !important;
}
.diff-file-box .comments > .comment > .comments .comment {
  padding: 0 !important;
}
.diff-file-box .comments > .comment > .comments .comment .actions {
  top: 0 !important;
  right: 0 !important;
}
.diff-file-box .new-comment > .field > textarea {
  width: 51%;
  min-height: 3em;
  height: 3em;
  transition: height 0.5s ease-out;
}
.diff-file-box .new-comment > .field > textarea:focus {
  height: 8em;
}
.diff-file-box .new-comment > .discard {
  display: none;
}
#branches-table #table-action {
  display: flex;
  justify-content: flex-end;
}
.milkdown {
  border-radius: 0 0 10px 10px !important;
}
.milkdown-menu {
  border-radius: 10px 10px 0 0 !important;
}
#wiki-icon-buttons {
  display: none;
}
@media only screen and (max-width: 650px) {
  #wiki-icon-buttons {
    display: inherit;
  }
  #wiki-text-buttons {
    display: none;
  }
}
.milkdown .editor {
  padding: 0em 1.25em !important;
}
.milkdown .milkdown-alvurh {
  z-index: 100 !important;
}
.milkdown .editor > * {
  margin: 1em 0px !important;
}
.viewer .milkdown {
  border: none !important;
}
.file-list.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f9fafb;
  border-radius: var(--roundness) var(--roundness) 0 0;
}
.file-list.header > div {
  padding: 0.55rem;
}
.file-list.header > .commit > .message {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-list.header > .age {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-list.header > :not(.last.commit) {
  flex-shrink: 0;
}
.file-list.header .filters {
  padding: 0.2rem 0.55rem;
}
.file-list.header .last.commit > div {
  margin: 0 0.3rem 0 0.3rem;
}
.file-list.header .last.commit > a {
  margin: 0 0.3rem 0 0.3rem;
}
.file-list.item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--file-list-border-color);
  height: 38px;
}
.file-list.item:hover {
  background-color: #f7f7f7;
}
.file-list.item.dvc {
  background-color: var(--file-list-dvc-background);
}
.file-list.item.dvc:hover {
  background-color: var(--file-list-dvc-background-hover);
}
.file-list.item.dvc .file > .icon {
  color: var(--file-list-dvc-icon);
}
.file-list.item.dvc .file > .icon img {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  filter: invert(44%) sepia(60%) saturate(399%) hue-rotate(175deg) brightness(89%) contrast(86%);
}
.file-list.item.dvc > .commit > .badge {
  background-image: var(--file-list-dvc-badge-image);
  background-size: auto 24px;
}
.file-list.item.bucket {
  background-color: var(--file-list-bucket-background);
}
.file-list.item.bucket.disabled > .file > .name {
  color: rgba(0, 0, 0, 0.6);
}
.file-list.item.bucket.disabled > .file > .icon {
  filter: saturate(0);
}
.file-list.item.bucket:not(.disabled):hover {
  background-color: var(--file-list-bucket-background-hover);
}
.file-list.item.bucket.s3 .badge {
  background-image: var(--file-list-bucket-s3-badge-image);
}
.file-list.item.bucket.s3-compatible .badge {
  background-image: var(--file-list-bucket-s3-compatible-badge-image);
  background-size: 72px auto;
}
.file-list.item.bucket.repo-bucket .badge {
  background-image: var(--file-list-bucket-repo-bucket-badge-image);
  background-size: 72px auto;
}
.file-list.item.bucket.gs .badge {
  background-image: var(--file-list-bucket-gs-badge-image);
  background-size: auto 21px;
}
.file-list.item.bucket.azure .badge {
  background-image: var(--file-list-bucket-azure-badge-image);
  background-size: auto 21px;
}
.file-list.item.bucket.cta {
  border-top: 0;
}
.file-list.item.bucket.cta > .tiny.blue.label {
  margin-right: 1em;
}
.file-list.item.bucket.cta:not(.disabled) > .file > .name {
  color: var(--dark-700);
  cursor: pointer;
}
.file-list.item.bucket.cta:not(.disabled) > .file > .name strong {
  text-decoration: underline;
  color: var(--black);
}
.file-list.item.bucket-root > .file > .icon > img {
  margin-bottom: -2px;
  width: 15px;
}
.file-list.item.markdown {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.file-list.item > div {
  padding: 0.55rem;
}
.file-list.item > .file {
  font-size: 1em;
  display: flex;
  min-width: 150px;
}
.file-list.item > .file > .name {
  color: var(--file-list-name-color);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-list.item > .file > .icon > .fa-project-diagram {
  color: var(--file-list-name-color);
}
.file-list.item > .file > .icon > .octicon-file-directory {
  color: var(--file-list-name-color);
}
.file-list.item > .file > .icon > .octicon-file-submodule {
  color: var(--file-list-name-color);
}
.file-list.item > .file.empty-files-placeholder {
  justify-content: center;
  width: 100%;
}
.file-list.item > .file.empty-files-placeholder > .name {
  color: var(--text-color-bright);
}
.file-list.item > .file.expand,
.file-list.item .file.expand-always {
  flex-basis: initial;
}
.file-list.item > .commit {
  flex-basis: 70%;
  min-width: 0;
}
.file-list.item > .commit > .message {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-list.item > .commit > .badge {
  padding: 0 0.5rem;
  margin: 0 6px;
  width: 98px;
  height: 26px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFF;
  background-size: auto 18px;
}
.file-list.item > .age {
  width: 300px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-list.item > .age > .create-data-set-cta {
  min-width: 100px;
  text-align: right;
  display: inline-block;
  padding-left: 0.4rem;
}
.file-list.item > .age > .create-data-set-cta > a {
  width: 100%;
  text-align: center;
}
.file-list.item .file .icon {
  color: #777;
  font-size: 16px;
  min-width: 30px;
  width: 30px;
  text-align: center;
  margin-left: -6px;
}
.file-list.item .file .icon .octicon-file-text {
  padding-left: 4px;
}
.file-list.item .file .icon .octicon-file-directory {
  padding-left: 2px;
}
.file-list.container {
  border: 1px solid var(--file-list-border-color);
  border-radius: var(--roundness);
  padding: 0;
  margin-top: 1rem;
  overflow: hidden;
}
.file-list.container > .menu.filters {
  margin: 0 0 2px 0;
  border-bottom: 0;
}
.file-list.container > .menu.filters > .item > .icon {
  color: #777 !important;
  margin-bottom: -2px;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.file-list.container > .menu.filters > .item > i {
  color: #777 !important;
  margin-bottom: -2px;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.file-list.container > .menu.filters > .item > .icon.fa-book-open {
  margin-bottom: -4px;
}
.file-list.container > .menu.filters > .item.disabled > .icon {
  filter: grayscale(100%) opacity(50%);
}
.file-list.container > .menu.filters > .item.disabled > i {
  filter: grayscale(100%) opacity(50%);
}
.file-list.container > .menu.filters > .model.item.disabled > .icon {
  filter: invert(88%) sepia(0%) saturate(847%) hue-rotate(127deg) brightness(79%) contrast(80%);
}
.file-list.container > .menu.filters > .dvc.item > .icon {
  width: 20px;
  height: 20px;
  margin-top: -4px;
}
.file-list.container > .menu.filters > .model.item > .icon {
  filter: invert(53%) sepia(26%) saturate(0%) hue-rotate(176deg) brightness(83%) contrast(92%);
}
.file-list.container > .menu.filters > .git.item > i {
  color: #f05133 !important;
}
.file-list.container > .ui.pointing.secondary.menu.filters > .active.item {
  font-weight: inherit;
  border-color: #0ea432;
}
.file-list.missing-directory {
  border-top: 1px solid var(--file-list-border-color);
  padding: 1rem;
}
.file-list .container {
  max-width: 1127px;
}
.file-list .item .file .zipname {
  color: var(--text-color-bright);
}
.file-list .item:first-child {
  border-top: 0;
  border-radius: var(--roundness) var(--roundness) 0 0;
}
.file-list .item:last-child {
  border-radius: 0 0 var(--roundness) var(--roundness);
}
.file-list .commit {
  display: flex;
  align-items: center;
}
.repo.home.refs.container > a {
  margin-left: 1rem;
}
#commit-history {
  color: #767676 !important;
  font-weight: 700;
}
#remote-dropdown-box {
  width: 85vw;
  max-width: var(--remote-dropdown-max-width);
  min-width: 270px;
}
#repo-clone-url {
  flex: auto;
  min-width: 0;
}
.ui.stackable.grid.dashboard {
  margin: 1rem 2rem;
}
.ui.stackable.grid.dashboard .column {
  padding: 0;
}
.ui.stackable.grid.dashboard .column:not(:last-child) {
  margin-right: 1rem;
}
.ui.stackable.grid.dashboard .content.column {
  padding: 0;
  flex-grow: 2;
}
.menu.filters > .item.filetype {
  cursor: pointer;
}
.label-badge {
  min-width: 15px !important;
  width: 15px !important;
  margin-left: 1rem !important;
}
#collaborators-image-container {
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
  flex-wrap: wrap;
}
@media only screen and (max-width: 850px) {
  #file-buttons {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .repo.home.refs.container {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .branch-selector-title {
    display: none;
  }
  .file-list.item .commit {
    display: none;
  }
  .file-list.item .file {
    width: inherit;
    flex-basis: 25%;
  }
  .file-list.header .commit .message {
    display: none;
  }
  .ui.huge.breadcrumb {
    font-size: 1.5rem !important;
  }
  #graph-legend {
    display: none !important;
  }
  #compare-branch-dropdown-container .splitter {
    display: none;
  }
  #compare-branches {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 95% !important;
  }
  .ui.grid.container {
    width: calc(95% + 2rem) !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid.container {
    width: calc(95% + 2rem) !important;
  }
  .ui.bordered.mini.circular.image {
    width: 31px;
  }
}
@media only screen and (max-width: 767px) {
  #graph-legend tr {
    padding: inherit !important;
    box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
  }
  #graph-legend tr > td {
    padding: 0.4em 0.6em !important;
    font-weight: inherit !important;
  }
  #graph-legend th {
    background: #f9fafb !important;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1) !important;
  }
}
.file-list.item.zip {
  background-color: var(--file-list-zip-background);
}
#repo-side-bar .no-description {
  font-style: italic;
  color: var(--secondary-500);
}
.progress-bar-container {
  margin: auto;
  width: 200px;
  text-align: center;
}
.progress-bar-container .progress {
  padding: 6px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-bar-container .progress.progress-striped {
  background-color: rgba(33, 186, 69, 0.5);
  width: 100%;
  background-image: linear-gradient(45deg, #21ba45 25%, transparent 25%, transparent 50%, #21ba45 50%, #21ba45 75%, transparent 75%, transparent);
  animation: progressAnimationStrike 30s;
}
.progress-bar-container .progress.progress-striped .progress-bar-starting-annotation {
  height: 10px;
  border-radius: 4px;
  transition: 0.4s linear;
  transition-property: width, background-color;
}
@keyframes progressAnimationStrike {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.header-wrapper .repo.actions {
  white-space: nowrap;
}
.header-wrapper .ui.tabs {
  margin-top: 14px;
}
.header-wrapper .ui.pointing.menu {
  border-bottom: 0;
}
.header-wrapper .ui.tabs.divider {
  margin-top: 2px !important;
}
.header-wrapper .ui.repo.header.container {
  width: inherit;
  max-width: none !important;
  margin: 0 2rem 0 2rem !important;
}
.header-wrapper .ui.repo.header.container .ui.pointing.secondary.menu.navbar .active.item {
  font-weight: inherit;
  border-color: #0ea432;
}
#fork-menu {
  padding: 0.25em 0.75em;
}
#fork-menu .menu .item:first-child {
  display: block;
  flex: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0.2rem;
}
#mirror-sync-container {
  display: inline-block;
  padding-left: 0.2rem;
  color: rgba(0, 0, 0, 0.6);
}
#mirror-sync-container #repo-sync-status i {
  display: inline-block;
  padding-left: 0.2rem;
  cursor: pointer;
  font-size: 8px;
}
#mirror-sync-container #repo-sync-status:hover > i {
  color: rgba(0, 0, 0, 0.87);
}
.quickstart .markdown:not(code) .hidden {
  display: none;
}
.quickstart .markdown .dh-token {
  width: 2rem;
  height: 2rem;
  padding: 6px 6px;
}
.quickstart #tutorial {
  margin-left: 15px;
}
#dvc-remote-helper .markdown:not(code) .hidden {
  display: none;
}
#mlflow-remote-helper .markdown:not(code) .hidden {
  display: none;
}
#onboard-storage-home-message .markdown:not(code) .hidden {
  display: none;
}
#onboard-storage-home-message .dh-token {
  padding: 4px 2px;
}
#onboard-storage-home-message.ui.message > .close.icon {
  right: 0.3em;
}
.cta.message .markdown:not(code) .hidden {
  display: none;
}
.commit-badge.item {
  display: inline-flex !important;
}
.repository.quickstart h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#repository-tab-menu {
  height: 40px;
  display: flex;
  align-items: center;
}
#repository-tab-menu .ui.dropdown.hidden {
  display: none;
}
#repository-tab-menu .ui.right.dropdown {
  margin-left: auto;
}
#repository-tab-menu > .item > img.icon {
  width: 16px;
  margin-right: 5px;
}
#repository-tab-menu > .item > #annotations-menu-icon {
  width: 14px;
}
#mini-repository-menu {
  height: 100%;
}
#mini-repository-menu .menu .item {
  border: 0;
}
#mini-repository-menu > .menu {
  margin-top: 3px;
}
#mini-repository-menu .item > #annotations-menu-icon {
  width: 14px;
}
#mini-repository-menu #repo-menu-kebab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 40px;
  text-align: right;
  margin-right: 4px;
}
.repository.list .item .ui.grid {
  align-items: baseline;
  flex-wrap: nowrap;
}
.repository.list .item .ui.grid > div.column {
  width: inherit !important;
}
.repository.list .item .ui.grid .ui.header {
  width: inherit !important;
}
.repository.list .item .details-container {
  flex: auto;
  align-self: center;
  display: flex;
  flex-direction: column;
}
.repository.list .item .ui.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.repository.list .item .ui.header > div:not(:last-child) {
  padding-right: 10px;
}
.repository.list .item .metas {
  flex-shrink: 0;
}
.markdown > pre:hover > code > i {
  opacity: 1;
}
.file-list.model.item > .file > .icon > img {
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
}
@media only screen and (max-width: 1200px) {
  .repo-home-page #file-buttons {
    display: none;
  }
  .repo-home-page .ui.repo.header > .head > .ui.header {
    flex-direction: column;
  }
  .repo-home-page .ui.repo.header > .head > .ui.header > div {
    align-self: flex-start;
    width: 100%;
  }
  .repo-home-page .ui.repo.header > .head > .ui.header .repo.actions {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .repo-home-page .ui.header .repo.actions > div {
    flex-grow: 1;
  }
  .repo-home-page .ui.header .repo.actions > div .basic.button {
    width: 100%;
    white-space: nowrap;
  }
  .repo-home-page #fork-button {
    display: none;
  }
  .repo-home-page #star-button {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #repo-side-bar {
    order: 0;
  }
  #repo-content {
    order: 1;
  }
}
.collaborators-search {
  display: flex;
}
.user.profile #wide-display-profile-card #profile-progress-bar {
  margin-bottom: calc(2.5em + 7px);
}
.user.profile #mobile-profile-card #profile-progress-bar {
  width: 95%;
  margin: 0 auto 25px;
}
.user.profile .content:not(.extra) {
  position: relative;
}
.user.profile .ui.card .extra.content.padded {
  padding: 10px;
}
.user.profile #profile-complete-badge {
  position: absolute;
  top: -20px;
  right: 10px;
}
.user.profile #profile-complete-badge.not-button {
  cursor: initial;
}
.user.profile #profile-complete-badge.not-button .star {
  cursor: initial;
}
#profile-completion {
  width: 100%;
}
#profile-completion .success {
  color: #1a531b;
}
#profile-completion #profile-progress-bar {
  width: 60rem;
  margin: 1rem auto 2.5rem;
}
#profile-completion #profile-progress-bar.ui.active.progress .bar::after {
  -webkit-animation: progress-active 2s ease 3;
  animation: progress-active 2s ease 3;
}
#profile-completion #profile-condition-list {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}
#profile-completion #profile-condition-list #profile-condition {
  font-size: 17px;
  font-weight: 700;
}
#profile-completion #profile-condition-list .item {
  display: flex;
  justify-content: center;
  padding: 1rem;
  width: 50%;
}
#profile-completion #profile-condition-list .item .description {
  width: 70%;
}
#user-profile-box > .ui.card {
  width: 100%;
}
#user-profile-box #mobile-profile-card ul {
  padding: 0;
  margin-bottom: 0;
}
#user-profile-box #mobile-profile-card ul li {
  list-style: none;
  padding: 7px 0;
}
#user-profile-box #mobile-profile-card #profile-avatar img {
  border-radius: 50%;
  border: 2px solid var(--table-header-font-color);
}
#user-profile-box #mobile-profile-card .user-orgs img.ui.image {
  display: inline-block;
}
#user-profile-box #mobile-profile-card #edit-profile-button {
  margin-bottom: 10px;
  padding: 0.58928571em 40px;
}
#user-profile-box #profile-avatar img {
  width: 100%;
}
#user-profile-box #wide-display-profile-card #bio {
  padding-top: 1rem;
}
#user-profile-box .pro-badge {
  margin-left: 0.5rem;
}
.dashboard #profile-complete-badge {
  position: absolute;
  left: 36px;
  top: 36px;
  font-size: 12px;
  padding: 3px;
  cursor: initial;
}
.dashboard #dashboard-right-menu {
  height: 64px;
}
.dashboard #dashboard-right-menu > .item {
  margin: unset;
}
.dashboard #dashboard-right-menu > .fitted.item {
  padding-right: 5px;
}
.dashboard #dashboard-sidebar {
  min-width: 310px;
}
.dashboard #dashboard-sidebar .ui.button {
  margin: 0;
}
.dashboard #dashboard-sidebar .ui.button .octicon {
  font-size: 13px;
}
.dashboard #navbar {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.feeds .news > .action {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.feeds .news > .action > .icon {
  width: 34px;
}
.feeds .news > .action > .push.news {
  min-width: 0;
}
.feeds .ui.grid > .actions.column {
  flex-grow: 2;
}
@media only screen and (max-width: 830px) {
  .dashboard.feeds .ui.grid {
    flex-flow: row wrap-reverse;
  }
  .dashboard.feeds .ui.grid > .column {
    width: 100% !important;
  }
  .dashboard.feeds .ui.grid .news {
    width: 100% !important;
  }
}
.help-user-settings {
  font-size: 12px;
  color: gray;
  margin-top: -10px;
}
.default-access-token .buttons {
  display: flex;
}
.confirm {
  width: 418px;
}
.grants {
  width: 418px;
}
.grants .code {
  justify-content: center;
}
.grants > .bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.grants > .bottom p {
  width: 376px;
  font: normal normal normal 13px/16px Lato;
  letter-spacing: 0px;
  color: #000000DE;
  text-align: center;
}
.grants > .bottom h3 {
  text-align: center;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  color: #000000DE;
}
.grants > .bottom i {
  margin-bottom: 20px;
}
.grants > .bottom b {
  width: 376px;
  font: normal normal bold 13px/16px Lato;
  letter-spacing: 0px;
  text-align: center;
  color: #000000DE;
}
.grants > .bottom > .buttons-container {
  margin-top: 20px;
}
.grants > .bottom > .buttons-container > .button {
  width: 170px;
}
.login-container {
  min-width: 400px;
}
#profile-complete-badge {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #ffca0a;
  border: 2px solid #ffca0a;
  color: #fff;
}
#profile-complete-badge:hover {
  background: #fff;
  color: #ffca0a;
}
#profile-complete-badge i {
  opacity: 1;
}
.organization.teams .members .item .avatar {
  width: 2em !important;
  height: 2em !important;
}
.onboarding-dialog {
  width: 600px;
  height: 540px;
  background: var(--dark-900);
  font-family: "Inter", "sans-serif";
  font-style: normal;
  color: #ffffff;
  border-width: 0;
  border-radius: 12px;
  line-height: 24px;
  padding: 0;
}
.onboarding-dialog .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.onboarding-dialog .grow {
  flex-grow: 1;
}
.onboarding-dialog::backdrop {
  background: rgba(35, 65, 77, 0.8);
  backdrop-filter: blur(4px);
}
.onboarding-dialog .svg-white {
  filter: invert(99%) sepia(71%) saturate(90%) hue-rotate(239deg) brightness(116%) contrast(100%);
}
.onboarding-dialog .dagshub-logo {
  position: fixed;
  left: 24px;
  top: 8px;
  height: 30px;
  width: 122.5px;
}
.onboarding-dialog .onboarding-close {
  position: absolute;
  left: calc(100% - 40px);
  top: 3px;
  z-index: 900;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.onboarding-dialog .onboarding-close img {
  filter: invert(79%) sepia(12%) saturate(414%) hue-rotate(198deg) brightness(87%) contrast(91%);
}
.onboarding-dialog .onboarding-close:hover {
  background: rgba(255, 255, 255, 0.05);
}
.onboarding-dialog .onboarding-close:hover img {
  filter: invert(99%) sepia(71%) saturate(90%) hue-rotate(239deg) brightness(116%) contrast(100%);
}
.onboarding-dialog .video-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.onboarding-dialog .video-placeholder video {
  display: none;
}
.onboarding-dialog video {
  width: 100%;
  height: 315px;
  border-radius: 12px;
}
.onboarding-dialog .step-container {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.onboarding-dialog .step-container:not(.step-welcome) {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 28px;
}
.onboarding-dialog .step-container.step-local {
  gap: 0;
}
.onboarding-dialog h2 {
  font-family: "Inter", "sans-serif" !important;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 25px;
}
.onboarding-dialog h1 {
  font-family: "Inter", "sans-serif" !important;
  font-size: 24px;
  line-height: 32px;
}
.onboarding-dialog h3 {
  font-family: "Inter", "sans-serif" !important;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.onboarding-dialog h1 > i,
.onboarding-dialog h2 > i {
  font-family: "PT Serif", "serif";
  background: linear-gradient(90deg, #A18CD1 0%, #FBC2EB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.onboarding-dialog .button {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  gap: 8px;
  cursor: pointer;
  width: min-content;
  height: 32px;
  border-radius: var(--button-radius);
  user-select: none;
  font-weight: 600;
  line-height: 20px;
  padding: 8px 20px;
  height: 40px;
}
.onboarding-dialog .button.hidden {
  display: none;
}
.onboarding-dialog .button.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.onboarding-dialog .button.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.onboarding-dialog .button.primary {
  /* Primary/purple-600 */
  background: var(--purple-600);
}
.onboarding-dialog .button.primary:hover {
  background: var(--purple-800);
}
.onboarding-dialog .button.primary.active {
  box-shadow: var(--active-shadow);
  margin-bottom: 2px;
  background: var(--purple-600);
}
.onboarding-dialog .button.primary.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.onboarding-dialog .button.primary.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.onboarding-dialog .button.secondary {
  /* Secondary / State 600 */
  border: 2px solid var(--secondary-600);
}
.onboarding-dialog .button.secondary:hover {
  background: #FFFFFF1A;
}
.onboarding-dialog .button.secondary:focus {
  /* Primary/purple-100 */
  border: 2px solid var(--purple-100);
  background: initial;
}
.onboarding-dialog .button.secondary.disabled {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.onboarding-dialog .button.secondary.disabled:hover {
  cursor: not-allowed;
  background: var(--secondary-500);
}
.onboarding-dialog .step-welcome img {
  border-radius: 0;
}
.onboarding-dialog .step-welcome img.step-header-img {
  margin: -20px -20px 0 -20px;
  height: 145px;
}
.onboarding-dialog .step-welcome .point-container {
  margin: 28px 0 20px ;
  display: flex;
  gap: 16px;
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.onboarding-dialog .step-welcome .point-container b {
  font-weight: 700;
}
.onboarding-dialog .step-welcome .button {
  width: 100%;
  height: 40px;
  margin: 25px 0 10px;
}
.onboarding-dialog .step-welcome .button img {
  width: 14px;
  height: 12px;
  filter: invert(99%) sepia(71%) saturate(90%) hue-rotate(239deg) brightness(116%) contrast(100%);
}
.onboarding-dialog .step-welcome a {
  color: #fff;
  text-decoration-line: underline;
  cursor: pointer;
  line-height: 20px;
  margin-bottom: -6px;
}
.onboarding-dialog .step-try h1 {
  width: 100%;
}
.onboarding-dialog .step-try h1 i {
  width: 100%;
  display: inline-block;
}
.onboarding-dialog .step-local h1 {
  margin-bottom: 8px;
}
.onboarding-dialog .onboarding-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.onboarding-dialog .onboarding-controls div {
  min-width: 150px;
  width: fit-content;
}
.onboarding-dialog .onboarding-controls .button {
  white-space: nowrap;
  height: 32px;
}
.onboarding-dialog .onboarding-controls .step-counter {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.onboarding-dialog .nav-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}
.onboarding-dialog .button-chooser {
  flex-grow: 1;
  flex-direction: row;
  display: flex;
  gap: 24px;
}
.onboarding-dialog .button-chooser .button {
  flex: 1;
  height: 100%;
}
.onboarding-dialog .button-chooser .logo {
  width: 100%;
}
.onboarding-dialog .button-chooser .button-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.onboarding-dialog .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 44px;
  border-radius: 12px;
  background: var(--secondary-300);
  color: var(--dark-900);
  flex-shrink: 0;
}
.onboarding-dialog .icon-container img {
  width: 21px;
}
.create-repo-cta {
  background: #eeeeee55;
  backdrop-filter: blur(2px);
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 1000;
}
.create-repo-cta > div {
  position: absolute;
  top: 10px;
  right: 120px;
}
@media screen and (max-width: 1200px) {
  .create-repo-cta > div {
    right: 25px;
  }
}
.create-repo-cta .cta-tooltip {
  background: var(--dark-bg);
  box-shadow: 0 4px 4px rgba(84, 103, 222, 0.15), 0 20px 25px -5px rgba(84, 103, 222, 0.1);
  border-radius: 12px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  padding: 12px;
  position: relative;
  top: -40px;
  left: 30px;
}
.create-repo-cta .cta-tooltip span {
  font-family: "Inter", "sans-serif";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  color: var(--white);
}
.full.height {
  display: flex;
  flex-direction: column;
}
.ui.info.message a {
  font-weight: bolder;
}
.ui.button.tertiary {
  box-shadow: none !important;
  background: none !important;
  color: #4183c4 !important;
}
.tip {
  margin-top: 1em;
}
.tip > p {
  display: inline;
  color: #586069;
}
.video-modal {
  width: 85%;
}
.video-modal i.close.icon {
  top: -2rem !important;
  right: 1.5rem !important;
}
.ui.secondary.pointing.menu .item {
  transition: border-color 150ms;
}
.ui.secondary.pointing.menu .item:active {
  border-color: inherit;
}
.ui.secondary.pointing.menu .item:hover {
  border-color: rgba(0, 0, 0, 0.1);
}
.pushable > .pusher {
  overflow: initial !important;
}
body.pushable {
  background: initial !important;
}
.explore .ui.grid .column.content {
  flex-grow: 3;
  min-width: 0;
}
.ui.settings_menu.vertical.menu {
  width: 100%;
}
.explore.users div.search {
  padding-top: 1rem;
}
.icon-counter {
  color: var(--text-color-icon-counter);
  white-space: nowrap;
  margin: 0.2em;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .explore.users div.search {
    width: 90%;
  }
  .tip {
    display: none;
  }
}
.deployment-tab-highlight {
  background-color: #c8e5ff !important;
  border-radius: var(--roundness) var(--roundness) 0 0 !important;
}