.bg {color:#e6edf3;background-color:#0d1117} .chroma {color:#e6edf3;background-color:#0d1117;-webkit-text-size-adjust:none} .chroma .err {color:#f85149} .chroma .lnlinks {outline:none;text-decoration:none;color:inherit} .chroma .lntd {vertical-align:top;padding:0;margin:0;border:0} .chroma .lntable {border-spacing:0;padding:0;margin:0;border:0} .chroma .hl {background-color:#6e7681} .chroma .lnt {white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679} .chroma .ln {white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#6e7681} .chroma .line {display:flex} .chroma .k {color:#ff7b72} .chroma .kc {color:#79c0ff} .chroma .kd {color:#ff7b72} .chroma .kn {color:#ff7b72} .chroma .kp {color:#79c0ff} .chroma .kr {color:#ff7b72} .chroma .kt {color:#ff7b72} .chroma .nc {color:#f0883e;font-weight:bold} .chroma .no {color:#79c0ff;font-weight:bold} .chroma .nd {color:#d2a8ff;font-weight:bold} .chroma .ni {color:#ffa657} .chroma .ne {color:#f0883e;font-weight:bold} .chroma .nl {color:#79c0ff;font-weight:bold} .chroma .nn {color:#ff7b72} .chroma .py {color:#79c0ff} .chroma .nt {color:#7ee787} .chroma .nv {color:#79c0ff} .chroma .vc {color:#79c0ff} .chroma .vg {color:#79c0ff} .chroma .vi {color:#79c0ff} .chroma .vm {color:#79c0ff} .chroma .nf {color:#d2a8ff;font-weight:bold} .chroma .fm {color:#d2a8ff;font-weight:bold} .chroma .l {color:#a5d6ff} .chroma .ld {color:#79c0ff} .chroma .s {color:#a5d6ff} .chroma .sa {color:#79c0ff} .chroma .sb {color:#a5d6ff} .chroma .sc {color:#a5d6ff} .chroma .dl {color:#79c0ff} .chroma .sd {color:#a5d6ff} .chroma .s2 {color:#a5d6ff} .chroma .se {color:#79c0ff} .chroma .sh {color:#79c0ff} .chroma .si {color:#a5d6ff} .chroma .sx {color:#a5d6ff} .chroma .sr {color:#79c0ff} .chroma .s1 {color:#a5d6ff} .chroma .ss {color:#a5d6ff} .chroma .m {color:#a5d6ff} .chroma .mb {color:#a5d6ff} .chroma .mf {color:#a5d6ff} .chroma .mh {color:#a5d6ff} .chroma .mi {color:#a5d6ff} .chroma .il {color:#a5d6ff} .chroma .mo {color:#a5d6ff} .chroma .o {color:#ff7b72;font-weight:bold} .chroma .ow {color:#ff7b72;font-weight:bold} .chroma .or {color:#ff7b72;font-weight:bold} .chroma .c {color:#8b949e;font-style:italic} .chroma .ch {color:#8b949e;font-style:italic} .chroma .cm {color:#8b949e;font-style:italic} .chroma .c1 {color:#8b949e;font-style:italic} .chroma .cs {color:#8b949e;font-weight:bold;font-style:italic} .chroma .cp {color:#8b949e;font-weight:bold;font-style:italic} .chroma .cpf {color:#8b949e;font-weight:bold;font-style:italic} .chroma .gd {color:#ffa198;background-color:#490202} .chroma .ge {font-style:italic} .chroma .gr {color:#ffa198} .chroma .gh {color:#79c0ff;font-weight:bold} .chroma .gi {color:#56d364;background-color:#0f5323} .chroma .go {color:#8b949e} .chroma .gp {color:#8b949e} .chroma .gs {font-weight:bold} .chroma .gu {color:#79c0ff} .chroma .gt {color:#ff7b72} .chroma .gl {text-decoration:underline} .chroma .w {color:#6e7681} .krate-card {margin:24px 0;border:1px solid var(--krate-border, #27272a);border-radius:8px;overflow:hidden;background:var(--krate-card-bg, #111113);transition:box-shadow 0.2s ease} .krate-card:hover {box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)} .krate-card-title {padding:12px 16px;font-weight:600;font-size:0.95rem;border-bottom:1px solid var(--krate-border, #27272a);color:var(--krate-text, #fafafa)} .krate-card-body {padding:16px;color:var(--krate-text-muted, #b9b9b9);line-height:1.6} .krate-card-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:16px;margin:24px 0} .krate-card-grid .krate-card, .krate-card-grid .krate-link-card {margin:0} .krate-link-card {display:flex;align-items:center;justify-content:space-between;margin:24px 0;padding:16px 20px;border:1px solid var(--krate-border, #27272a);border-radius:8px;background:var(--krate-card-bg, #111113);text-decoration:none;color:inherit;transition:border-color 0.2s, box-shadow 0.2s} .krate-link-card:hover {border-color:var(--krate-primary, #3b82f6);box-shadow:0 4px 12px rgba(59, 130, 246, 0.1)} .krate-link-card-content {flex:1} .krate-link-card-title {font-weight:600;font-size:0.95rem;color:var(--krate-text, #fafafa);margin-top:4px;margin-bottom:8px} .krate-link-card-description {font-size:0.85rem;color:var(--krate-text-muted, #b9b9b9);line-height:1.5} .krate-link-card-description p {margin:0;margin-bottom:4px} .krate-link-card-icon {margin-left:12px;color:var(--krate-text-muted, #b9b9b9)} .krate-link-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;border-radius:6px;font-weight:500;font-size:0.9rem;text-decoration:none;transition:background 0.15s, transform 0.1s, box-shadow 0.15s;cursor:pointer;white-space:nowrap;user-select:none} .krate-link-button:active {transform:scale(0.97)} .krate-link-button:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-link-button-sm {padding:4px 12px;font-size:0.8rem} .krate-link-button-md {padding:8px 20px;font-size:0.9rem} .krate-link-button-lg {padding:12px 28px;font-size:1rem} .krate-link-button-primary {background:var(--krate-primary, #3b82f6);color:#fff} .krate-link-button-primary:hover {background:var(--krate-primary-hover, #2563eb);box-shadow:0 2px 8px rgba(59, 130, 246, 0.3)} .krate-link-button-secondary {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa);border:1px solid var(--krate-border, #27272a)} .krate-link-button-secondary:hover {background:rgba(255, 255, 255, 0.1);border-color:var(--krate-text-muted, #a1a1aa)} .krate-link-button-ghost {background:transparent;color:var(--krate-text, #fafafa)} .krate-link-button-ghost:hover {background:rgba(255, 255, 255, 0.06)} .krate-link-button-destructive {background:var(--krate-danger, #ef4444);color:#fff} .krate-link-button-destructive:hover {background:#dc2626;box-shadow:0 2px 8px rgba(239, 68, 68, 0.3)} .krate-code-block {margin:20px 0;border-radius:8px;overflow:hidden;background:var(--krate-code-bg, #0d1117);border:1px solid var(--krate-border, #27272a)} .krate-code-header {display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--krate-code-title-bg, #161b22);border-bottom:1px solid var(--krate-border, #27272a);min-height:36px} .krate-code-title {color:var(--krate-code-title-text, #8b949e);font-size:0.8rem;font-family:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace} .krate-code-copy {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;color:var(--krate-code-title-text, #8b949e);cursor:pointer;font-size:0.8rem;transition:background 0.15s, color 0.15s} .krate-code-copy:hover {background:rgba(255, 255, 255, 0.1);color:var(--krate-text, #fafafa)} .krate-code-copy:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-code-block pre {margin:0;padding:16px;overflow-x:auto;border-radius:0 0 8px 8px;border:0;white-space:pre} .krate-code-block code {color:var(--krate-code-text, #e6edf3);font-family:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;font-size:0.875rem;line-height:1.6;white-space:pre;display:block;overflow-x:auto} .krate-file-tree {margin:20px 0;border:1px solid var(--krate-border, #27272a);border-radius:8px;overflow:hidden;background:var(--krate-card-bg, #0d1117)} .krate-file-tree-header {display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--krate-code-title-bg, #161b22);font-weight:600;font-size:0.85rem;color:var(--krate-text, #fafafa);border-bottom:1px solid var(--krate-border, #27272a)} .krate-file-tree-header-icon {display:inline-flex;color:var(--krate-primary, #3b82f6)} .krate-file-tree-content {padding:4px 0} .krate-file-tree-item {display:flex;align-items:center;gap:6px;padding:4px 16px;font-size:0.875rem;color:var(--krate-text-muted, #a1a1aa);font-family:"SF Mono", "Fira Code", "Fira Mono", monospace;line-height:1.6} .krate-file-tree-item-icon {display:inline-flex;align-items:center;justify-content:center;color:var(--krate-text-muted, #a1a1aa);flex-shrink:0} .krate-file-tree-item-name {flex:1} .krate-file-tree-folder-trigger {cursor:pointer;border-radius:4px;transition:background 0.15s} .krate-file-tree-folder-trigger:hover {background:rgba(255, 255, 255, 0.05)} .krate-file-tree-chevron {display:inline-flex;transition:transform 0.2s ease} .krate-file-tree-folder-open > .krate-file-tree-folder-trigger > .krate-file-tree-chevron {transform:rotate(90deg)} .krate-file-tree-children {padding-left:20px;overflow:hidden;transition:max-height 0.2s ease} .krate-file-tree-children-closed {max-height:0;padding:0;overflow:hidden} .krate-steps {margin:24px 0;padding-left:0;counter-reset:krate-step;border-left:2px solid var(--krate-border, #27272a)} .krate-step {position:relative;padding:0 0 32px 32px;counter-increment:krate-step} .krate-step:last-child {padding-bottom:0} .krate-step-header {display:flex;align-items:center;gap:12px;margin-bottom:12px} .krate-step-number {position:absolute;left:-16px;top:0;width:30px;height:30px;border-radius:50%;background:var(--krate-card-bg, #111113);color:var(--krate-text, #fafafa);border:1px solid var(--krate-border, #27272a);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700} .krate-step-number::after {content:counter(krate-step)} .krate-step-title {font-weight:600;font-size:1.05rem;color:var(--krate-text, #fafafa)} .krate-step-content {color:var(--krate-text-muted, #b9b9b9);line-height:1.6} .krate-tabs {margin:24px 0;border:1px solid var(--krate-border, #27272a);border-radius:8px;overflow:hidden;background:var(--krate-card-bg, #111113)} .krate-tabs-list {display:flex;border-bottom:1px solid var(--krate-border, #27272a);background:var(--krate-tabs-bg, rgba(255,255,255,0.03));padding:0 8px} .krate-tabs-trigger {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:0.875rem;font-weight:500;color:var(--krate-text-muted, #a1a1aa);cursor:pointer;border-bottom:2px solid transparent;transition:color 0.2s, border-color 0.2s;white-space:nowrap;user-select:none} .krate-tabs-trigger:hover {color:var(--krate-text, #fafafa)} .krate-tabs-trigger[data-state="active"] {color:var(--krate-text, #fafafa);border-bottom-color:var(--krate-primary, #3b82f6)} .krate-tabs-trigger:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-tabs-content {padding:16px;color:var(--krate-text-muted, #a1a1aa);line-height:1.6} .krate-tabs-content[data-state="inactive"] {display:none} .krate-aside {margin:24px 0;padding:12px 20px;border-radius:8px;border:1px solid var(--krate-border, #27272a);border-left-width:4px;background:var(--krate-aside-bg, #111113)} .krate-aside-title {display:flex;align-items:center;gap:8px;font-weight:600;font-size:0.9rem;margin-top:4px;margin-bottom:8px;color:var(--krate-text, #fafafa)} .krate-aside-content {color:var(--krate-text-muted, #b9b9b9);line-height:1.6} .krate-aside-content p {margin:0;margin-bottom:4px} .krate-aside-note {border-left-color:#3b82f6;background:var(--krate-aside-note-bg, #111113)} .krate-aside-tip {border-left-color:#10b981;background:var(--krate-aside-tip-bg, #111113)} .krate-aside-warning {border-left-color:#f59e0b;background:var(--krate-aside-warning-bg, #111113)} .krate-aside-danger {border-left-color:#ef4444;background:var(--krate-aside-danger-bg, #111113)} .krate-aside-caution {border-left-color:#f97316;background:var(--krate-aside-caution-bg, #111113)} .krate-visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;word-wrap:normal} .krate-accordion {width:100%;margin:24px 0} .krate-accordion-item {border:1px solid var(--krate-border, #27272a);border-radius:8px;overflow:hidden;margin-bottom:8px;background:var(--krate-card-bg, #111113)} .krate-accordion-item:last-child {margin-bottom:0} .krate-accordion-trigger {all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;font-size:0.95rem;font-weight:500;color:var(--krate-text, #fafafa);cursor:pointer;transition:background 0.15s;box-sizing:border-box} .krate-accordion-trigger:hover {background:rgba(255, 255, 255, 0.03)} .krate-accordion-trigger:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-accordion-trigger-text {flex:1;text-align:left} .krate-accordion-trigger-icon {display:inline-flex;transition:transform 0.2s ease;color:var(--krate-text-muted, #a1a1aa)} .krate-accordion-item[data-state="open"] > .krate-accordion-trigger > .krate-accordion-trigger-icon {transform:rotate(180deg)} .krate-accordion-content {overflow:hidden;transition:max-height 0.2s ease} .krate-accordion-content[data-state="closed"] {max-height:0} .krate-accordion-content-inner {padding:0 16px 16px;color:var(--krate-text-muted, #a1a1aa);line-height:1.6} .krate-alert-dialog-content-wrapper {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center} .krate-alert-dialog-overlay {position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);animation:krate-fade-in 0.15s ease} .krate-alert-dialog-content {position:relative;z-index:1001;width:90vw;max-width:440px;padding:24px;border-radius:12px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 16px 48px rgba(0, 0, 0, 0.4);animation:krate-scale-in 0.15s ease} .krate-alert-dialog-title {font-size:1.1rem;font-weight:600;color:var(--krate-text, #fafafa);margin-bottom:8px} .krate-alert-dialog-description {font-size:0.9rem;color:var(--krate-text-muted, #a1a1aa);line-height:1.5;margin-bottom:24px} .krate-alert-dialog-footer {display:flex;justify-content:flex-end;gap:8px} .krate-alert-dialog-action {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:background 0.15s, opacity 0.15s} .krate-alert-dialog-action:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-alert-dialog-action-confirm {background:var(--krate-primary, #3b82f6);color:#fff} .krate-alert-dialog-action-confirm:hover {background:var(--krate-primary-hover, #2563eb)} .krate-alert-dialog-action-cancel {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa);border:1px solid var(--krate-border, #27272a)} .krate-alert-dialog-action-cancel:hover {background:rgba(255, 255, 255, 0.1)} @keyframes krate-fade-in {from { opacity:0} to { opacity: 1}} @keyframes krate-scale-in {from { opacity:0;transform:scale(1)}} .krate-aspect-ratio {width:100%;overflow:hidden} .krate-aspect-ratio-content {position:absolute;inset:0} .krate-aspect-ratio-content > img, .krate-aspect-ratio-content > video, .krate-aspect-ratio-content > iframe {width:100%;height:100%;object-fit:cover} .krate-avatar {position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--krate-avatar-bg, rgba(255, 255, 255, 0.08));color:var(--krate-avatar-text, #a1a1aa);flex-shrink:0} .krate-avatar-sm {width:32px;height:32px;font-size:0.75rem} .krate-avatar-md {width:40px;height:40px;font-size:0.875rem} .krate-avatar-lg {width:56px;height:56px;font-size:1.1rem} .krate-avatar-image {width:100%;height:100%;object-fit:cover} .krate-avatar-fallback {display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:600;text-transform:uppercase;background:linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2))} .krate-checkbox-wrapper {display:inline-flex;align-items:center;gap:10px;cursor:pointer} .krate-checkbox {all:unset;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:1.5px solid var(--krate-border, #3f3f46);background:transparent;transition:background 0.15s, border-color 0.15s, box-shadow 0.15s;cursor:pointer;flex-shrink:0} .krate-checkbox:hover {border-color:var(--krate-text-muted, #71717a)} .krate-checkbox:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-checkbox-checked {background:var(--krate-primary, #3b82f6);border-color:var(--krate-primary, #3b82f6)} .krate-checkbox-checked:hover {background:var(--krate-primary-hover, #2563eb);border-color:var(--krate-primary-hover, #2563eb)} .krate-checkbox:disabled {opacity:0.5;cursor:not-allowed} .krate-checkbox-indicator {display:flex;align-items:center;justify-content:center;color:#fff} .krate-checkbox-label {font-size:0.875rem;color:var(--krate-text, #fafafa);cursor:pointer;user-select:none} .krate-collapsible {width:100%} .krate-collapsible-trigger {cursor:pointer} .krate-collapsible-content {overflow:hidden;transition:max-height 0.2s ease} .krate-collapsible-content[data-state="closed"], .krate-collapsible[data-state="closed"] > .krate-collapsible-content {max-height:0} .krate-collapsible-content-inner {padding-top:8px;color:var(--krate-text-muted, #a1a1aa);line-height:1.6} .krate-context-menu {position:relative;display:inline-block} .krate-context-menu-trigger {cursor:default} .krate-context-menu-content {position:fixed;left:var(--cm-x, 0);top:var(--cm-y, 0);min-width:180px;padding:4px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);z-index:9999} .krate-context-menu[data-state="closed"] > .krate-context-menu-content {display:none} .krate-context-menu-label {padding:6px 8px;font-size:0.75rem;font-weight:600;color:var(--krate-text-muted, #71717a);text-transform:uppercase;letter-spacing:0.05em} .krate-context-menu-item {display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:0.875rem;color:var(--krate-text, #fafafa);cursor:pointer;transition:background 0.1s;outline:none} .krate-context-menu-item:hover {background:rgba(255, 255, 255, 0.06)} .krate-context-menu-item-disabled {opacity:0.4;pointer-events:none} .krate-context-menu-separator {height:1px;margin:4px 0;background:var(--krate-border, #27272a)} .krate-dialog-content-wrapper {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center} .krate-dialog-overlay {position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);animation:krate-dialog-fade-in 0.15s ease} .krate-dialog-content {position:relative;z-index:1001;width:90vw;max-width:520px;max-height:85vh;padding:24px;border-radius:12px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 16px 48px rgba(0, 0, 0, 0.4);overflow-y:auto;animation:krate-dialog-scale-in 0.15s ease} .krate-dialog-title {font-size:1.15rem;font-weight:600;color:var(--krate-text, #fafafa);margin-bottom:4px} .krate-dialog-description {font-size:0.9rem;color:var(--krate-text-muted, #a1a1aa);line-height:1.5;margin-bottom:20px} .krate-dialog-trigger {all:unset;cursor:pointer} .krate-dialog-close {all:unset;position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--krate-text-muted, #71717a);cursor:pointer;transition:background 0.15s, color 0.15s} .krate-dialog-close:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-dialog-close:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} @keyframes krate-dialog-fade-in {from { opacity:0} to { opacity: 1}} @keyframes krate-dialog-scale-in {from { opacity:0;transform:scale(1)}} .krate-dropdown-menu {position:relative;display:inline-block} .krate-dropdown-menu-trigger {all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer} .krate-dropdown-menu-trigger:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-dropdown-menu-content {position:absolute;top:100%;left:0;z-index:1000;min-width:180px;padding:4px;margin-top:4px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);animation:krate-dropdown-fade-in 0.1s ease} .krate-dropdown-menu[data-state="closed"] > .krate-dropdown-menu-content {display:none} .krate-dropdown-menu-content-end {left:auto;right:0} .krate-dropdown-menu-content-center {left:50%;transform:translateX(-50%)} .krate-dropdown-menu-group {padding:2px} .krate-dropdown-menu-label {padding:6px 8px;font-size:0.75rem;font-weight:600;color:var(--krate-text-muted, #71717a);text-transform:uppercase;letter-spacing:0.05em} .krate-dropdown-menu-item {display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:0.875rem;color:var(--krate-text, #fafafa);cursor:pointer;transition:background 0.1s;outline:none;position:relative} .krate-dropdown-menu-item:hover {background:rgba(255, 255, 255, 0.06)} .krate-dropdown-menu-item:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-dropdown-menu-item-disabled {opacity:0.4;pointer-events:none} .krate-dropdown-menu-checkbox-item, .krate-dropdown-menu-radio-item {padding-left:28px} .krate-dropdown-menu-checkbox-indicator, .krate-dropdown-menu-radio-indicator {position:absolute;left:8px;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px} .krate-dropdown-menu-radio-indicator {width:8px;height:8px;border-radius:50%;border:1.5px solid var(--krate-text-muted, #71717a)} .krate-dropdown-menu-item[data-state="checked"] > .krate-dropdown-menu-radio-indicator {background:var(--krate-primary, #3b82f6);border-color:var(--krate-primary, #3b82f6)} .krate-dropdown-menu-separator {height:1px;margin:4px 0;background:var(--krate-border, #27272a)} @keyframes krate-dropdown-fade-in {from { opacity:0;transform:translateY(0)}} .krate-form {display:flex;flex-direction:column;gap:20px;width:100%} .krate-form-field {display:flex;flex-direction:column;gap:6px} .krate-form-label {font-size:0.875rem;font-weight:500;color:var(--krate-text, #fafafa)} .krate-form-required {color:var(--krate-danger, #ef4444);margin-left:2px} .krate-form-control {display:flex;flex-direction:column} .krate-form-input, .krate-form-textarea {all:unset;display:block;width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--krate-border, #3f3f46);background:rgba(255, 255, 255, 0.03);color:var(--krate-text, #fafafa);font-size:0.875rem;font-family:inherit;transition:border-color 0.15s, box-shadow 0.15s;box-sizing:border-box} .krate-form-input::placeholder, .krate-form-textarea::placeholder {color:var(--krate-text-muted, #52525b)} .krate-form-input:focus, .krate-form-textarea:focus {outline:none;border-color:var(--krate-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59, 130, 246, 0.15)} .krate-form-input:disabled, .krate-form-textarea:disabled {opacity:0.5;cursor:not-allowed} .krate-form-textarea {resize:vertical;min-height:80px} .krate-form-description {font-size:0.8rem;color:var(--krate-text-muted, #71717a);margin:0} .krate-form-error {font-size:0.8rem;color:var(--krate-danger, #ef4444);margin:0} .krate-hover-card {position:relative;display:inline-block} .krate-hover-card-trigger {display:inline-block} .krate-hover-card-content {position:absolute;z-index:1000;width:320px;padding:16px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);color:var(--krate-text-muted, #a1a1aa);font-size:0.875rem;line-height:1.5} .krate-hover-card-content-bottom {top:calc(100% + 8px);left:50%;transform:translateX(-50%)} .krate-hover-card-content-top {bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)} .krate-hover-card-align-center {left:50%;transform:translateX(-50%)} .krate-hover-card-align-end {right:0;left:auto} .krate-hover-card[data-state="closed"] > .krate-hover-card-content {display:none} .krate-label {display:inline-block;font-size:0.875rem;font-weight:500;color:var(--krate-text, #fafafa);cursor:default;user-select:none;line-height:1.4} .krate-label-disabled {opacity:0.5;cursor:not-allowed} .krate-label-required {color:var(--krate-danger, #ef4444);margin-left:2px} .krate-menu-bar {display:flex;align-items:center;gap:2px;padding:4px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a)} .krate-menu-bar-menu {position:relative} .krate-menu-bar-trigger {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px;font-size:0.875rem;font-weight:500;color:var(--krate-text-muted, #a1a1aa);cursor:pointer;transition:background 0.15s, color 0.15s} .krate-menu-bar-trigger:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-menu-bar-trigger:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-menu-bar-content {position:absolute;top:100%;left:0;z-index:1000;min-width:180px;padding:4px;margin-top:4px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3)} .krate-menu-bar-item {display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:0.875rem;color:var(--krate-text, #fafafa);cursor:pointer;transition:background 0.1s} .krate-menu-bar-item:hover {background:rgba(255, 255, 255, 0.06)} .krate-menu-bar-item-disabled {opacity:0.4;pointer-events:none} .krate-menu-bar-label {padding:6px 8px;font-size:0.75rem;font-weight:600;color:var(--krate-text-muted, #71717a);text-transform:uppercase;letter-spacing:0.05em} .krate-menu-bar-separator {height:1px;margin:4px 0;background:var(--krate-border, #27272a)} .krate-menu-bar-menu[data-state="closed"] > .krate-menu-bar-content {display:none} .krate-navigation-menu {position:relative;z-index:100} .krate-navigation-menu-list {display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0} .krate-navigation-menu-item {position:relative} .krate-navigation-menu-trigger {all:unset;display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:6px;font-size:0.875rem;font-weight:500;color:var(--krate-text-muted, #a1a1aa);cursor:pointer;transition:background 0.15s, color 0.15s} .krate-navigation-menu-trigger:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-navigation-menu-trigger:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-navigation-menu-trigger-icon {transition:transform 0.2s ease} .krate-navigation-menu-item[data-state="open"] > .krate-navigation-menu-trigger > .krate-navigation-menu-trigger-icon {transform:rotate(180deg)} .krate-navigation-menu-content {position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:1000;min-width:200px;padding:8px;margin-top:8px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3)} .krate-navigation-menu-link {display:block;padding:8px 12px;border-radius:4px;font-size:0.875rem;color:var(--krate-text-muted, #a1a1aa);text-decoration:none;transition:background 0.15s, color 0.15s} .krate-navigation-menu-link:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-navigation-menu-item[data-state="closed"] > .krate-navigation-menu-content {display:none} .krate-navigation-menu-viewport {position:absolute;left:0;right:0} .krate-otp-field {display:flex;gap:8px;align-items:center} .krate-otp-field-input {all:unset;display:flex;align-items:center;justify-content:center;width:44px;height:52px;text-align:center;font-size:1.25rem;font-weight:600;font-family:"SF Mono", "Fira Code", monospace;color:var(--krate-text, #fafafa);background:rgba(255, 255, 255, 0.03);border:1.5px solid var(--krate-border, #3f3f46);border-radius:8px;transition:border-color 0.15s, box-shadow 0.15s;caret-color:var(--krate-primary, #3b82f6)} .krate-otp-field-input:focus {outline:none;border-color:var(--krate-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59, 130, 246, 0.15)} .krate-otp-field-input:disabled {opacity:0.5;cursor:not-allowed} .krate-password-toggle-field {position:relative;display:flex;align-items:center;width:100%} .krate-password-toggle-input {all:unset;display:block;width:100%;padding:8px 40px 8px 12px;border-radius:6px;border:1px solid var(--krate-border, #3f3f46);background:rgba(255, 255, 255, 0.03);color:var(--krate-text, #fafafa);font-size:0.875rem;font-family:inherit;transition:border-color 0.15s, box-shadow 0.15s;box-sizing:border-box} .krate-password-toggle-input::placeholder {color:var(--krate-text-muted, #52525b)} .krate-password-toggle-input:focus {outline:none;border-color:var(--krate-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59, 130, 246, 0.15)} .krate-password-toggle-button {all:unset;position:absolute;right:4px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:var(--krate-text-muted, #71717a);cursor:pointer;transition:color 0.15s, background 0.15s} .krate-password-toggle-button:hover {color:var(--krate-text, #fafafa);background:rgba(255, 255, 255, 0.06)} .krate-password-toggle-button:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-popover {position:relative;display:inline-block} .krate-popover-trigger {all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer} .krate-popover-trigger:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-popover-content {position:absolute;z-index:1000;min-width:260px;padding:16px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3)} .krate-popover-content-bottom {top:calc(100% + 8px);left:50%;transform:translateX(-50%)} .krate-popover-content-top {bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)} .krate-popover-align-start {left:0;transform:none} .krate-popover-align-end {right:0;left:auto;transform:none} .krate-popover[data-state="closed"] > .krate-popover-content {display:none} .krate-progress {display:flex;flex-direction:column;gap:6px;width:100%} .krate-progress-track {position:relative;width:100%;height:8px;border-radius:9999px;background:rgba(255, 255, 255, 0.08);overflow:hidden} .krate-progress-indicator {height:100%;border-radius:9999px;background:var(--krate-primary, #3b82f6);transition:width 0.3s ease} .krate-progress-label {font-size:0.8rem;color:var(--krate-text-muted, #a1a1aa);text-align:right} .krate-radio-group {display:flex;flex-direction:column;gap:8px} .krate-radio-group[data-orientation="horizontal"] {flex-direction:row;gap:16px} .krate-radio-group-item {all:unset;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--krate-border, #3f3f46);background:transparent;transition:border-color 0.15s, box-shadow 0.15s;cursor:pointer;flex-shrink:0} .krate-radio-group-item:hover {border-color:var(--krate-text-muted, #71717a)} .krate-radio-group-item:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-radio-group-item[data-state="checked"] {border-color:var(--krate-primary, #3b82f6)} .krate-radio-group-item-disabled {opacity:0.5;cursor:not-allowed} .krate-radio-group-item-indicator {display:flex;align-items:center;justify-content:center;width:100%;height:100%} .krate-radio-group-item-indicator-dot {width:10px;height:10px;border-radius:50%;background:var(--krate-primary, #3b82f6);transform:scale(0);transition:transform 0.15s ease} .krate-radio-group-item[data-state="checked"] > .krate-radio-group-item-indicator > .krate-radio-group-item-indicator-dot {transform:scale(1)} .krate-radio-group-label {font-size:0.875rem;color:var(--krate-text, #fafafa);cursor:pointer;user-select:none} .krate-scroll-area {position:relative;overflow:hidden} .krate-scroll-area-viewport {width:100%;height:100%;overflow:auto} .krate-scroll-area-viewport::-webkit-scrollbar {display:none} .krate-scroll-area-scrollbar {position:absolute;background:transparent;user-select:none;touch-action:none} .krate-scroll-area-scrollbar-vertical {top:0;right:2px;bottom:0;width:8px} .krate-scroll-area-scrollbar-horizontal {left:0;right:0;bottom:2px;height:8px} .krate-scroll-area-thumb {position:relative;display:block;width:100%;height:100%;border-radius:9999px;background:rgba(255, 255, 255, 0.15);transition:background 0.15s} .krate-scroll-area-thumb:hover {background:rgba(255, 255, 255, 0.25)} .krate-select {position:relative;width:100%} .krate-select-trigger {all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--krate-border, #3f3f46);background:rgba(255, 255, 255, 0.03);color:var(--krate-text, #fafafa);font-size:0.875rem;cursor:pointer;transition:border-color 0.15s, box-shadow 0.15s;box-sizing:border-box} .krate-select-trigger:hover {border-color:var(--krate-text-muted, #71717a)} .krate-select-trigger:focus-visible {outline:none;border-color:var(--krate-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59, 130, 246, 0.15)} .krate-select-value {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left} .krate-select-trigger[aria-expanded="true"] {border-color:var(--krate-primary, #3b82f6)} .krate-select-icon {display:inline-flex;margin-left:8px;color:var(--krate-text-muted, #71717a);transition:transform 0.2s ease;flex-shrink:0} .krate-select[data-state="open"] > .krate-select-trigger > .krate-select-icon {transform:rotate(180deg)} .krate-select-content {position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;padding:4px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);animation:krate-select-slide-down 0.1s ease} .krate-select-filter-wrapper {padding:4px 0;border-bottom:1px solid var(--krate-border, #27272a);margin-bottom:4px} .krate-select-filter {all:unset;display:block;width:100%;padding:6px 8px;font-size:0.85rem;color:var(--krate-text, #fafafa);background:rgba(255, 255, 255, 0.03);border:1px solid var(--krate-border, #3f3f46);border-radius:4px;box-sizing:border-box;caret-color:var(--krate-primary, #3b82f6)} .krate-select-filter::placeholder {color:var(--krate-text-muted, #52525b)} .krate-select-filter:focus {outline:none;border-color:var(--krate-primary, #3b82f6)} .krate-select-viewport {max-height:240px;overflow-y:auto;padding:2px} .krate-select-viewport::-webkit-scrollbar {width:4px} .krate-select-viewport::-webkit-scrollbar-track {background:transparent} .krate-select-viewport::-webkit-scrollbar-thumb {background:rgba(255, 255, 255, 0.1);border-radius:4px} .krate-select-group {margin-bottom:4px} .krate-select-group-label {padding:6px 8px 4px;font-size:0.75rem;font-weight:600;color:var(--krate-text-muted, #71717a);text-transform:uppercase;letter-spacing:0.05em} .krate-select-label {padding:6px 8px;font-size:0.75rem;font-weight:600;color:var(--krate-text-muted, #71717a);text-transform:uppercase;letter-spacing:0.05em} .krate-select-item {display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:4px;font-size:0.875rem;color:var(--krate-text, #fafafa);cursor:pointer;transition:background 0.1s;outline:none;position:relative} .krate-select-item:hover {background:rgba(255, 255, 255, 0.06)} .krate-select-item:focus-visible, .krate-select-item[data-highlighted="true"] {background:rgba(255, 255, 255, 0.06);outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-select-item-indicator {display:inline-flex;color:var(--krate-primary, #3b82f6);opacity:0;transition:opacity 0.15s} .krate-select-item[data-selected="true"] > .krate-select-item-indicator {opacity:1} .krate-select-item-text {flex:1} .krate-select-item-disabled {opacity:0.4;pointer-events:none} .krate-select-separator {height:1px;margin:4px 0;background:var(--krate-border, #27272a)} .krate-select-disabled {opacity:0.5;pointer-events:none} .krate-select[data-state="closed"] > .krate-select-content {display:none} @keyframes krate-select-slide-down {from { opacity:0;transform:translateY(0)}} .krate-select-empty {padding:8px 12px;font-size:0.85rem;color:var(--krate-text-muted, #a1a1aa)} .krate-separator {flex-shrink:0;background:var(--krate-border, #27272a)} .krate-separator-horizontal {height:1px;width:100%} .krate-separator-vertical {width:1px;height:100%;align-self:stretch} .krate-slider {position:relative;display:flex;align-items:center;width:100%;height:20px;touch-action:none;user-select:none} .krate-slider-track {position:relative;flex-grow:1;height:4px;border-radius:9999px;background:rgba(255, 255, 255, 0.08);cursor:pointer} .krate-slider-range {position:absolute;height:100%;border-radius:9999px;background:var(--krate-primary, #3b82f6)} .krate-slider-thumb {position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--krate-text, #fafafa);border:2px solid var(--krate-primary, #3b82f6);transform:translate(-50%, -50%);cursor:grab;transition:box-shadow 0.15s, transform 0.1s} .krate-slider-thumb:hover {box-shadow:0 0 0 4px rgba(59, 130, 246, 0.15)} .krate-slider-thumb:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-slider-thumb:active {cursor:grabbing;transform:translate(-50%, -50%) scale(1.1)} .krate-slider-disabled {opacity:0.5;pointer-events:none} .krate-slider-disabled .krate-slider-thumb {cursor:not-allowed} .krate-switch {all:unset;display:inline-flex;align-items:center;width:42px;height:24px;border-radius:9999px;background:rgba(255, 255, 255, 0.1);border:1px solid var(--krate-border, #3f3f46);padding:2px;cursor:pointer;transition:background 0.2s, border-color 0.2s;flex-shrink:0} .krate-switch:hover {border-color:var(--krate-text-muted, #52525b)} .krate-switch:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-switch-checked {background:var(--krate-primary, #3b82f6);border-color:var(--krate-primary, #3b82f6)} .krate-switch-thumb {display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);transition:transform 0.2s ease} .krate-switch-checked > .krate-switch-thumb {transform:translateX(18px)} .krate-switch:disabled {opacity:0.5;cursor:not-allowed} .krate-toast-provider {position:relative} .krate-toast-viewport {position:fixed;bottom:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;width:380px;max-width:calc(100vw - 32px)} .krate-toast {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-radius:10px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a);box-shadow:0 8px 24px rgba(0, 0, 0, 0.4);animation:krate-toast-slide-in 0.2s ease} .krate-toast[data-state="closed"] {animation:krate-toast-slide-out 0.15s ease forwards} .krate-toast-success {border-left:3px solid #10b981} .krate-toast-destructive {border-left:3px solid #ef4444} .krate-toast-content {flex:1;color:var(--krate-text, #fafafa);font-size:0.875rem;line-height:1.5} .krate-toast-title {font-weight:500;margin-bottom:2px} .krate-toast-description {color:var(--krate-text-muted, #a1a1aa);font-size:0.8rem} .krate-toast-close {all:unset;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--krate-text-muted, #71717a);cursor:pointer;transition:background 0.15s, color 0.15s;flex-shrink:0} .krate-toast-close:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-toast-action {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:4px;font-size:0.8rem;font-weight:500;color:var(--krate-primary, #3b82f6);border:1px solid var(--krate-border, #27272a);cursor:pointer;transition:background 0.15s;flex-shrink:0} .krate-toast-action:hover {background:rgba(255, 255, 255, 0.06)} @keyframes krate-toast-slide-in {from { transform:translateX(calc(100% + 16px));opacity:1}} @keyframes krate-toast-slide-out {from { transform:translateX(0);opacity:0}} .krate-toggle {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;font-size:0.875rem;font-weight:500;color:var(--krate-text-muted, #a1a1aa);background:transparent;cursor:pointer;transition:background 0.15s, color 0.15s;min-width:36px;height:36px} .krate-toggle:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-toggle:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:2px} .krate-toggle[data-state="on"] {background:rgba(255, 255, 255, 0.08);color:var(--krate-text, #fafafa)} .krate-toggle-outline {border:1px solid var(--krate-border, #3f3f46)} .krate-toggle-outline[data-state="on"] {border-color:var(--krate-primary, #3b82f6);background:rgba(59, 130, 246, 0.08);color:var(--krate-primary, #3b82f6)} .krate-toggle-sm {min-width:32px;height:32px;padding:6px} .krate-toggle-lg {min-width:42px;height:42px;padding:10px} .krate-toggle:disabled {opacity:0.5;cursor:not-allowed} .krate-toggle-group {display:inline-flex;align-items:center;gap:1px;border-radius:8px;background:rgba(255, 255, 255, 0.03);border:1px solid var(--krate-border, #27272a);padding:2px} .krate-toggle-group[data-orientation="vertical"] {flex-direction:column} .krate-toggle-group-item {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;font-size:0.875rem;font-weight:500;color:var(--krate-text-muted, #a1a1aa);cursor:pointer;transition:background 0.15s, color 0.15s;min-height:32px} .krate-toggle-group-item:hover {background:rgba(255, 255, 255, 0.06);color:var(--krate-text, #fafafa)} .krate-toggle-group-item:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-toggle-group-item[data-state="on"] {background:var(--krate-primary, #3b82f6);color:#fff} .krate-toggle-group-item:disabled {opacity:0.5;cursor:not-allowed} .krate-toggle-group-sm .krate-toggle-group-item {padding:4px 10px;font-size:0.8rem;min-height:28px} .krate-toggle-group-lg .krate-toggle-group-item {padding:8px 16px;font-size:0.95rem;min-height:38px} .krate-toolbar {display:flex;align-items:center;gap:4px;padding:6px;border-radius:8px;background:var(--krate-card-bg, #111113);border:1px solid var(--krate-border, #27272a)} .krate-toolbar[data-orientation="vertical"] {flex-direction:column} .krate-toolbar-group {display:flex;align-items:center;gap:4px} .krate-toolbar-separator {width:1px;height:20px;margin:0 4px;background:var(--krate-border, #27272a)} .krate-toolbar-button {all:unset;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:4px;font-size:0.875rem;font-weight:500;color:var(--krate-text, #fafafa);cursor:pointer;transition:background 0.15s;min-height:32px} .krate-toolbar-button:hover {background:rgba(255, 255, 255, 0.06)} .krate-toolbar-button:focus-visible {outline:2px solid var(--krate-primary, #3b82f6);outline-offset:-2px} .krate-toolbar-button-outline {border:1px solid var(--krate-border, #3f3f46)} .krate-toolbar-button:disabled {opacity:0.5;cursor:not-allowed} .krate-toolbar-link {display:inline-flex;align-items:center;padding:6px 10px;border-radius:4px;font-size:0.875rem;font-weight:500;color:var(--krate-text, #fafafa);text-decoration:none;transition:background 0.15s} .krate-toolbar-link:hover {background:rgba(255, 255, 255, 0.06)} .krate-tooltip-root {position:relative;display:inline-block} .krate-tooltip-trigger {display:inline-block} .krate-tooltip-root[data-state="closed"] > .krate-tooltip-content {display:none} .krate-tooltip-content {position:absolute;z-index:1000;padding:6px 12px;border-radius:6px;background:var(--krate-text, #fafafa);color:var(--krate-card-bg, #111113);font-size:0.8rem;font-weight:500;white-space:nowrap;pointer-events:none;animation:krate-tooltip-fade-in 0.15s ease} .krate-tooltip-content-top {bottom:calc(100% + var(--tooltip-offset, 4px));left:50%;transform:translateX(-50%)} .krate-tooltip-content-bottom {top:calc(100% + var(--tooltip-offset, 4px));left:50%;transform:translateX(-50%)} .krate-tooltip-content-left {right:calc(100% + var(--tooltip-offset, 4px));top:50%;transform:translateY(-50%)} .krate-tooltip-content-right {left:calc(100% + var(--tooltip-offset, 4px));top:50%;transform:translateY(-50%)} .krate-tooltip-arrow {position:absolute;width:8px;height:8px;background:var(--krate-text, #fafafa);transform:rotate(45deg)} .krate-tooltip-content-top > .krate-tooltip-arrow {bottom:-4px;left:50%;margin-left:-4px} .krate-tooltip-content-bottom > .krate-tooltip-arrow {top:-4px;left:50%;margin-left:-4px} .krate-tooltip-content-left > .krate-tooltip-arrow {right:-4px;top:50%;margin-top:-4px} .krate-tooltip-content-right > .krate-tooltip-arrow {left:-4px;top:50%;margin-top:-4px} @keyframes krate-tooltip-fade-in {from { opacity:0} to { opacity: 1}}