* { box-sizing: border-box; } /* API Documentation Specific Styles */ .api-method { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; } .api-method-label { font-weight: 600; padding: 0.25rem 0.75rem; border-radius: 4px; color: white; font-size: 0.875rem; min-width: 70px; text-align: center; } .api-method-label.get { background-color: var(--method-get); } .api-method-label.post { background-color: var(--method-post); } .api-method-label.put { background-color: var(--method-put); } .api-method-label.delete { background-color: var(--method-delete); } .api-method-label.patch { background-color: var(--method-patch); } .api-method-label.options { background-color: var(--method-options); } .api-method-label.head { background-color: var(--method-head); } .api-endpoint { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.9em; padding: 0.25rem 0.5rem; background-color: var(--code-bg); border-radius: 4px; overflow-x: auto; white-space: nowrap; flex: 1; } .api-section { margin-bottom: 3rem; padding-bottom: 1rem; border-bottom: 1px solid var(--sidebar-border); } .api-section:last-child { border-bottom: none; } .api-params-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.9375rem; } .api-params-table th, .api-params-table td { padding: 0.75rem; text-align: left; border: 1px solid var(--table-border); } .api-params-table th { background-color: var(--table-header-bg); font-weight: 600; } .api-params-table tr:hover { background-color: var(--table-row-hover); } .param-name { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.9em; } .param-type { color: var(--primary); font-size: 0.85em; font-weight: 500; } .param-required { color: var(--method-delete); font-size: 0.85em; font-weight: 500; } .param-optional { color: var(--text); opacity: 0.7; font-size: 0.85em; } .status-code { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 4px; color: white; font-weight: 500; font-size: 0.875rem; margin-right: 0.5rem; } .status-code.success { background-color: var(--status-success); } .status-code.info { background-color: var(--status-info); } .status-code.redirect { background-color: var(--status-redirect); } .status-code.client-error { background-color: var(--status-client-error); } .status-code.server-error { background-color: var(--status-server-error); } .response-example { margin-top: 1rem; } .try-it-out { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--sidebar-border); border-radius: 6px; background-color: var(--sidebar-bg); } .try-it-out-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--sidebar-border); } .try-it-out-title { font-weight: 600; margin: 0; } .try-it-out-form { margin-bottom: 1rem; } .form-group { margin-bottom: 1rem; } .form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; } .form-input { width: 100%; padding: 0.5rem; border: 1px solid var(--sidebar-border); border-radius: 4px; background-color: var(--background); color: var(--text); font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.9em; } .form-input:focus { outline: 2px solid var(--primary); border-color: var(--primary); } .form-button { padding: 0.5rem 1rem; background-color: var(--primary); color: white; border: none; border-radius: 4px; font-weight: 500; cursor: pointer; transition: background-color 0.2s; } .form-button:hover { background-color: var(--primary-dark); } .response-container { margin-top: 1rem; padding: 1rem; background-color: var(--code-bg); border-radius: 4px; overflow-x: auto; display: none; } .response-container.visible { display: block; } .response-status { margin-bottom: 0.5rem; font-weight: 500; } .response-body { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.9em; white-space: pre; } /* Schema styles */ .schema { margin: 1.5rem 0; font-size: 0.9375rem; } .schema-title { font-weight: 600; margin-bottom: 0.5rem; } .schema-description { margin-bottom: 1rem; color: var(--schema-description); } .schema-properties { border: 1px solid var(--table-border); border-radius: 6px; overflow: hidden; } .schema-property { padding: 0.75rem; border-bottom: 1px solid var(--table-border); } .schema-property:last-child { border-bottom: none; } .schema-property-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem; } .schema-property-name { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-weight: 600; color: var(--schema-property); } .schema-property-type { font-size: 0.85em; color: var(--schema-type); } .schema-property-required { font-size: 0.85em; color: var(--schema-required); font-weight: 500; } .schema-property-constraints { font-size: 0.85em; color: var(--schema-constraint); margin-top: 0.25rem; } .schema-property-description { margin-top: 0.5rem; color: var(--schema-description); } .schema-property-example { margin-top: 0.5rem; font-size: 0.85em; color: var(--schema-example); } .schema-property-example code { color: var(--text); } .schema-nested { margin-top: 0.75rem; padding: 0.75rem; background-color: var(--schema-nested-bg); border: 1px solid var(--schema-nested-border); border-radius: 4px; } .schema-nested .schema-property { padding: 0.5rem 0; border-bottom: 1px solid var(--schema-nested-border); } .schema-nested .schema-property:last-child { border-bottom: none; padding-bottom: 0; } .schema-nested .schema-property:first-child { padding-top: 0; } /* Endpoint list */ .endpoint-list { margin: 1.5rem 0; } .endpoint-item { padding: 0.75rem; border: 1px solid var(--endpoint-border); border-radius: 6px; margin-bottom: 0.75rem; background-color: var(--endpoint-bg); transition: background-color 0.2s; } .endpoint-item:hover { background-color: var(--endpoint-hover); } .endpoint-item-header { display: flex; align-items: center; gap: 0.75rem; } .endpoint-item-method { font-weight: 600; padding: 0.25rem 0.5rem; border-radius: 4px; color: white; font-size: 0.75rem; min-width: 60px; text-align: center; } .endpoint-item-path { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.85em; flex: 1; } .endpoint-item-description { margin-top: 0.5rem; padding-left: calc(60px + 0.75rem); font-size: 0.875rem; color: var(--schema-description); } /* Badges */ .badge { display: inline-block; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 500; margin-left: 0.5rem; background-color: var(--badge-bg); color: var(--badge-text); } .badge.deprecated { background-color: var(--badge-deprecated-bg); color: var(--badge-deprecated-text); } .badge.beta { background-color: var(--badge-beta-bg); color: var(--badge-beta-text); } .badge.stable { background-color: var(--badge-stable-bg); color: var(--badge-stable-text); } /* Responsive tables for mobile */ @media (max-width: 768px) { .api-params-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .api-method { flex-direction: column; align-items: flex-start; } .api-endpoint { width: 100%; margin-top: 0.5rem; } .endpoint-item-header { flex-wrap: wrap; } .endpoint-item-description { padding-left: 0; margin-top: 0.75rem; } } .base00 { color: #2b303b; } .dark .base00 { color: #eff1f5; background-color: #2b303b; } .base01 { color: #343d46; } .dark .base01 { color: #dfe1e8; background-color: #2b303b; } .base02 { color: #4f5b66; } .dark .base02 { color: #c0c5ce; background-color: #2b303b; } .base03 { color: #65737e; } .dark .base03 { color: #a7adba; background-color: #2b303b; } .base04 { color: #a7adba; } .dark .base04 { color: #65737e; background-color: #2b303b; } .base05 { color: #c0c5ce; } .dark .base05 { color: #4f5b66; background-color: #2b303b; } .base06 { color: #dfe1e8; } .dark .base06 { color: #343d46; background-color: #2b303b; } .base07 { color: #eff1f5; } .dark .base07 { color: #2b303b; background-color: #2b303b; } .base08 { color: #bf616a; } .dark .base08 { color: #bf616a; background-color: #2b303b; } .base09 { color: #d08770; } .dark .base09 { color: #d08770; background-color: #2b303b; } .base0A { color: #ebcb8b; } .dark .base0A { color: #ebcb8b; background-color: #2b303b; } .base0B { color: #a3be8c; } .dark .base0B { color: #a3be8c; background-color: #2b303b; } .base0C { color: #96b5b4; } .dark .base0C { color: #96b5b4; background-color: #2b303b; } .base0D { color: #8fa1b3; } .dark .base0D { color: #8fa1b3; background-color: #2b303b; } .base0E { color: #b48ead; } .dark .base0E { color: #b48ead; background-color: #2b303b; } .base0F { color: #ab7967; } .dark .base0F { color: #ab7967; background-color: #2b303b; }