/* Fixed sticky header spacing */
div.sticky.top-0.h-8.bg-gradient-to-b.from-background-light.dark\:from-background-dark {
  background: transparent !important;
  height: auto !important;
  padding-bottom: 41px !important;
}

/* ✅ THICKEN ACTIVE TAB UNDERLINE */
div.absolute.bottom-0.w-full.bg-primary,
div.absolute.bottom-0.w-full[class*="bg-primary"] {
height: 3px !important;
}

img.relative.object-contain {
  height: 40px !important;
  margin-top: 6px;
}

header img.relative.object-contain {
  margin-top: 6px;
}

footer img.relative.object-contain {
  margin-top: -7px;
}

a:has(span.bg-primary-dark) span.bg-primary-dark {
  border-radius: 8px !important;
}

html.dark body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at top left, rgba(28, 68, 252, 0.2) 0%, transparent 50%),
    radial-gradient(circle at top right, rgba(28, 68, 252, 0.15) 0%, transparent 70%),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, #000000 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  mix-blend-mode: normal;
  opacity: 1;
}

@media (prefers-color-scheme: light) {
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: -1;
    pointer-events: none;
    background:
      radial-gradient(circle at top left, rgba(28, 68, 252, 0.05) 0%, transparent 50%),
      radial-gradient(circle at top right, rgba(28, 68, 252, 0.03) 0%, transparent 60%),
      linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #ffffff 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    mix-blend-mode: normal;
    opacity: 1;
  }
}



.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-mt-0 {
    margin-top: 0px
}
.mint-mt-4 {
    margin-top: 1rem
}
.mint-flex {
    display: flex
}
.mint-flex-1 {
    flex: 1 1 0%
}
.mint-gap-12 {
    gap: 3rem
}
.mint-rounded-xl {
    border-radius: 0.75rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.hover\:mint-text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.dark\:hover\:mint-text-gray-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

March 2025

2025 Releases

Reaction Repo

Introduction

Reaction Repo Documentation

Quickstart

Quick Guide to Arrow-Pushing and Key Reactions

Arrow-Pushing Guide

Additional Resources

Welcome to the Reaction Tutorial Catalog. Here you search through Reactions to find your desired reaction.

Release Notes

Roadmap

2025 Releases

CLI Update

Modules Updated

Release Notes

Roadmap

​CLI Update

Modules Updated

CLI Update