.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--mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem
}
.mint-mb-1 {
    margin-bottom: 0.25rem
}
.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-mb-5 {
    margin-bottom: 1.25rem
}
.mint-mb-8 {
    margin-bottom: 2rem
}
.mint-ml-2 {
    margin-left: 0.5rem
}
.mint-mr-3 {
    margin-right: 0.75rem
}
.mint-mt-1 {
    margin-top: 0.25rem
}
.mint-mt-2 {
    margin-top: 0.5rem
}
.mint-mt-3 {
    margin-top: 0.75rem
}
.mint-mt-5 {
    margin-top: 1.25rem
}
.mint-mt-6 {
    margin-top: 1.5rem
}
.mint-block {
    display: block
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-hidden {
    display: none
}
.mint-size-3 {
    width: 0.75rem;
    height: 0.75rem
}
.mint-h-12 {
    height: 3rem
}
.mint-h-6 {
    height: 1.5rem
}
.mint-h-8 {
    height: 2rem
}
.mint-h-fit {
    height: fit-content
}
.mint-h-full {
    height: 100%
}
.mint-w-12 {
    width: 3rem
}
.mint-w-6 {
    width: 1.5rem
}
.mint-w-8 {
    width: 2rem
}
.mint-w-full {
    width: 100%
}
.mint-max-w-4xl {
    max-width: 56rem
}
.mint-flex-1 {
    flex: 1 1 0%
}
.mint-flex-shrink-0 {
    flex-shrink: 0
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.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-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-divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.mint-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity))
}
.mint-rounded-2xl {
    border-radius: 1rem
}
.mint-rounded-full {
    border-radius: 9999px
}
.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-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}
.mint-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.mint-bg-\[\#0A0B0D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 11 13 / var(--tw-bg-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-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-p-3 {
    padding: 0.75rem
}
.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-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.mint-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.mint-text-left {
    text-align: left
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.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-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.mint-font-\[500\] {
    font-weight: 500
}
.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-\[\#5B616E\] {
    --tw-text-opacity: 1;
    color: rgb(91 97 110 / 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-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-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / 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-opacity-0 {
    opacity: 0
}
.mint-opacity-100 {
    opacity: 1
}
.mint-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.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
}
.mint-duration-300 {
    transition-duration: 300ms
}
.hover\:mint-bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity))
}
.hover\:mint-bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.hover\:mint-opacity-\[0\.9\]:hover {
    opacity: 0.9
}
.mint-group:hover .group-hover\:mint-scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.mint-group:hover .group-hover\:mint-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(255 255 255 / 0.1)
}
.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-gray-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}
.dark\:mint-bg-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.dark\:mint-bg-white\/10:is(.dark *) {
    background-color: rgb(255 255 255 / 0.1)
}
.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-\[\#0A0B0D\]:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(10 11 13 / var(--tw-text-opacity))
}
.dark\:mint-text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / 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-gray-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / 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)
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint-w-1\/2 {
        width: 50%
    }
    .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

Super Pay

Onramp demo app

Incentivized AI learning

Join our Discord community

CDP Discord events

We're hiring!