@font-face {
  font-family: "ABC Diatype Unlicensed Trial";
  src: url("https://loopscale-site.s3.us-east-1.amazonaws.com/fonts/ABCDiatype-Medium-Trial.woff");
  font-weight: 600;
}
@font-face {
  font-family: "ABC Diatype Unlicensed Trial";
  src: url("https://loopscale-site.s3.us-east-1.amazonaws.com/fonts/ABCDiatype-Bold-Trial.woff");
  font-weight: 700;
}
:root {
  /* --highlight-background-color--normal: hsl(50deg 100% 50% / 15%) !important;
--highlight-background-color--normal-with-alpha: hsl(50deg 100% 50% / 15%) !important;
--highlight-background-color-underline: hsl(50deg 100% 50% / 100%) !important;
--highlight-background-color--active: hsl(50deg 100% 50% / 20%) !important;
--highlight-image-background-color--normal: hsl(50deg 100% 50% / 30%) !important;
--highlight-image-background-color--active: hsl(50deg 100% 50% / 50%) !important;
--highlight-resize-handle-background-color: rgb(220, 185, 0) !important;
--highlight-resize-handle-background-color--alternative: #767ccc !important;
--js_highlight-normal: #fcf6bf !important;
--highlight-background-color--alternative: #CDCDFE !important;
--highlight-background-color--alternative--active: #b1b7fe !important;
--highlight-text-color: #000 !important;
--highlight-text-color--alternative: #000 !important;
--highlight-text-color--active: #000 !important;
--highlight-icon-color: rgba(0, 0, 0, .6) !important;
  /* --background: var(--light);
  --background-card: var(--white);
  --primary-background: rgba(var(--black-rgb), 0.05);
  --primary-background-light: rgba(var(--black-rgb), 0.03);
  --text-body: var(--black);
  --secondary: var(--blue);
  --secondary-background: rgba(var(--blue-rgb), 0.1);
  --text-caption: var(--grey);
  --text-disabled: rgba(var(--black-rgb), 0.4);
  --text-button: var(--light);
  --divider: rgba(var(--black-rgb), 0.08);
; */
  --blue: 39 110 214;
  --light: 248 249 251;
  --black: 21 22 25;
  --gray: 110 133 145;
  --white: 255 255 255;

  --brand-blue: rgb(var(--blue));
  --brand-light: rgb(var(--light));
  --brand-black: rgb(var(--black));
  --brand-gray: rgb(var(--gray));
  --brand-white: rgb(var(--white));
  --brand-pink: #fac1e2;
  --brand-orange: #fd7448;
  --brand-prussian: #1a3b53;
  --primary-background-light: rgb(var(--black) / 0.02);
  --primary-background: rgb(var(--black) / 0.03);

  /* --gray-50: 243 243 243;
  --gray-100: 232 323 232;
  --gray-200: 208 208 209;
  --gray-300: 185 185 186;
  --gray-400: 161 162 163;
  --gray-500: 138 138 140;
  --gray-600: 115 115 117;
  --gray-700: 91 92 94;
  --gray-800: 68 69 71;
  --gray-900: 44 45 48; */
  /* --background-light: var(--light); */
  --rounded-full: 12px;
  --rounded-lg: 12px;
  --rounded-md: 12px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.font-medium {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 * {
  color: var(--brand-black) !important;
}
.prose {
  color: var(--brand-gray);
  --tw-prose-links: var(--brand-blue);
}
.prose a {
  border-bottom: 1px solid rgb(var(--blue) / 0.2);
  outline-offset: 2px;
}
.prose h1.font-semibold,
.prose h2.font-semibold,
.prose h3.font-semibold,
.prose h4.font-semibold,
.prose h5.font-semibold,
.prose h6.font-semibold {
  font-weight: 700 !important;
}
footer > :last-child {
  display: none;
}

/* Optional div before table to hide head */
.hide-table-head + table > thead {
  display: none;
}

#navigation-items a.text-primary {
  color: var(--brand-black);
}
#navigation-items a.text-primary:hover {
  color: var(--brand-black);
}
#navigation-items li > * {
  background-color: transparent !important;
  color: var(--brand-gray);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --font-weight-body-custom: 500;
}
#navigation-items li > *:focus,
#navigation-items li > *:hover {
  color: rgb(var(--gray-700));
  background-color: transparent !important;
}
/* .max-w-8xl {
  max-width: 80rem;
} */
/* Hide scrollbar for Chrome, Safari and Opera */
#sidebar > div::-webkit-scrollbar,
#table-of-contents-content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#sidebar > div,
#table-of-contents-content {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
a.card {
  border-color: transparent !important;
  background-color: var(--primary-background-light);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
a.card:hover {
  border-color: transparent !important;
  background-color: var(--primary-background);
}

a.card:not([target="_blank"]) .text-gray-400 svg {
  display: none;
}

div[id*="accordion"] > table {
  margin-top: 0px !important;
}

.table-link-icons + table a {
  display: flex;
  align-items: center;
  border: none;
  gap: 4px;
}

button[aria-controls*="accordion"]:hover {
  background-color: var(--primary-background-light);
}

button[aria-controls*="accordion"] {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

#navbar a[href="https://loopscale.com"]
{
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  padding-top: 0.25rem;
}

@media (min-width: 480px) {
  #navbar a[href="https://loopscale.com"]::after
  {
    content: "Documentation";
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
[role="menu"] > a:not([title]) {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

[role="menu"] > a:not([title]):last-child::after {
  content: "Coming soon";
  font-weight: 400;
  font-size: 0.75rem;
  margin-left: 1rem;
}
[role="menu"] > :last-child > svg {
  display: none;
}
.border-standard > div > .border-standard:has(+ button) {
  border: none;
  background-color: var(--primary-background);
}
#content-area {
  max-width: 60rem;
  margin-left: auto;
}
a[aria-label="Navigate to header"] {
  border-bottom: none;
}
/* #content-side-layout {
  width: 20rem;
} */
/* 
#topbar-cta-button > a {
  padding: 12px 24px;
}

nav * {
  font-weight: 600 !important;
  font-size: 1rem;
}

#navbar .h-16 {
  height: 5rem;
}
  
a.bg-primary\/10 {
  background-color: transparent;
} */
/* #navigation-items h5#navigation-items a, {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#navigation-items .group {
} 

table {
  --tw-prose-links: var(--blue);
}

*/


console.log("hi");
function init() {
  console.log("added");

  const publicMenuButton = document.querySelector(
    '[role="menuitem"]:last-child'
  );
  publicMenuButton.classList.add("MENU-BUTTON");
}

window.onload = init;


Protocol Concepts

Overview

Learn about the core protocol-concepts of Loopscale, a modular borrow and lending protocol on Solana.

Introduction

Using Loopscale

Protocol Concepts

Resources

Overview

Protocol Concepts

Loans & Orders

Credit Order Book

Loopscale Vaults

Loops

Introduction

Using Loopscale

Protocol Concepts

Resources

​Protocol Concepts

Loans & Orders

Credit Order Book

Loopscale Vaults

Loops

Protocol Concepts