@font-face {
  font-family: 'GT Pressura Extended';
  src: url('https://kcowsbcdgosjqiridsbi.supabase.co/storage/v1/object/public/Assets//GT-Pressura-Extended-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GT Pressura Extended';
  src: url('https://kcowsbcdgosjqiridsbi.supabase.co/storage/v1/object/public/Assets//GT-Pressura-Extended-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Departure Mono';
  src: url('https://kcowsbcdgosjqiridsbi.supabase.co/storage/v1/object/public/Assets//DepartureMono-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

:root {
  --sidebar-text: #ffffff !important;
  --text-default: #ffffff !important;
  --text-md: #ffffff !important;
  --text-sm: #ffffff !important;
  --icon-default: #ffffff !important;
}

body {
    min-height: 100vh !important;
    width: 100% !important;
    position: relative !important;
    font-family: 'GT Pressura Extended', sans-serif !important;
}


body::before {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url('https://mintlify.s3.us-west-1.amazonaws.com/nexio/images/bg-tile.svg') !important;
  background-repeat: repeat !important;
  background-size: 16px 16px !important;
  background-position: center center !important;
  opacity: 0.05 !important;
  z-index: -1 !important;
  pointer-events: none !important;

}

#navbar-transition, #navbar-transition-maple {
  --tw-backdrop-blur: none !important
}

/* Social media icons
li a svg {
  background-color: #ffffff !important;
} */

.border-gray-950\/5 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.hover\:border-gray-950\/20:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.dark {
  --sidebar-text: #ffffff !important;
  --text-default: #ffffff !important;
  --text-md: #ffffff !important;
  --text-sm: #ffffff !important;
  --icon-default: #ffffff !important;
}

/* Base text styles */
p, span, a {
  color: #ffffff !important;
  font-weight: normal !important;
  letter-spacing: -0.03em !important;
  transition: opacity 0.2s cubic-bezier(.39, .575, .565, 1) !important;
}

/* Target headlessui dialogs with any ending character */
[id^="headlessui-dialog-:r"] .bg-white {
  background-color: #073252 !important;
}

[id^="headlessui-dialog-:r"] a {
  color: #ffffff !important;
}

[id^="headlessui-dialog-:r"] svg {  
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Add hover state for links */
#sidebar-content a span {
  border-bottom: 1px solid transparent !important;
  transition: border-color 0.2s cubic-bezier(.39, .575, .565, 1) !important;
}

#sidebar-content a span:hover {
  border-bottom: 1px solid #ffffff !important;
}

#sidebar a:not(#sidebar-content a):hover {
  opacity: 0.75 !important;
  transition: opacity 0.2s cubic-bezier(.39, .575, .565, 1) !important;
}

#footer .bg-gray-400{
  background-color: #ffffff !important; 
}

#footer a{
  transition: all .2s cubic-bezier(.39, .575, .565, 1) !important;
}
#footer a:hover{
  opacity: 0.75 !important;
}

/* Heading styles */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
  font-family: 'GT Pressura Extended', sans-serif !important;
  font-weight: bold !important;
  letter-spacing: -0.025em !important;
}

h1 {
  text-transform: uppercase !important;
  font-family: 'Departure Mono', sans-serif !important;
  line-height: 110% !important;
  font-size: 2.25rem !important;
  font-weight: 400 !important;
}

h2 {
  font-size: 2rem !important;
  font-weight: 400 !important;
}

h2:not(.card h2) {
  margin-top: 3rem !important;
}

h3 {
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  margin-top: 2.5rem !important;
}

svg {
  color: #ffffff !important;
  /* fill: #ffffff !important; */
}

/* Target specific Tailwind icon classes */
.h-4.w-4.secondary-opacity,
.h-4.w-4[class*="secondary-opacity"] {
  background-color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* Override Tailwind hover states */
.group:hover .h-4.w-4.secondary-opacity,
.group:hover .h-4.w-4[class*="secondary-opacity"] {
  background-color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Card styles */
.card.block {
  border: 1px solid #073252 !important;
  border-radius: 0.25rem !important;
  color: #073252 !important;
  transition: all .2s cubic-bezier(.39, .575, .565, 1) !important;
}
.card svg{
  color: #FC5C21 !important;
}
/* Card headings */
.card.block h1,
.card.block h2,
.card.block h3,
.card.block h4,
.card.block h5,
.card.block h6 {
  color: #FC5C21 !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;  
}

.card.block h2 {
  font-size: 1.25rem !important ;
  font-weight: 400 !important;
  line-height: 120% !important;
}

/* Card body text */
.card.block p,
.card.block span,
.card.block a {
  color: #073252 !important;
}

/* Add hover state for cards */
.card.block:hover {
  background: none !important;
  border-color: #ffffff !important;
}

/* Add hover state for cards */
.card.block:hover svg.lucide-arrow-up-right{
  color: #ffffff !important;
  background-color: transparent !important;
}

.card.block:hover h1,
.card.block:hover h2,
.card.block:hover h3,
.card.block:hover h4,
.card.block:hover h5,
.card.block:hover h6,
.card.block:hover p,
.card.block:hover span,
.card.block:hover a {
  color: #ffffff !important;
}

.card.block:hover svg {
  background-color: #ffffff !important;
}

#content-area img {
  border-radius: .25rem !important;
  border: 1px solid #073252 !important;
}

/* Update the Frame caption selector to be more specific */
#content-area .frame-caption,
#content-area [data-caption],
#content-area figcaption {
  font-style: italic !important;
  color: #ffffff !important;
  opacity: 0.75 !important;
}

/* Eyebrow text styles */
.eyebrow {
    opacity: 0.5;
    color:#ffffff;
    letter-spacing: 0;
    text-transform: lowercase;
    min-height: 1.2rem;
    font-family: 'Departure Mono', sans-serif;
    font-size: 1rem;
}

