/* # @todo: dark mode 1. create Compass color scale for dark mode colors 1-10 2. replace temporary white w/ opacity usage i.e. rgb(255 255 255/.05); 3. remove white outline on focused elements # general 1. sift through callouts/notices and match to compass or check they match - http://localhost:3000/reference/server-api-update-event - http://localhost:3000/reference/drn-api-overview */ :root { /* Mintlify Variables */ --background-light: var(--fpds-color-gray-1); --background-dark: var(--fpds-color-gray-10); --primary: var(--fpds-color-orange-7); --primary-foreground: 60 9.1% 97.8%; --primary-hover: var(--fpds-color-orange-8); --primary-active: var(--fpds-color-orange-9); --border: var(--fpds-color-gray-3); --radius: 0.5rem; --spacing: 0.25rem; /* Border */ --rounded-sm: 2px; --rounded: 4px; --rounded-md: 6px; --rounded-lg: 8px; /* Color */ /* Gray */ --fpds-color-gray-1: 248 248 246; --fpds-color-gray-2: 240 240 237; --fpds-color-gray-3: 228 229 225; --fpds-color-gray-4: 217 217 214; --fpds-color-gray-5: 193 193 190; --fpds-color-gray-6: 160 160 157; --fpds-color-gray-7: 140 140 137; --fpds-color-gray-8: 107 108 105; --fpds-color-gray-9: 72 73 70; --fpds-color-gray-10: 24 25 22; /* Red */ --fpds-color-red-1: 254 244 244; --fpds-color-red-2: 255 235 234; --fpds-color-red-3: 254 219 216; --fpds-color-red-4: 255 205 202; --fpds-color-red-5: 249 174 169; --fpds-color-red-6: 246 121 118; --fpds-color-red-7: 248 74 82; --fpds-color-red-8: 212 32 53; --fpds-color-red-9: 136 35 41; --fpds-color-red-10: 63 2 9; /* Orange */ --fpds-color-orange-1: 253 244 241; --fpds-color-orange-2: 255 234 220; --fpds-color-orange-3: 255 221 200; --fpds-color-orange-4: 255 202 181; --fpds-color-orange-5: 254 168 140; --fpds-color-orange-6: 247 124 85; --fpds-color-orange-7: 243 91 34; --fpds-color-orange-8: 190 64 15; --fpds-color-orange-9: 119 54 28; --fpds-color-orange-10: 51 17 5; /* Yellow */ --fpds-color-yellow-1: 249 245 234; --fpds-color-yellow-2: 253 240 217; --fpds-color-yellow-3: 248 225 188; --fpds-color-yellow-4: 242 213 163; --fpds-color-yellow-5: 232 184 110; --fpds-color-yellow-6: 208 149 43; --fpds-color-yellow-7: 200 136 11; --fpds-color-yellow-8: 145 102 7; --fpds-color-yellow-9: 100 66 13; --fpds-color-yellow-10: 40 24 1; /* Green */ --fpds-color-green-1: 243 249 244; --fpds-color-green-2: 232 247 233; --fpds-color-green-3: 215 237 216; --fpds-color-green-4: 193 226 196; --fpds-color-green-5: 148 207 154; --fpds-color-green-6: 98 176 109; --fpds-color-green-7: 55 160 76; --fpds-color-green-8: 42 126 59; --fpds-color-green-9: 22 84 36; --fpds-color-green-10: 6 33 11; /* Teal */ --fpds-color-teal-1: 243 251 249; --fpds-color-teal-2: 223 248 242; --fpds-color-teal-3: 203 242 233; --fpds-color-teal-4: 177 228 216; --fpds-color-teal-5: 133 206 192; --fpds-color-teal-6: 71 176 157; --fpds-color-teal-7: 49 157 140; --fpds-color-teal-8: 5 125 110; --fpds-color-teal-9: 3 83 71; --fpds-color-teal-10: 9 32 28; /* Blue */ --fpds-color-blue-1: 243 249 254; --fpds-color-blue-2: 231 244 255; --fpds-color-blue-3: 212 236 253; --fpds-color-blue-4: 188 222 248; --fpds-color-blue-5: 139 197 243; --fpds-color-blue-6: 82 165 225; --fpds-color-blue-7: 47 148 215; --fpds-color-blue-8: 1 116 179; --fpds-color-blue-9: 10 76 123; --fpds-color-blue-10: 0 29 54; /* Purple */ --fpds-color-purple-1: 248 247 254; --fpds-color-purple-2: 241 240 254; --fpds-color-purple-3: 230 227 253; --fpds-color-purple-4: 216 210 248; --fpds-color-purple-5: 190 180 252; --fpds-color-purple-6: 163 148 235; --fpds-color-purple-7: 144 127 218; --fpds-color-purple-8: 115 95 191; --fpds-color-purple-9: 77 59 139; --fpds-color-purple-10: 32 19 66; /* Pink */ --fpds-color-pink-1: 254 247 249; --fpds-color-pink-2: 255 233 239; --fpds-color-pink-3: 255 220 228; --fpds-color-pink-4: 248 203 214; --fpds-color-pink-5: 246 159 184; --fpds-color-pink-6: 241 115 157; --fpds-color-pink-7: 233 88 141; --fpds-color-pink-8: 194 51 108; --fpds-color-pink-9: 139 30 74; --fpds-color-pink-10: 99 22 52; /* White & Black */ --fpds-color-white: 255 255 255; --fpds-color-black: 0 0 0; /* Shadows */ --fpds-shadow-100: 0 1px 2px 0 rgb(var(--fpds-color-gray-10) / 3%); --fpds-shadow-200: 0 1px 2px 0 rgb(var(--fpds-color-gray-10) / 5%); --fpds-shadow-300: 0 1px 3px 0 rgb(var(--fpds-color-gray-10) / 5%), 0 1px 2px -1px rgb(var(--fpds-color-gray-10) / 5%); --fpds-shadow-400: 0 4px 6px -1px rgb(var(--fpds-color-gray-10) / 5%), 0 2px 4px -2px rgb(var(--fpds-color-gray-10) / 5%); --fpds-shadow-500: 0 10px 15px -3px rgb(var(--fpds-color-gray-10) / 5%), 0 4px 6px -4px rgb(var(--fpds-color-gray-10) / 5%); --fpds-shadow-600: 0 20px 25px -5px rgb(var(--fpds-color-gray-10) / 5%), 0 8px 10px -6px rgb(var(--fpds-color-gray-10) / 5%); --fpds-shadow-700: 0 25px 50px -12px rgb(var(--fpds-color-gray-10) / 10%); --fpds-shadow-inset-100: inset 0 1px 2px 0 rgb(var(--fpds-color-gray-10) / 2%); --fpds-shadow-inset-200: inset 0 3px 3px 0 rgb(var(--fpds-color-gray-10) / 3%); --fpds-shadow-inset-300: inset 0 2px 0 0 rgb(var(--fpds-color-gray-10) / 10%); --fpds-shadow-inset-t-white-100: inset 0 1px 0 rgb(var(--fpds-color-white) / 2%); --fpds-shadow-inset-t-white-200: inset 0 1px 0 rgb(var(--fpds-color-white) / 20%); --fpds-shadow-inset-t-black-100: inset 0 1px 0 rgb(var(--fpds-color-black) / 2%); --fpds-shadow-inset-t-black-200: inset 0 1px 0 rgb(var(--fpds-color-black) / 3%); --fpds-shadow-inset-t-black-300: inset 0 1px 0 rgb(var(--fpds-color-black) / 5%); --fpds-shadow-inset-b-black-100: inset 0 -1px 0 rgb(var(--fpds-color-black) / 2%); --fpds-shadow-inset-b-black-200: inset 0 -1px 0 rgb(var(--fpds-color-black) / 3%); --fpds-shadow-button: var(--fpds-shadow-inset-t-white-200), var(--fpds-shadow-inset-b-black-100), var(--fpds-shadow-100); /* Override Tailwind variables */ --gray-50: var(--fpds-color-gray-1); --gray-100: var(--fpds-color-gray-2); --gray-200: var(--fpds-color-gray-3); --gray-300: var(--fpds-color-gray-4); --gray-400: var(--fpds-color-gray-5); --gray-500: var(--fpds-color-gray-6); --gray-600: var(--fpds-color-gray-7); --gray-700: var(--fpds-color-gray-8); --gray-800: var(--fpds-color-gray-9); --gray-900: var(--fpds-color-gray-10); --gray-950: var(--fpds-color-gray-10); --red-50: var(--fpds-color-red-1); --red-100: var(--fpds-color-red-2); --red-200: var(--fpds-color-red-3); --red-300: var(--fpds-color-red-4); --red-400: var(--fpds-color-red-5); --red-500: var(--fpds-color-red-6); --red-600: var(--fpds-color-red-7); --red-700: var(--fpds-color-red-8); --red-800: var(--fpds-color-red-9); --red-900: var(--fpds-color-red-10); --orange-50: var(--fpds-color-orange-1); --orange-100: var(--fpds-color-orange-2); --orange-200: var(--fpds-color-orange-3); --orange-300: var(--fpds-color-orange-4); --orange-400: var(--fpds-color-orange-5); --orange-500: var(--fpds-color-orange-6); --orange-600: var(--fpds-color-orange-7); --orange-700: var(--fpds-color-orange-8); --orange-800: var(--fpds-color-orange-9); --orange-900: var(--fpds-color-orange-10); --yellow-50: var(--fpds-color-yellow-1); --yellow-100: var(--fpds-color-yellow-2); --yellow-200: var(--fpds-color-yellow-3); --yellow-300: var(--fpds-color-yellow-4); --yellow-400: var(--fpds-color-yellow-5); --yellow-500: var(--fpds-color-yellow-6); --yellow-600: var(--fpds-color-yellow-7); --yellow-700: var(--fpds-color-yellow-8); --yellow-800: var(--fpds-color-yellow-9); --yellow-900: var(--fpds-color-yellow-10); --green-50: var(--fpds-color-green-1); --green-100: var(--fpds-color-green-2); --green-200: var(--fpds-color-green-3); --green-300: var(--fpds-color-green-4); --green-400: var(--fpds-color-green-5); --green-500: var(--fpds-color-green-6); --green-600: var(--fpds-color-green-7); --green-700: var(--fpds-color-green-8); --green-800: var(--fpds-color-green-9); --green-900: var(--fpds-color-green-10); --teal-50: var(--fpds-color-teal-1); --teal-100: var(--fpds-color-teal-2); --teal-200: var(--fpds-color-teal-3); --teal-300: var(--fpds-color-teal-4); --teal-400: var(--fpds-color-teal-5); --teal-500: var(--fpds-color-teal-6); --teal-600: var(--fpds-color-teal-7); --teal-700: var(--fpds-color-teal-8); --teal-800: var(--fpds-color-teal-9); --teal-900: var(--fpds-color-teal-10); --blue-50: var(--fpds-color-blue-1); --blue-100: var(--fpds-color-blue-2); --blue-200: var(--fpds-color-blue-3); --blue-300: var(--fpds-color-blue-4); --blue-400: var(--fpds-color-blue-5); --blue-500: var(--fpds-color-blue-6); --blue-600: var(--fpds-color-blue-7); --blue-700: var(--fpds-color-blue-8); --blue-800: var(--fpds-color-blue-9); --blue-900: var(--fpds-color-blue-10); --purple-50: var(--fpds-color-purple-1); --purple-100: var(--fpds-color-purple-2); --purple-200: var(--fpds-color-purple-3); --purple-300: var(--fpds-color-purple-4); --purple-400: var(--fpds-color-purple-5); --purple-500: var(--fpds-color-purple-6); --purple-600: var(--fpds-color-purple-7); --purple-700: var(--fpds-color-purple-8); --purple-800: var(--fpds-color-purple-9); --purple-900: var(--fpds-color-purple-10); --pink-50: var(--fpds-color-pink-1); --pink-100: var(--fpds-color-pink-2); --pink-200: var(--fpds-color-pink-3); --pink-300: var(--fpds-color-pink-4); --pink-400: var(--fpds-color-pink-5); --pink-500: var(--fpds-color-pink-6); --pink-600: var(--fpds-color-pink-7); --pink-700: var(--fpds-color-pink-8); --pink-800: var(--fpds-color-pink-9); --pink-900: var(--fpds-color-pink-10); --white: var(--fpds-color-white); --black: var(--fpds-color-black); } .dark { --fpds-color-gray-9: 33 32 30; } /* MINTLIFY OVERRIDES */ .\[text-shadow\:-0\.2px_0_0_currentColor\2c 0\.2px_0_0_currentColor\] { text-shadow: none; } .border-gray-500\/5 { border-color: rgb(var(--fpds-color-gray-2)); } .border-standard { border-color: rgb(var(--fpds-color-gray-3)); } .mint-bg-green-500 { background-color: rgb(var(--fpds-color-green-7)) !important; } .mint-bg-blue-500 { background-color: rgb(var(--fpds-color-blue-7)) !important; } .bg-zinc-400 { background-color: rgb(var(--fpds-color-gray-4)); } .text-gray-500 { color: rgb(var(--fpds-color-gray-8)); } /* Mintlify's font-size scale is one size down from Fingerprints i.e. Fingerprint `text-base` is Mintlify `text-sm` */ .text-xs { letter-spacing: -0.003em; } .text-sm { letter-spacing: -0.006em; } .text-base { letter-spacing: -0.011em; } .text-lg { letter-spacing: -0.014em; } .text-xl { letter-spacing: -0.017em; } /* UTILITIES */ .font-semibold, .font-bold { font-weight: 500; } .rounded-2xl, .rounded-t-2xl, .rounded-b-2xl { border-radius: var(--rounded-lg); } .rounded-\[14px\] { border-radius: var(--rounded-md); } .rounded-xl, .rounded-t-xl, .rounded-b-xl { border-radius: var(--rounded); } .rounded-xt { border-radius: 5px; } /* LEFT SIDEBAR */ #sidebar-content { border-color: rgb(var(--fpds-color-gray-3)); } .dark #sidebar-content { border-color: rgb(var(--fpds-color-gray-9)); } .sidebar-group-header { color: rgb(var(--fpds-color-gray-8)); text-transform: uppercase; font-size: 12px; font-weight: 500; letter-spacing: 0.025em; } #sidebar-group li a, #sidebar-group li button { min-height: 32px; gap: 8px; font-weight: 500; border: 1px solid transparent; border-radius: var(--rounded-md); } #sidebar-group li a:hover, #sidebar-group li button:hover { background-color: rgb(var(--fpds-color-gray-2)); } .dark #sidebar-group li a:hover, .dark #sidebar-group li button:hover { background-color: rgb(var(--fpds-color-gray-9)); } #sidebar-group li .text-primary { background-color: rgb(var(--fpds-color-gray-2)); border: 1px solid rgb(var(--fpds-color-gray-4)); box-shadow: var(--fpds-shadow-button); color: rgb(var(--fpds-color-gray-10)); } .dark #sidebar-group li .text-primary { background-color: rgb(var(--fpds-color-gray-9)); border: 1px solid rgb(255 255 255/0.1); box-shadow: var(--fpds-shadow-100); color: rgb(var(--fpds-color-gray-1)); } /* NAVBAR */ .nav-logo { width: 192px; height: auto; } #navbar > div:nth-child(1) { background-color: rgb(var(--background-light)); } .dark #navbar > div:nth-child(1) { background-color: rgb(var(--background-dark)); } .nav-tabs-item.group:hover .group-hover\:bg-gray-200 { background-color: transparent; } .nav-tabs-item .bottom-0 { height: 2px; } #search-bar-entry { padding-left: 12px; border-radius: var(--rounded); --tw-ring-color: rgb(var(--fpds-color-gray-4)); color: rgb(var(--fpds-color-gray-6)); cursor: default; } #search-bar-entry-mobile svg, #navbar button[aria-label='More actions'] svg { width: 18px !important; height: 18px !important; background-color: rgb(var(--fpds-color-gray-7)) !important; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } #search-bar-entry-mobile svg { mask-image: url('data:image/svg+xml;utf8,') !important; } #navbar button[aria-label='More actions'] svg { mask-image: url('data:image/svg+xml;utf8,') !important; } .dark #search-bar-entry { padding-left: 12px; border-radius: var(--rounded); --tw-ring-color: rgb(var(--fpds-color-gray-6) / 0.1); background-color: rgb(var(--fpds-color-gray-6) / 0.035); } .dark #search-bar-entry:hover { --tw-ring-color: rgb(var(--fpds-color-gray-6) / 0.125); background-color: rgb(var(--fpds-color-gray-6) / 0.045); } #topbar-cta-button a { height: 32px; padding: 0 10px 0 12px; background-color: rgb(var(--primary)); border: 1px solid rgb(var(--fpds-color-orange-8)); border-radius: var(--rounded-md); box-shadow: var(--fpds-shadow-button); } #topbar-cta-button > a > span { display: none; } #topbar-cta-button a:hover { background-color: rgb(var(--primary-hover)); } #topbar-cta-button a:active { background-color: rgb(var(--primary-active)); border-color: rgb(var(--fpds-color-orange-9)); box-shadow: var(--fpds-shadow-inset-t-black-100); } #topbar-cta-button a div { gap: 8px; color: rgb(var(--white)); } #topbar-cta-button svg { color: rgb(var(--white)); width: 16px; margin-left: 0; transform: scale(1.65); } #topbar-cta-button svg > path { stroke-width: 1; } /* PROSE */ .prose:not(.callout .prose) { color: rgb(var(--fpds-color-gray-9)); } .callout .prose strong { color: inherit; } .dark .prose:not(.callout .prose) { color: rgb(var(--fpds-color-gray-2)); } .prose, .prose-gray { --tw-prose-counters: rgb(var(--fpds-color-gray-7)); --tw-prose-headings: rgb(var(--fpds-color-gray-10)); --tw-prose-links: rgb(var(--fpds-color-gray-10)); --tw-prose-quote-borders: rgb(var(--fpds-color-gray-2)); font-size: 15px; } .prose ul > li:is(.dark *):before { background-color: rgb(var(--fpds-color-gray-8)); } /* Fragment link styles */ /* There are two separate borders we want to remove */ /* One that appears on the bottom of the and another on the inner

