.nav-dropdown-content {
	width: var(--radix-dropdown-menu-trigger-width);
}

.nav-dropdown-item[data-dropdown-item="CDP API v2"] > .nav-dropdown-item-text-container > .nav-dropdown-item-title::after {
  content: "Beta" !important;
  background-color: #004cec1a;
  color: #0052ff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 12px;
  margin-left: 8px;
}


@font-face {
  font-family: 'Coinbase Text Medium';
  src: url('https://mintlify-assets.b-cdn.net/fonts/coinbase/Coinbase_Text-Medium-web-1.32.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

.dark li[id="topbar-cta-button"] > a > span {
  background-color: #578BF9 !important;
}

.dark li[id="topbar-cta-button"] > a > div > svg {
  color: #101521 !important;
}

.dark li[id="topbar-cta-button"] > a > div > span {
  color: #101521 !important;
}

div[data-callout-type='info'] {
  background-color: #f5f8fe !important;
  color: #0052fe !important;
  border-color: #ccdcfe !important;
}

div[data-callout-type='info'] > div > svg {
  color: white !important;
}

div[data-callout-type='info'] > div > svg > path {
  fill: #0052fe !important;
}

.dark div[data-callout-type='info'] {
  background-color: #001133 !important;
  color: #578bf9 !important;
  border-color: #2c406c !important;
}

.dark div[data-callout-type='info'] > div > svg > path {
  fill: #578bf9 !important;
}

div[data-callout-type='note'] {
  background-color: rgba(250, 250, 250, 0.5) !important;
  color: #578bf9 !important;
  border-color: rgba(113, 113, 122, 0.2) !important;
}

div[data-callout-type='note'] > div > svg {
  color: white !important;
}

div[data-callout-type='note'] > div > ul > li {
  color: #18181b !important;
}

.dark div[data-callout-type='note'] > div > ul > li {
  color: #e4e4e7 !important;
}

div[data-callout-type='note'] > div > svg > path {
  fill: #0052fe !important;
}

.dark div[data-callout-type='note'] {
  background-color: rgba(113, 113, 122, 0.1) !important;
  color: #578bf9 !important;
  border-color: rgba(113, 113, 122, 0.3) !important;
}

.dark div[data-callout-type='note'] > div > svg > path {
  fill: #578bf9 !important;
}

.dark div[data-callout-type='note'] > div > p {
  color: #e4e4e7 !important;
}
div[data-callout-type='note'] > div > p {
  color: #18181b !important;
}

#\/ {
  display: none;
}

h1,
h2,
span {
  letter-spacing: 0.02em !important;
}

/* Nav section header styles */
.nav-section-header {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #6b7280 !important;
  padding: 12px 8px 4px 8px !important;
  margin-bottom: 4px !important;
}

.nav-section-header.with-divider {
  border-top: 1px solid #e5e7eb !important;
  margin-top: 8px !important;
}

.dark .nav-section-header {
  color: #9ca3af !important;
}

.dark .nav-section-header.with-divider {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.version-option:hover {
  background-color: #f1f5f9 !important;
}

.dark .version-option:hover {
  background-color: #4b5563 !important;
}

/* Version-specific visibility rules to prevent flash on page load */
/* Initially hide v1 Wallet API content by default */
li[data-group-tag="v1"][data-title="Wallet API"] {
  display: none !important;
}

/* Show v1 content only when the URL contains v1 */
body.url-contains-v1 li[data-group-tag="v1"][data-title="Wallet API"] {
  display: block !important;
}

/* Ensure v2 content is visible by default */
li[data-group-tag="v2"][data-title="Wallet API"] {
  display: block !important;
}

/* Hide v2 content when v1 is active */
body.url-contains-v1 li[data-group-tag="v2"][data-title="Wallet API"] {
  display: none !important;
}

.nav-tag-pill-text[data-nav-tag="v1"] {
  cursor: pointer !important;
  user-select: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
}

.nav-tag-pill-text[data-nav-tag="v2"] {
  cursor: pointer !important;
  user-select: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
}

/* Add dropdown arrow using ::after pseudo-element */
.nav-tag-pill-text[data-nav-tag="v1"]::after,
.nav-tag-pill-text[data-nav-tag="v2"]::after {
  color: #004cec !important;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23004cec' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  margin-left: 4px;
  padding-top: 4px;
  opacity: 0.6;
}

#footer > div {
  padding-top: 5rem !important;
  padding-bottom: 4rem !important;
}

.tab-container > ul {
margin-bottom: 1rem !important;
}

.code-block {
  margin-top: 0px !important;
}

button[data-component-part="tab-button"] {
  font-size: 1rem !important;
}

@media (min-width: 1024px) {
  div[id="content-container"] {
    padding-left: 4rem !important;
    padding-right: 1rem !important;
  }
}

#sidebar-title {
  font-family: 'Coinbase Text Medium', sans-serif !important;
  color: #111827 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

.dark #sidebar-title {
  font-family: 'Coinbase Text Medium', sans-serif !important;
  color: #e5e7eb !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}


.mint-mb-1 {
    margin-bottom: 0.25rem
}
.mint-mb-8 {
    margin-bottom: 2rem
}
.mint-mt-1 {
    margin-top: 0.25rem
}
.mint-mt-10 {
    margin-top: 2.5rem
}
.mint-mt-2 {
    margin-top: 0.5rem
}
.mint-mt-6 {
    margin-top: 1.5rem
}
.mint-mt-\[-8px\] {
    margin-top: -8px
}
.mint-flex {
    display: flex
}
.mint-aspect-video {
    aspect-ratio: 16 / 9
}
.mint-h-12 {
    height: 3rem
}
.mint-h-\[100px\] {
    height: 100px
}
.mint-h-\[300px\] {
    height: 300px
}
.mint-h-fit {
    height: fit-content
}
.mint-h-full {
    height: 100%
}
.mint-w-12 {
    width: 3rem
}
.mint-w-full {
    width: 100%
}
.mint-flex-1 {
    flex: 1 1 0%
}
.mint-flex-shrink-0 {
    flex-shrink: 0
}
.mint-flex-row {
    flex-direction: row
}
.mint-flex-col {
    flex-direction: column
}
.mint-flex-wrap {
    flex-wrap: wrap
}
.mint-items-start {
    align-items: flex-start
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-justify-between {
    justify-content: space-between
}
.mint-gap-1 {
    gap: 0.25rem
}
.mint-gap-1\.5 {
    gap: 0.375rem
}
.mint-gap-2 {
    gap: 0.5rem
}
.mint-gap-3 {
    gap: 0.75rem
}
.mint-gap-4 {
    gap: 1rem
}
.mint-gap-6 {
    gap: 1.5rem
}
.mint-space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.mint-space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.mint-overflow-hidden {
    overflow: hidden
}
.mint-rounded-2xl {
    border-radius: 1rem
}
.mint-rounded-lg {
    border-radius: 0.5rem
}
.mint-rounded-xl {
    border-radius: 0.75rem
}
.mint-border {
    border-width: 1px
}
.mint-border-\[\#D3E1FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(211 225 255 / var(--tw-border-opacity))
}
.mint-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.mint-bg-\[\#F5F8FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 248 255 / var(--tw-bg-opacity))
}
.mint-bg-\[\#FFFCF1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 252 241 / var(--tw-bg-opacity))
}
.mint-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.mint-object-cover {
    object-fit: cover
}
.mint-p-3 {
    padding: 0.75rem
}
.mint-p-4 {
    padding: 1rem
}
.mint-p-6 {
    padding: 1.5rem
}
.mint-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.mint-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.mint-py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
.mint-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.mint-text-left {
    text-align: left
}
.mint-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-\[1\.05rem\] {
    font-size: 1.05rem
}
.mint-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.mint-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-medium {
    font-weight: 500
}
.mint-font-semibold {
    font-weight: 600
}
.mint-tracking-tight {
    letter-spacing: -0.025em
}
.mint-text-\[\#0955FE\] {
    --tw-text-opacity: 1;
    color: rgb(9 85 254 / var(--tw-text-opacity))
}
.mint-text-\[\#3D4045\] {
    --tw-text-opacity: 1;
    color: rgb(61 64 69 / var(--tw-text-opacity))
}
.mint-text-\[\#733E00\] {
    --tw-text-opacity: 1;
    color: rgb(115 62 0 / var(--tw-text-opacity))
}
.mint-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.mint-text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.mint-text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.hover\:mint-bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.hover\:mint-text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}
.hover\:mint-underline:hover {
    text-decoration-line: underline
}
.mint-group:hover .group-hover\:mint-text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.mint-group:hover .group-hover\:mint-underline {
    text-decoration-line: underline
}
.mint-group:hover .group-hover\:mint-decoration-blue-500 {
    text-decoration-color: #3b82f6
}
.mint-group:hover .group-hover\:mint-underline-offset-4 {
    text-underline-offset: 4px
}
.dark\:mint-border-\[\#011D5B\]:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(1 29 91 / var(--tw-border-opacity))
}
.dark\:mint-border-white\/10:is(.dark *) {
    border-color: rgb(255 255 255 / 0.1)
}
.dark\:mint-bg-\[\#001033\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 16 51 / var(--tw-bg-opacity))
}
.dark\:mint-bg-white\/5:is(.dark *) {
    background-color: rgb(255 255 255 / 0.05)
}
.dark\:mint-bg-yellow-500\/10:is(.dark *) {
    background-color: rgb(234 179 8 / 0.1)
}
.dark\:mint-text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity))
}
.dark\:mint-text-blue-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.dark\:mint-text-yellow-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity))
}
.dark\:hover\:mint-bg-white\/5:hover:is(.dark *) {
    background-color: rgb(255 255 255 / 0.05)
}
.dark\:hover\:mint-text-blue-500:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity))
}
.mint-group:hover .dark\:group-hover\:mint-text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity))
}
@media (min-width: 1024px) {
    .lg\:mint-w-1\/3 {
        width: 33.333333%
    }
    .lg\:mint-w-2\/3 {
        width: 66.666667%
    }
    .lg\:mint-flex-row {
        flex-direction: row
    }
    .lg\:mint-px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

// Get the target element - specifically the inner div with the disclaimer text
const targetElement = document.querySelector("#chat-assistant-sheet > div > div.chat-assistant-sheet-content > div > div");

if (targetElement) {
    // Clear the existing content
    targetElement.textContent = "";
    
    // Create the disclaimer text
    const disclaimerText = document.createTextNode("This is an AI generated summary and may contain mistakes. It is not intended to give advice, including legal, financial or tax advice. It does not have access to your account information. By using this AI-assistant, you agree to the ");
    
    // Create the link element
    const tosLink = document.createElement("a");
    tosLink.href = "https://www.coinbase.com/legal/developer-platform/terms-of-service";
    tosLink.textContent = "CDP ToS";
    tosLink.target = "_blank";
    tosLink.rel = "noopener noreferrer";
    tosLink.style.borderBottom = "1px solid rgb(var(--primary))";
    
    // Add the period after the link
    const period = document.createTextNode(".");
    
    // Append all elements to the disclaimer div
    targetElement.appendChild(disclaimerText);
    targetElement.appendChild(tosLink);
    targetElement.appendChild(period);
}


GET STARTED

WALLETS

PAYMENTS

SWAPS

BASE TOOLS

DATA

AI

STAKING

FAUCET

CONSUMER APIS

INSTITUTIONAL APIS

Learn by building

Incentivized AI learning

Telegram Trading Bot

USDC Payments App

Product demos + AMAs

Smart Wallet Demo + AMA

Paymaster Demo + AMA

Staking Demo + AMA

Onramp Demo + AMA

CDP builder apps and demos

Blocklords

Moshicam

Moonwell