#search-bar-entry {
    background: none !important;
    border: 1px solid rgba(255, 255, 255, 1) !important;
    border-radius: 0.25rem !important;
    color: rgba(255, 255, 255, 0.5) !important;
    transition: all .2s cubic-bezier(.39, .575, .565, 1) !important;
}

.border-gray-200\/70{
  border-color: rgba(255, 255, 255, 1) !important;
}

.border-l {
  border-left-width: 1.5px !important;
}


.border-primary {
  border-color: #FC5C21 !important;
}
#search-bar-entry:hover {
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* Override text styles for specific Tailwind classes */
.text-2xl,
.sm\:text-3xl {
    font-size: 3rem !important; /* Adjust size as needed */
}

.text-gray-900 {
    color: #111827 !important; /* Customize gray-900 color */
}

.dark\:text-gray-200 {
    color: #ffffff !important; /* Customize gray-200 color for dark mode */
}

.tracking-tight {
    letter-spacing: -0.025em !important;
}

.font-semibold {
    font-weight: 400 !important;
}

.inline-block {
    display: inline-block !important;
}


.-ml-10 svg{
  fill: #FC5C21 !important; 
}

.rounded-md {
  border-radius: .2rem !important;
}

/* .zinc-box {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
} */

.zinc-box:not(#navigation-items .zinc-box) {
  border: 1px solid #073252 !important;
}

#navigation-items .zinc-box {
  border: none !important;
}

.rounded-xl {
  border-radius: .25rem !important;
}

.rounded-2xl {
  border-radius: .25rem !important;
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
  -webkit-appearance: button !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #073252 !important;
}

button .dark\:text-gray-200 {
  color: #ffffff !important; /* Override for buttons */
}

#content-area button svg {
  background-color: #ffffff !important;
}

/* Fix for search bar button SVG */
#search-bar-entry button svg {
  background-color: transparent !important;
}

.p-1 {
  padding: 1px !important;
}

.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
  color: #ffffff !important;
}
ul, ol {
 letter-spacing: -0.025em !important;
}
ul, ol, li::marker {
  color: #ffffff !important;
} 

.prose ul>li:before {
  background-color: #ffffff !important;
}

table {
  color: #ffffff !important;
}

table th {
  color: #ffffff !important;
}

.border-standard {
  border-color: #ffffff !important;
}

.border-standard:hover {
  border-color: #ffffff !important;
}

.bg-sky-50\/50 {
  background-color: #FC5C21 !important;
}

.bg-amber-50\/50 {
  background-color: #FC5C21 !important;
}

.bg-emerald-50\/50 {
  background-color: #FC5C21 !important;
}

.bg-zinc-50\/50 {
  background-color: #FC5C21 !important;
}

.p-2 {
  padding: 0rem !important;
}

.bg-gray-50\/50 {
  background-color: transparent !important;
}
.bg-grid-neutral-200\/20 {
  background-image: none !important;
}

.bg-gray-500 {
  background-color: #ffffff !important;
}

.w-full.rounded-xl.flex.bg-gray-50\/80 {
  background-color: #ffffff !important;
}


/* Fix for group flex items span */
.group.flex.items-center.justify-between.pl-3.pr-6.space-x-1\.5 span, .group.flex.items-center.justify-between.pl-3.pr-6.space-x-1\.5 svg {
  color: #073252 !important;
}

.bg-primary\/10 {
  background-color: #ffffff25 !important;
}

.border-black\/5 {
  border-color: rgba(0, 0, 0, 0) !important;
}

.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-color: #ffffff !important;
}

blockquote {
  border-left-width: 2px;
  border-left-color: var(--white);
  text-transform: uppercase;
  padding: 0rem 1.5rem !important;
  font-family: 'Departure Mono', sans-serif !important;
  font-size: 1.75rem !important;
  line-height: 130% !important;
}

/* blockquote .prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
} */

.rounded-search {
  border-radius: 0.25rem !important;
}

.text-gray-950{
  color: #ffffff !important;
}

.text-gray-700 {
  color: #ffffff !important;
}

.bg-gray-50{
  background-color: #ffffff25 !important;
}

.bg-gray-950\/5 {
  background-color: #ffffff25 !important;
}

.text-zinc-950\/70 {
  color: #ffffff !important;
}

.opacity-50 {
  opacity: 1 !important;
}

.focus\:border-slate-950:focus {
  border-color: #ffffff75 !important;
}

::placeholder {
  color: #ffffff !important;
  opacity: .5 !important; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ffffff !important;
}


.\[\&_mark_b\]\:text-primary mark b {
  --tw-text-opacity: 1;
  color: #ffffff75;
}

.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):not(.absolute *) {
  border-bottom: 2px solid rgb(var(--primary-light));
  transition: all .2s cubic-bezier(.39, .575, .565, 1) !important;
}


.prose :where(a:hover):not(:where([class~=not-prose],[class~=not-prose] *)):not(.absolute *) {
  border-bottom-width: 0px !important;
}


.max-w-xl {
  max-width: 45rem !important;
}

Community Links

Nexio Docs

What is Nexio?

Vision & Mission

Bitcoin DeFi Limitations

Nexio's Approach to Solving Bitcoin DeFi

Architecture Overview

Nexio’s Shared Sequencer

Move Executor & MoveVM

Decentralized Bridge powered by MPC-TSS DKLs23 series'

MPC-TSS Bridge

Fast Consensus with Bitcoin-Grade Security

UTXO Indexer

Use Cases

Developer Tools: Coming soon

Introduction

The Problem and Solution

Core Features

Deep Dive

Build on Nexio

Community

Community Links

Twitter

Discord

Website