on focus */ .param-head a, .param-head a:focus > div, .update a, .update a:focus > div, .prose :where(h2, h3, h4) a:focus > div { border: none; } .param-head a:focus-visible div, .update a:focus-visible div, .prose :where(h2, h3, h4) a:focus-visible div { outline: none; box-shadow: 0 0 0 2px rgb(var(--fpds-color-white)), 0 0 0 4px rgb(var(--primary)); background-color: rgb(var(--fpds-color-gray-1)); border: 1px solid transparent; } .param-head a:active div, .update a:active div, .prose :where(h2, h3, h4) a:active > div { background-color: rgb(var(--fpds-color-gray-1)); } .dark .param-head a:focus-visible div, .dark .update a:focus-visible div, .dark .prose :where(h2, h3, h4) a:focus-visible div { box-shadow: 0 0 0 2px rgb(var(--fpds-color-gray-10)), 0 0 0 4px rgb(var(--primary)); background-color: rgb(var(--fpds-color-gray-9)); } .dark .param-head a:active div, .dark .update a:active div, .dark .prose :where(h2, h3, h4) a:active > div { background-color: rgb(var(--fpds-color-gray-9)); } .prose strong { font-weight: 500; } /* Code badge */ .prose code:not(pre > code) { background-color: rgb(var(--fpds-color-gray-2)); border: 1px solid rgb(var(--fpds-color-gray-3)); border-radius: var(--rounded-sm); box-shadow: var(--fpds-shadow-inset-t-white-200); color: rgb(var(--fpds-color-pink-8)); font-size: 0.9em; font-weight: normal; padding: 0.05em 0.2em; word-break: break-word; } .dark .prose code:not(pre > code) { background-color: rgb(var(--fpds-color-gray-9)); border: 1px solid rgb(255 255 255/0.05); box-shadow: var(--fpds-shadow-inset-t-black-200); } .prose a:not(.card, img) { font-weight: inherit; border-bottom-width: 1px; border-bottom-color: rgb(var(--fpds-color-gray-6)); transition: ease 200ms; } .prose a:hover { border-bottom-color: rgb(var(--fpds-color-gray-10)); } .dark .prose a:hover { border-bottom-color: rgb(var(--fpds-color-white)); } .prose h1 a, .prose h2 a, .prose h3 a, .prose h4 a { border: none; } .prose a > code, .prose a:has(> code) { border: none; text-decoration: none; } .prose a:has(> code) { color: rgb(var(--primary)); } .prose th { color: rgb(var(--fpds-color-gray-8)); text-transform: uppercase; font-size: 12px; font-weight: 500; letter-spacing: 0.025em; } .prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) { color: rgb(var(--fpds-color-gray-8)); } /* COMPONENTS */ summary.text-gray-600 { color: rgb(var(--fpds-color-gray-8)); } summary .bg-zinc-400 { background-color: rgb(var(--fpds-color-gray-5)); } .bg-codeblock { background-color: black; } /* Mintlify CodeBlock uses a rounded-xl but we dont want to apply this var globally, so contain it within this class */ .code-block-background { --rounded-xl: 5px; background-color: rgb(var(--fpds-color-gray-10)) !important; } html.dark .code-block-background { background-color: rgb(var(--fpds-color-gray-9)) !important; } .code-group button .bottom-0 { border-radius: 0; } #pagination { padding-bottom: 2.5rem; } #pagination svg > path { stroke-width: 1.5; } .light .step [data-component-part='step-number'] > div { background-color: rgb(var(--fpds-color-gray-3)); } /* API PLAYGROUND */ .method-pill, .method-nav-pill > span, [data-component-part*='pill'] { border-width: 1px; border-color: rgba(0, 0, 0, 0.05); border-radius: var(--rounded); box-shadow: var(--fpds-shadow-inset-b-black-100); } .method-nav-pill { width: calc(var(--spacing) * 9) !important; } .dark .method-pill, .dark .method-nav-pill > span, .dark [data-component-part*='pill'] { border-color: rgba(255, 255, 255, 0.05); } /* CHANGELOG */ [data-component-part='update-label'] { border-radius: 4px; } /* Hide the example response if a real response is present in the API playground modal */ [data-testid='api-playground-modal']:has([aria-label='Download response file']) [data-testid='code-group-select'] { display: none; } /* CALLOUT / NOTICE */ .callout { align-items: flex-start; } .callout .prose { color: inherit !important; } #content-area div.mdx-content .callout a { transition: none !important; font-weight: 500 !important; } #content-area div.mdx-content .callout a:hover { color: rgb(var(--fpds-color-yellow-10)) !important; } .dark #content-area div.mdx-content .callout a:hover { color: rgb(var(--fpds-color-yellow-2)) !important; } /* Callout: warning */ .callout[data-callout-type='warning'] { border-color: rgb(var(--fpds-color-yellow-4)); background-color: rgb(var(--fpds-color-yellow-2)); color: rgb(var(--fpds-color-yellow-9)); } .dark .callout[data-callout-type='warning'] { border-color: rgb(var(--fpds-color-yellow-7)); background-color: rgb(var(--fpds-color-yellow-10)); color: rgb(var(--fpds-color-yellow-1)); } /* Callout: note */ .callout[data-callout-type='note'] { border-color: rgb(var(--fpds-color-blue-4)); background-color: rgb(var(--fpds-color-blue-2)); color: rgb(var(--fpds-color-blue-8)); } .dark .callout[data-callout-type='note'] { border-color: rgb(var(--fpds-color-blue-7)); background-color: rgb(var(--fpds-color-blue-10)); color: rgb(var(--fpds-color-blue-1)); } /* Callout: check */ .callout[data-callout-type='check'] { border-color: rgb(var(--fpds-color-green-4)); background-color: rgb(var(--fpds-color-green-2)); color: rgb(var(--fpds-color-green-8)); } .dark .callout[data-callout-type='check'] { border-color: rgb(var(--fpds-color-green-7)); background-color: rgb(var(--fpds-color-green-10)); color: rgb(var(--fpds-color-green-1)); }

Documentation Index