@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;
}

#search-bar-entry {
  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;
}

/* 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: transparent !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  border-radius: 0px !important;
}
a.card:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
span > img {
  border-radius: var(--rounded-2xl,1rem);

}
a.card > img {
  border-radius: var(--rounded-2xl,1rem);
}

a.card > div {
  padding-left:  0px !important;
  padding-right:  0px !important;


}

.prose > a.card {
  display: flex;
  align-items: center;
  flex-direction: column;
 
}
.prose > hr:nth-of-type(2) {
  display: none
}


#navbar [class~="lg:hidden"] {
  display: none;

}

.prose > a.card  h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width: 480px) {
  #content-container > div.pt-40 {
    padding-top: 7.5rem;
  }
  }
@media(min-width:640px) {
  .prose > a.card  h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;

  margin-top: 0px;
  margin-bottom: 0px;
    
  }

  h1#page-title {
    font-size: 2.875rem;
    line-height: 3.125rem;
  }
}

@media (min-width: 480px) {
  .prose > a.card {
    flex-direction: row;
    gap: 24px;


  }
  .prose > hr:first-of-type {
    display: none
  }
  .prose > hr:nth-of-type(2) {
    display: block
  }
  .prose > a.card  img {
    width: 60%
  }

}
.prose > a.card  h2 {
  font-size: .875rem;
  line-height: 1.5rem;
  color: var(--brand-blue) !important;
  
}

.featured-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.featured-description {
  color: var(--brand-gray) !important;
margin-bottom: 0.5rem;
}

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: "Blog";
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.max-w-3xl {
  max-width: 54rem;
}
/* [role="menuitem"]:last-child {
  pointer-events: none;
  cursor: default;
  opacity: 50;
} */
/* 
#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);
}

*/


Recent

Updates, stories, and announcements from the Loopscale team

Loopscale Blog

Loopscale Blog

Featured

Loopscale is now live: A new standard for borrow and lend

Recent

How Loopscale Powers DeFi Structured Products

Flex Appeal: Lending for Any Token

Pool-based DeFi lending is inefficient by design. Here’s how Loopscale fixes it

Access the Loopscale Closed Beta

Featured

Loopscale is now live: A new standard for borrow and lend

​Recent

How Loopscale Powers DeFi Structured Products

Flex Appeal: Lending for Any Token

Pool-based DeFi lending is inefficient by design. Here’s how Loopscale fixes it

Access the Loopscale Closed Beta

Recent