:where(html[data-datakar-ui="legacy"]) { color-scheme: light; --dk-color-primary: #e67e22; --dk-color-link: #a34b08; --dk-glass: rgb(255 255 255 / .82); --dk-color-primary-hover: #e49520; --dk-color-complementary: #8fcb6f; --dk-color-bg: #fafafa; --dk-color-surface: #ffffff; --dk-color-surface-soft: #f2f2f2; --dk-color-surface-hover: #eaeaea; --dk-color-text: #222222; --dk-color-text-soft: #444444; --dk-color-muted: #666666; --dk-color-border: #e0e0e0; --dk-color-focus: var(--dk-color-link); --dk-color-overlay: rgb(0 0 0 / 0.28); --dk-color-success: #16794a; --dk-color-error: #b42318; --dk-font-sans: "Datakar Ravi", Arial, sans-serif; --dk-font-size-xs: .875rem; --dk-font-size-sm: .9375rem; --dk-font-size-md: 1rem; --dk-font-size-lg: 1.125rem; --dk-font-size-xl: 1.7rem; --dk-line-height: 1.5; --dk-font-weight-regular: 400; --dk-font-weight-bold: 700; --dk-space-1: 0.25rem; --dk-space-2: 0.55rem; --dk-space-3: 0.8rem; --dk-space-4: 1.1rem; --dk-space-5: 1.65rem; --dk-space-6: 2.2rem; --dk-space-7: 3rem; --dk-space-8: 4.4rem; --dk-radius-sm: .5rem; --dk-radius-md: .75rem; --dk-radius-lg: 1.25rem; --dk-radius-pill: 999px; --dk-container: 800px; --dk-shell-max: 1180px; --dk-page-gutter: 1.1rem; --dk-control-min-height: 48px; --dk-input-min-height: 54px; --dk-duration-fast: 150ms; --dk-duration-normal: 220ms; --dk-duration-slow: 280ms; --dk-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1); --dk-shadow-sm: 0 4px 18px rgb(0 0 0 / 0.04); --dk-shadow-md: 0 14px 36px rgb(0 0 0 / 0.10); --dk-z-header: 100; --dk-z-backdrop: 190; --dk-z-drawer: 200; --dk-z-dropdown: 220; } @media (prefers-color-scheme: dark) { :where(html[data-datakar-ui="legacy"]) { color-scheme: dark; --dk-color-primary: #f08a24; --dk-color-link: #ffb570; --dk-glass: rgb(27 29 32 / .9); --dk-color-primary-hover: #f0a03a; --dk-color-complementary: #9bd27d; --dk-color-bg: #101113; --dk-color-surface: #1b1d20; --dk-color-surface-soft: #25272b; --dk-color-surface-hover: #303030; --dk-color-text: #f2f2f2; --dk-color-text-soft: #d8d8d8; --dk-color-muted: #b5b5b5; --dk-color-border: #393c42; --dk-color-focus: var(--dk-color-link); --dk-color-overlay: rgb(0 0 0 / 0.52); --dk-color-error: #ffb4ab; --dk-color-success: #8ed5b1; --dk-shadow-sm: 0 6px 24px rgb(0 0 0 / 0.22); --dk-shadow-md: 0 16px 42px rgb(0 0 0 / 0.38); } } @media (max-width:620px) { :where(html[data-datakar-ui="legacy"]) { --dk-page-gutter:.85rem; } } @font-face { font-family: "Datakar Ravi"; src: url("/fonts/Ravi-Regular.woff2?v=2b014e6f0b2f") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Datakar Ravi"; src: url("/fonts/Ravi-Bold.woff2?v=da73e0a36bd2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } :where(html[data-datakar-ui="legacy"]) *, :where(html[data-datakar-ui="legacy"]) *::before, :where(html[data-datakar-ui="legacy"]) *::after { box-sizing: border-box; } :where(html[data-datakar-ui="legacy"]) { min-height: 100%; background: var(--dk-color-bg); color: var(--dk-color-text); font-family: var(--dk-font-sans); font-size: clamp(17px, 1.25vw, 19px); line-height: var(--dk-line-height); scroll-behavior: smooth; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; } :where(html[data-datakar-ui="legacy"]) body { min-height: 100vh; margin: 0; background:radial-gradient(ellipse 65% 32rem at 100% 0%,rgb(255 169 75 / .14),transparent 75%),radial-gradient(ellipse 65% 30rem at 0% 25%,rgb(65 205 189 / .10),transparent 75%),var(--dk-color-bg); color: var(--dk-color-text); } :where(html[data-datakar-ui="legacy"]) img, :where(html[data-datakar-ui="legacy"]) svg, :where(html[data-datakar-ui="legacy"]) video, :where(html[data-datakar-ui="legacy"]) canvas { max-width: 100%; } :where(html[data-datakar-ui="legacy"]) img { height: auto; } :where(html[data-datakar-ui="legacy"]) button, :where(html[data-datakar-ui="legacy"]) input, :where(html[data-datakar-ui="legacy"]) select, :where(html[data-datakar-ui="legacy"]) textarea { font: inherit; } :where(html[data-datakar-ui="legacy"]) button, :where(html[data-datakar-ui="legacy"]) a, :where(html[data-datakar-ui="legacy"]) input, :where(html[data-datakar-ui="legacy"]) select, :where(html[data-datakar-ui="legacy"]) textarea { -webkit-tap-highlight-color: transparent; } :where(html[data-datakar-ui="legacy"]) a { color: var(--dk-color-link); text-underline-offset: 0.18em; } :where(html[data-datakar-ui="legacy"]) a:hover, :where(html[data-datakar-ui="legacy"]) a:focus-visible { text-decoration-thickness: 1.5px; } :where(html[data-datakar-ui="legacy"]) h1, :where(html[data-datakar-ui="legacy"]) h2, :where(html[data-datakar-ui="legacy"]) h3, :where(html[data-datakar-ui="legacy"]) p { margin-block-start: 0; } :where(html[data-datakar-ui="legacy"]) :focus-visible { outline: 2px solid var(--dk-color-focus); outline-offset: 2px; } :where(html[data-datakar-ui="legacy"]) [hidden] { display: none !important; } @media (prefers-reduced-motion: reduce) { :where(html[data-datakar-ui="legacy"]) *, :where(html[data-datakar-ui="legacy"]) *::before, :where(html[data-datakar-ui="legacy"]) *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } :where(html[data-datakar-ui="legacy"]) .dk-container { width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-container)); margin-inline: auto; } :where(html[data-datakar-ui="legacy"]) .dk-shell-container { width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-shell-max)); margin-inline: auto; } :where(html[data-datakar-ui="legacy"]) .dk-page { padding-block: var(--dk-space-6) var(--dk-space-8); } :where(html[data-datakar-ui="legacy"]) .dk-section + .dk-section { margin-block-start: var(--dk-space-6); } :where(html[data-datakar-ui="legacy"]) .dk-stack { display: grid; gap: var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) .dk-stack--tight { gap: var(--dk-space-2); } :where(html[data-datakar-ui="legacy"]) .dk-stack--loose { gap: var(--dk-space-5); } :where(html[data-datakar-ui="legacy"]) .dk-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dk-space-3); } @media (max-width: 620px) { :where(html[data-datakar-ui="legacy"]) .dk-page { padding-block: var(--dk-space-5) var(--dk-space-7); } } :where(html[data-datakar-ui="legacy"]) main, :where(html[data-datakar-ui="legacy"]) section[id] { scroll-margin-block-start:6rem; } @media(prefers-color-scheme:dark) { :where(html[data-datakar-ui="legacy"]) body { background:radial-gradient(ellipse 70% 34rem at 100% 0%,rgb(230 126 34 / .10),transparent 75%),radial-gradient(ellipse 60% 28rem at 0% 20%,rgb(49 204 188 / .08),transparent 75%),var(--dk-color-bg); } } @media(prefers-reduced-transparency:reduce) { :where(html[data-datakar-ui="legacy"]) body { background:var(--dk-color-bg); } } :where(html[data-datakar-ui="legacy"]) .dk-skip { position:fixed; inset-block-start:.5rem; inset-inline-start:1rem; max-width:calc(100% - 2rem); transform:translateY(-250%); z-index:500; padding:.6rem 1rem; border-radius:var(--dk-radius-md); background:var(--dk-color-text); color:var(--dk-color-bg); } :where(html[data-datakar-ui="legacy"]) .dk-skip:focus { transform:none; } :where(html[data-datakar-ui="legacy"]) .dk-button { min-height: var(--dk-control-min-height); display: inline-flex; align-items: center; justify-content: center; gap: var(--dk-space-2); width: auto; padding: 0.7rem 1.1rem; border: 1px solid transparent; border-radius: var(--dk-radius-pill); font-weight: var(--dk-font-weight-bold); line-height: 1.4; text-decoration: none; cursor: pointer; transition: background-color var(--dk-duration-normal) var(--dk-ease-standard), border-color var(--dk-duration-normal) var(--dk-ease-standard), color var(--dk-duration-normal) var(--dk-ease-standard), transform var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-button:active { transform: translateY(1px); } :where(html[data-datakar-ui="legacy"]) .dk-button--primary { background: var(--dk-color-primary); border-color: var(--dk-color-primary); color: #1c1c1c; } :where(html[data-datakar-ui="legacy"]) .dk-button--primary:hover, :where(html[data-datakar-ui="legacy"]) .dk-button--primary:focus-visible { background: var(--dk-color-primary-hover); border-color: var(--dk-color-primary-hover); color: #1c1c1c; } :where(html[data-datakar-ui="legacy"]) .dk-button--secondary { background: var(--dk-color-surface-soft); border-color: var(--dk-color-surface-soft); color: var(--dk-color-text-soft); } :where(html[data-datakar-ui="legacy"]) .dk-button--secondary:hover, :where(html[data-datakar-ui="legacy"]) .dk-button--secondary:focus-visible { background: var(--dk-color-surface-hover); border-color: var(--dk-color-surface-hover); color: var(--dk-color-text); } :where(html[data-datakar-ui="legacy"]) .dk-button:not(.dk-button--primary):not(.dk-button--secondary):not(.dk-button--text) { background: var(--dk-color-surface-soft); border-color: var(--dk-color-surface-soft); color: var(--dk-color-text-soft); } :where(html[data-datakar-ui="legacy"]) .dk-button:not(.dk-button--primary):not(.dk-button--secondary):not(.dk-button--text):hover { background: var(--dk-color-surface-hover); border-color: var(--dk-color-surface-hover); } :where(html[data-datakar-ui="legacy"]) .dk-button--text { min-height: auto; padding: 0; border: 0; background: transparent; color: var(--dk-color-link); font-weight: var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) .dk-button--text:hover, :where(html[data-datakar-ui="legacy"]) .dk-button--text:focus-visible { background: transparent; color: var(--dk-color-primary-hover); text-decoration: underline; text-underline-offset: 0.18em; } :where(html[data-datakar-ui="legacy"]) .dk-button:disabled, :where(html[data-datakar-ui="legacy"]) .dk-button[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; transform: none; } :where(html[data-datakar-ui="legacy"]) .dk-field { display: grid; gap: var(--dk-space-2); } :where(html[data-datakar-ui="legacy"]) .dk-label { color: var(--dk-color-text); font-size: var(--dk-font-size-md); font-weight: var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) .dk-input, :where(html[data-datakar-ui="legacy"]) .dk-select, :where(html[data-datakar-ui="legacy"]) .dk-textarea { width: 100%; min-width:0; max-width:100%; min-height: var(--dk-input-min-height); padding: 0.5rem 0.75rem; border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-md); background: var(--dk-color-surface); color: var(--dk-color-text); outline: none; transition: border-color var(--dk-duration-normal) var(--dk-ease-standard), box-shadow var(--dk-duration-normal) var(--dk-ease-standard), background-color var(--dk-duration-normal) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-textarea { min-height: 110px; resize: vertical; } :where(html[data-datakar-ui="legacy"]) .dk-input::placeholder, :where(html[data-datakar-ui="legacy"]) .dk-textarea::placeholder { color: var(--dk-color-muted); opacity: 0.82; } :where(html[data-datakar-ui="legacy"]) .dk-input:focus, :where(html[data-datakar-ui="legacy"]) .dk-select:focus, :where(html[data-datakar-ui="legacy"]) .dk-textarea:focus { border-color: var(--dk-color-primary); box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .dk-help { margin: 0; color: var(--dk-color-muted); font-size: var(--dk-font-size-sm); line-height: 1.5; } :where(html[data-datakar-ui="legacy"]) .dk-native-select { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; } :where(html[data-datakar-ui="legacy"]) .dk-select-ui { position: relative; width: 100%; min-width: 0; max-width:100%; } :where(html[data-datakar-ui="legacy"]) .dk-select-trigger { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: var(--dk-space-3); padding: 0.5rem 0.85rem; border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-md); background: var(--dk-color-surface); color: var(--dk-color-text); font: inherit; font-weight: var(--dk-font-weight-regular); text-align: start; cursor: pointer; outline: none; transition: border-color var(--dk-duration-normal) var(--dk-ease-standard), box-shadow var(--dk-duration-normal) var(--dk-ease-standard), background-color var(--dk-duration-normal) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-select-trigger:hover { border-color: var(--dk-color-primary); } :where(html[data-datakar-ui="legacy"]) .dk-select-trigger:focus-visible, :where(html[data-datakar-ui="legacy"]) .dk-select-ui.is-open .dk-select-trigger { border-color: var(--dk-color-primary); box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .dk-select-arrow { width: 18px; height: 18px; flex: 0 0 auto; color: var(--dk-color-muted); transform: rotate(90deg); transform-origin: center; transition: transform var(--dk-duration-normal) var(--dk-ease-standard), color var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-select-ui.is-open .dk-select-arrow { transform: rotate(0deg); color: var(--dk-color-primary); } :where(html[data-datakar-ui="legacy"]) .dk-select-menu { position: absolute; inset-inline: 0; top: calc(100% + 0.4rem); z-index: var(--dk-z-dropdown); display: grid; gap: 0.2rem; max-height: min(300px, 44vh); overflow: auto; padding: 0.35rem; border: 1px solid var(--dk-color-border); border-radius: 1rem; background: var(--dk-color-surface); box-shadow: var(--dk-shadow-md); opacity: 0; visibility: hidden; transform: translateY(-6px) scale(0.985); transform-origin: top center; pointer-events: none; transition: opacity var(--dk-duration-normal) var(--dk-ease-standard), transform var(--dk-duration-normal) var(--dk-ease-standard), visibility 0s linear var(--dk-duration-normal); } :where(html[data-datakar-ui="legacy"]) .dk-select-ui.is-open .dk-select-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; transition-delay: 0s; } :where(html[data-datakar-ui="legacy"]) .dk-select-option { width: 100%; min-height: 40px; display: flex; align-items: center; padding: 0.55rem 0.7rem; border: 0; border-radius: .625rem; background: transparent; color: var(--dk-color-text); font: inherit; text-align: start; cursor: pointer; transition: background-color var(--dk-duration-fast) var(--dk-ease-standard), color var(--dk-duration-fast) var(--dk-ease-standard), transform var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-select-option:hover, :where(html[data-datakar-ui="legacy"]) .dk-select-option:focus-visible, :where(html[data-datakar-ui="legacy"]) .dk-select-option.is-active { background: var(--dk-color-surface-soft); color: var(--dk-color-text); outline: none; } :where(html[data-datakar-ui="legacy"]) .dk-select-option[aria-selected="true"] { color: var(--dk-color-link); font-weight: var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) .dk-select-option:active { transform: scale(0.99); } :where(html[data-datakar-ui="legacy"]) .dk-select-option:disabled { opacity: 0.45; cursor: not-allowed; } :where(html[data-datakar-ui="legacy"]) .dk-fieldset { margin: 0; padding: 0; border: 0; } :where(html[data-datakar-ui="legacy"]) .dk-segmented { display: grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr)); gap: var(--dk-space-2); padding: 0.3rem; border: 0; border-color:transparent; border-radius: 1rem; background: var(--dk-color-surface-soft); } :where(html[data-datakar-ui="legacy"]) .dk-segmented-option { position: relative; min-width: 0; cursor: pointer; } :where(html[data-datakar-ui="legacy"]) .dk-segmented-option input { position: absolute; opacity: 0; pointer-events: none; } :where(html[data-datakar-ui="legacy"]) .dk-segmented-option span { min-height: 46px; display: flex; align-items: center; justify-content: center; padding: 0.65rem 0.5rem; border: 1px solid transparent; border-radius: .7rem; color: var(--dk-color-text-soft); font-weight: var(--dk-font-weight-bold); text-align: center; transition: background-color var(--dk-duration-normal) var(--dk-ease-standard), border-color var(--dk-duration-normal) var(--dk-ease-standard), color var(--dk-duration-normal) var(--dk-ease-standard), transform var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-segmented-option input:checked + span { border-color: transparent; background: #fff; color: #222; box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .dk-segmented-option input:focus-visible + span { outline: 2px solid var(--dk-color-text); outline-offset: 2px; } :where(html[data-datakar-ui="legacy"]) .dk-card { padding: var(--dk-space-4); border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-lg); background: var(--dk-glass); } :where(html[data-datakar-ui="legacy"]) .dk-card--interactive { transition: border-color var(--dk-duration-fast) var(--dk-ease-standard), box-shadow var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .dk-card--interactive:hover { border-color: var(--dk-color-primary); box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .dk-card-title { margin-block-end: var(--dk-space-2); color: var(--dk-color-text); font-size: var(--dk-font-size-lg); font-weight: var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) .dk-card-meta { margin: 0; color: var(--dk-color-muted); font-size: var(--dk-font-size-sm); line-height: 1.6; } :where(html[data-datakar-ui="legacy"]) .dk-card--accent { border-inline-start: 4px solid var(--dk-color-complementary); } :where(html[data-datakar-ui="legacy"]) .dk-state { padding: 0.8rem 1rem; border: 1px solid var(--dk-color-border); border-inline-start: 4px solid var(--dk-color-border); border-radius: var(--dk-radius-sm); background: var(--dk-color-surface); color: var(--dk-color-muted); font-size: var(--dk-font-size-sm); } :where(html[data-datakar-ui="legacy"]) .dk-state strong { color: var(--dk-color-text); } :where(html[data-datakar-ui="legacy"]) .dk-state--error { border-inline-start-color: var(--dk-color-error); } :where(html[data-datakar-ui="legacy"]) .dk-state--success { border-inline-start-color: var(--dk-color-success); } :where(html[data-datakar-ui="legacy"]) .dk-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } :where(html[data-datakar-ui="legacy"]) .dk-input:hover, :where(html[data-datakar-ui="legacy"]) .dk-textarea:hover { border-color:var(--dk-color-primary); } :where(html[data-datakar-ui="legacy"]) .result-state { padding:1rem 1.2rem; border:1px solid var(--dk-color-border); border-radius:var(--dk-radius-lg); color:var(--dk-color-muted); background:var(--dk-color-surface); line-height:1.8; } :where(html[data-datakar-ui="legacy"]) .result-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-block:1.1rem; } :where(html[data-datakar-ui="legacy"]) .result-actions [role=status] { color:var(--dk-color-muted); font-size:var(--dk-font-size-sm); } @media(prefers-color-scheme:dark) { :where(html[data-datakar-ui="legacy"]) .result-state { color:var(--dk-color-text); } } @media(prefers-reduced-transparency:reduce) { :where(html[data-datakar-ui="legacy"]) .dk-card { background:var(--dk-color-surface); backdrop-filter:none; } } :where(html[data-datakar-ui="legacy"]) .global-header { position: sticky; top: 0; z-index: var(--dk-z-header); padding: 0.75rem var(--dk-page-gutter); background: var(--dk-glass); border-bottom: 1px solid var(--dk-color-border); transition: background-color var(--dk-duration-normal) var(--dk-ease-standard), border-color var(--dk-duration-normal) var(--dk-ease-standard), box-shadow var(--dk-duration-normal) var(--dk-ease-standard), backdrop-filter var(--dk-duration-normal) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .global-header.is-scrolled { background: rgb(255 255 255 / 0.76); border-bottom-color: rgb(0 0 0 / 0.06); box-shadow: var(--dk-shadow-sm); backdrop-filter: blur(16px) saturate(135%); -webkit-backdrop-filter: blur(16px) saturate(135%); } :where(html[data-datakar-ui="legacy"]) .global-nav { width: min(100%, var(--dk-shell-max)); min-height: 48px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) .global-brand { display: inline-flex; align-items: center; flex: 0 0 auto; color: inherit; text-decoration: none; } :where(html[data-datakar-ui="legacy"]) .global-brand img { display: block; width: auto; height: 2rem; aspect-ratio:89.89 / 30.06; object-fit:contain; } :where(html[data-datakar-ui="legacy"]) .global-header-tools { min-width:min(13rem,100%); display: flex; align-items: center; justify-content: flex-end; gap: 0.65rem; } :where(html[data-datakar-ui="legacy"]) .global-desktop-links { display: flex; align-items: center; gap: var(--dk-space-4); white-space: nowrap; } :where(html[data-datakar-ui="legacy"]) .global-desktop-links a { color: var(--dk-color-muted); text-decoration: none; font-size: 0.94rem; } :where(html[data-datakar-ui="legacy"]) .global-desktop-links a:hover, :where(html[data-datakar-ui="legacy"]) .global-desktop-links a:focus-visible { color: var(--dk-color-text); } :where(html[data-datakar-ui="legacy"]) .global-search { position: relative; width: clamp(190px, 27vw, 330px); } :where(html[data-datakar-ui="legacy"]) .global-search-icon { position: absolute; inset-inline-start: 0.8rem; top: 50%; width: 1rem; height: 1rem; color: var(--dk-color-muted); pointer-events: none; transform: translateY(-50%); } :where(html[data-datakar-ui="legacy"]) .global-search-input { width: 100%; min-height: 40px; padding-block: 0.58rem; padding-inline: 2.35rem 0.8rem; border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-pill); background: color-mix(in srgb, var(--dk-color-surface) 88%, transparent); color: var(--dk-color-text); outline: none; appearance: none; } :where(html[data-datakar-ui="legacy"]) .global-search-input::placeholder { color: var(--dk-color-muted); } :where(html[data-datakar-ui="legacy"]) .global-search-input:focus { border-color: var(--dk-color-primary); box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .global-search-input::-webkit-search-cancel-button { opacity: 0.55; cursor: pointer; } :where(html[data-datakar-ui="legacy"]) .global-search-results { position: absolute; z-index: var(--dk-z-dropdown); inset-inline: 0; top: calc(100% + 0.45rem); max-height: min(65vh,32rem); overscroll-behavior:contain; margin-top:2.5rem!important; overflow-y: auto; padding: 0.35rem; border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-md); background: var(--dk-color-surface); box-shadow: var(--dk-shadow-md); } :where(html[data-datakar-ui="legacy"]) .global-search-result { width: 100%; display: grid; gap: 0.1rem; padding: 0.7rem 0.8rem; border-radius: 9px; color: var(--dk-color-text); text-decoration: none; } :where(html[data-datakar-ui="legacy"]) .global-search-result strong { font-size: var(--dk-font-size-md); font-weight:700; } :where(html[data-datakar-ui="legacy"]) .global-search-result small { color: var(--dk-color-muted); font-size: var(--dk-font-size-sm); } :where(html[data-datakar-ui="legacy"]) .global-search-result:hover, :where(html[data-datakar-ui="legacy"]) .global-search-result:focus-visible, :where(html[data-datakar-ui="legacy"]) .global-search-result.is-active { background: var(--dk-color-surface-soft); outline: none; } :where(html[data-datakar-ui="legacy"]) .global-search-result[aria-disabled="true"] { color: var(--dk-color-muted); cursor: default; } :where(html[data-datakar-ui="legacy"]) .global-menu-button, :where(html[data-datakar-ui="legacy"]) .global-menu-close { border: 0; background: transparent; color: var(--dk-color-text); cursor: pointer; } :where(html[data-datakar-ui="legacy"]) .global-menu-button { width: 40px; height: 40px; display: none; place-items: center; padding: 8px; border-radius: var(--dk-radius-md); } :where(html[data-datakar-ui="legacy"]) .global-menu-button span { width: 20px; height: 1.5px; display: block; margin: 2.4px 0; border-radius: 2px; background: currentColor; } :where(html[data-datakar-ui="legacy"]) .global-menu-button:hover, :where(html[data-datakar-ui="legacy"]) .global-menu-close:hover { background: var(--dk-color-surface-soft); } :where(html[data-datakar-ui="legacy"]) .global-nav-backdrop { position: fixed; z-index: var(--dk-z-backdrop); inset: 0; background: var(--dk-color-overlay); opacity: 0; transition: opacity var(--dk-duration-normal) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .global-nav-backdrop.is-open { opacity: 1; } :where(html[data-datakar-ui="legacy"]) .global-nav-drawer { position: fixed; z-index: var(--dk-z-drawer); top: 0; right: 0; left: auto; width: min(86vw, 340px); height: 100dvh; display: flex; flex-direction: column; padding: var(--dk-space-4); border-inline-start: 1px solid var(--dk-color-border); background: var(--dk-color-surface); box-shadow: var(--dk-shadow-md); transform: translateX(105%); visibility: hidden; transition: transform var(--dk-duration-normal) var(--dk-ease-standard), visibility 0s linear var(--dk-duration-normal); } :where(html[data-datakar-ui="legacy"]) .global-nav-drawer.is-open { transform: translateX(0); visibility: visible; transition-delay: 0s; } :where(html[data-datakar-ui="legacy"]) .global-drawer-header { display: flex; align-items: center; justify-content: space-between; gap: var(--dk-space-4); padding-block-end: var(--dk-space-4); border-bottom: 1px solid var(--dk-color-border); } :where(html[data-datakar-ui="legacy"]) .global-menu-close { width: 40px; height: 40px; border-radius: var(--dk-radius-md); font-size: 1.5rem; line-height: 1; } :where(html[data-datakar-ui="legacy"]) .global-drawer-nav { display: grid; gap: var(--dk-space-2); padding-block: var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) .global-drawer-nav a { min-height: 44px; display: flex; align-items: center; padding-inline: 0.85rem; border-radius: var(--dk-radius-md); color: var(--dk-color-text); text-decoration: none; font-weight: 700; } :where(html[data-datakar-ui="legacy"]) .global-drawer-nav a:hover, :where(html[data-datakar-ui="legacy"]) .global-drawer-nav a:focus-visible { background: var(--dk-color-surface-soft); } :where(html[data-datakar-ui="legacy"]) .global-drawer-footer { margin-block-start: auto; padding: 0.9rem 0.85rem 0.35rem; border-top: 1px solid var(--dk-color-border); color: var(--dk-color-muted); font-size: 0.84rem; line-height: 1.6; } :where(html[data-datakar-ui="legacy"]) body.global-menu-open { overflow: hidden; } @media (prefers-color-scheme: dark) { :where(html[data-datakar-ui="legacy"]) .global-header.is-scrolled { background: rgb(18 18 18 / 0.76); border-bottom-color: rgb(255 255 255 / 0.08); } } @media (max-width: 760px) { :where(html[data-datakar-ui="legacy"]) .global-header { padding-block: 0.58rem; } :where(html[data-datakar-ui="legacy"]) .global-header.is-scrolled { backdrop-filter: blur(14px) saturate(130%); -webkit-backdrop-filter: blur(14px) saturate(130%); } :where(html[data-datakar-ui="legacy"]) .global-desktop-links { display: none; } :where(html[data-datakar-ui="legacy"]) .global-menu-button { display: grid; } :where(html[data-datakar-ui="legacy"]) .global-search { width: min(54vw, 300px); } } @media (max-width: 480px) { :where(html[data-datakar-ui="legacy"]) .global-brand img { height: 1.75rem; } :where(html[data-datakar-ui="legacy"]) .global-search { width: min(50vw, 230px); } :where(html[data-datakar-ui="legacy"]) .global-search-input { min-height: 38px; font-size: 0.88rem; } } :where(html[data-datakar-ui="legacy"]) .global-footer { margin-block-start: var(--dk-space-7); border-top: 1px solid var(--dk-color-border); background: var(--dk-glass); overflow:visible; color: var(--dk-color-text); } :where(html[data-datakar-ui="legacy"]) .global-footer-inner { width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-shell-max)); margin-inline: auto; } :where(html[data-datakar-ui="legacy"]) .global-footer-links-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 5rem); padding-block: var(--dk-space-6) var(--dk-space-5); } :where(html[data-datakar-ui="legacy"]) .global-footer-section h2 { margin: 0 0 var(--dk-space-3); color: var(--dk-color-text); font-size: var(--dk-font-size-md); font-weight: var(--dk-font-weight-bold); line-height: 1.5; } :where(html[data-datakar-ui="legacy"]) .global-footer-list { display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; } :where(html[data-datakar-ui="legacy"]) .global-footer-list a, :where(html[data-datakar-ui="legacy"]) .global-footer-more { color: var(--dk-color-muted); text-decoration: none; font-size: var(--dk-font-size-sm); line-height: 1.65; } :where(html[data-datakar-ui="legacy"]) .global-footer-list a:focus-visible, :where(html[data-datakar-ui="legacy"]) .global-footer-more:hover, :where(html[data-datakar-ui="legacy"]) .global-footer-more:focus-visible { color: var(--dk-color-primary); text-decoration: underline; text-underline-offset: 0.18em; } :where(html[data-datakar-ui="legacy"]) .global-footer-more { display: inline-flex; align-items: center; gap: 0.35rem; margin-block-start: var(--dk-space-3); color: var(--dk-color-link); font-weight: var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) .global-footer-more-icon { display: inline-block; font-size: 1em; line-height: 1; transition: transform var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .global-footer-more:hover .global-footer-more-icon, :where(html[data-datakar-ui="legacy"]) .global-footer-more:focus-visible .global-footer-more-icon { transform: translateX(-2px); } :where(html[data-datakar-ui="legacy"]) .global-footer-bottom-row { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: var(--dk-space-4); padding-block: 1rem; border-top: 1px solid var(--dk-color-border); } :where(html[data-datakar-ui="legacy"]) .global-footer-copyright { margin: 0; color: var(--dk-color-muted); font-size: var(--dk-font-size-xs); line-height: 1.7; white-space: normal; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap { position: relative; min-height: 44px; display: inline-flex; align-items: center; gap: 0.3rem; padding-inline: 0.55rem 0.25rem; border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-pill); background: var(--dk-color-surface); color: var(--dk-color-muted); transition: background-color var(--dk-duration-normal) var(--dk-ease-standard), border-color var(--dk-duration-normal) var(--dk-ease-standard), color var(--dk-duration-normal) var(--dk-ease-standard), box-shadow var(--dk-duration-normal) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap:hover { border-color: color-mix(in srgb, var(--dk-color-primary) 48%, var(--dk-color-border)); background: var(--dk-color-surface-soft); color: var(--dk-color-primary); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap:focus-within { border-color: var(--dk-color-primary); box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-icon { width: 17px; height: 17px; flex: 0 0 auto; pointer-events: none; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-ui { width: auto; min-width: 5.25rem; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-trigger { min-height: 34px; padding: 0.25rem 0.3rem 0.25rem 0.45rem; border: 0; border-radius: var(--dk-radius-pill); background: transparent; box-shadow: none; gap: 0.45rem; font-size: var(--dk-font-size-sm); font-weight: var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-trigger:hover, :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-trigger:focus-visible, :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-trigger { border: 0; background: transparent; box-shadow: none; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-arrow { width: 16px; height: 16px; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-menu { inset-inline-start: auto; inset-inline-end: 0; width: max-content; min-width: 7rem; top: auto; bottom: calc(100% + .5rem); inset-block-start:auto; inset-block-end:calc(100% + .5rem); max-height:min(16rem,60vh); transform-origin: bottom center; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-option { min-height: 38px; white-space: nowrap; } @media (prefers-color-scheme: dark) { :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap { background: var(--dk-color-surface-soft); border-color: var(--dk-color-border); color: var(--dk-color-muted); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap:hover { background: var(--dk-color-surface-hover); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-menu { background: var(--dk-color-surface); border-color: var(--dk-color-border); } } @media (max-width: 620px) { :where(html[data-datakar-ui="legacy"]) .global-footer { margin-block-start: var(--dk-space-7); } :where(html[data-datakar-ui="legacy"]) .global-footer-links-grid { grid-template-columns: 1fr; gap: 1.75rem; padding-block: 1.75rem 1.5rem; } :where(html[data-datakar-ui="legacy"]) .global-footer-bottom-row { min-height: 58px; gap: var(--dk-space-3); } :where(html[data-datakar-ui="legacy"]) .global-footer-copyright { font-size: var(--dk-font-size-xs); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select { font-size: 0.82rem; } } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-menu { transform:translateY(6px) scale(.985); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-menu { transform:translateY(0) scale(1); } :where(html[data-datakar-ui="legacy"]) .global-footer-list a:hover { color:var(--dk-color-link); text-decoration:underline; text-underline-offset:.18em; } :where(html[data-datakar-ui="legacy"]) .global-footer-more:focus-visible { outline:2px solid var(--dk-color-focus); outline-offset:3px; } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-arrow { transform:rotate(180deg); } :where(html[data-datakar-ui="legacy"]) .global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-arrow { transform:rotate(0deg); } :where(html[data-datakar-ui="legacy"]) .search-count { position:absolute; inset-inline:0; top:100%; margin:.25rem 0 0; padding:.25rem .85rem; background:var(--dk-color-surface); color:var(--dk-color-muted); border:1px solid var(--dk-color-border); border-radius:8px; z-index:221; font-size:.85rem; pointer-events:none; } :where(html[data-datakar-ui="legacy"]) a[data-i18n="moreApps"], :where(html[data-datakar-ui="legacy"]) a[data-footer-all-apps], :where(html[data-datakar-ui="legacy"]) a.dk-doc-link, :where(html[data-datakar-ui="legacy"]) a[data-footer-all-docs] { display:inline-flex; align-items:center; gap:.5rem; } :where(html[data-datakar-ui="legacy"]) a[data-i18n="moreApps"]::after, :where(html[data-datakar-ui="legacy"]) a[data-footer-all-apps]::after, :where(html[data-datakar-ui="legacy"]) a.dk-doc-link::after, :where(html[data-datakar-ui="legacy"]) a[data-footer-all-docs]::after { content:""; display:block; width:.4rem; height:.4rem; flex:0 0 .4rem; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(135deg); margin-inline:.15rem; pointer-events:none; } @supports(backdrop-filter:blur(12px)) { :where(html[data-datakar-ui="legacy"]) .global-header { backdrop-filter:blur(16px); } } @media(max-width:760px) { :where(html[data-datakar-ui="legacy"]) .global-nav { gap:.65rem; } :where(html[data-datakar-ui="legacy"]) .global-header-tools { flex:1; gap:.5rem; } :where(html[data-datakar-ui="legacy"]) .global-search { flex:1; min-width:0; width:auto; } :where(html[data-datakar-ui="legacy"]) .global-menu-button { flex-shrink:0; } } @media(prefers-color-scheme:dark) { :where(html[data-datakar-ui="legacy"]) .search-count { background:var(--dk-color-surface); color:var(--dk-color-text); } } @media(prefers-reduced-transparency:reduce) { :where(html[data-datakar-ui="legacy"]) .global-header, :where(html[data-datakar-ui="legacy"]) .global-footer { background:var(--dk-color-surface); backdrop-filter:none; } } :where(html[data-datakar-ui="legacy"]) .global-nav { flex-wrap:wrap; } :where(html[data-datakar-ui="legacy"]) .global-header-tools { flex-wrap:wrap; } :where(html[data-datakar-ui="legacy"]) .global-search { min-width:min(9rem,100%); } :where(html[data-datakar-ui="legacy"]) .global-search-input { min-width:0; } :where(html[data-datakar-ui="legacy"]) .global-footer-bottom-row { flex-wrap:wrap; }