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


// 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

Onramp Examples

Sample web app

Sample mobile app