:root { color-scheme: light; --dk-color-primary: #e67e22; --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-primary); --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: 0.82rem; --dk-font-size-sm: 0.95rem; --dk-font-size-md: 1rem; --dk-font-size-lg: 1.25rem; --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: 6px; --dk-radius-md: 8px; --dk-radius-lg: 10px; --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) { :root { color-scheme: dark; --dk-color-primary: #f08a24; --dk-color-primary-hover: #f0a03a; --dk-color-complementary: #9bd27d; --dk-color-bg: #121212; --dk-color-surface: #1c1c1c; --dk-color-surface-soft: #252525; --dk-color-surface-hover: #303030; --dk-color-text: #f2f2f2; --dk-color-text-soft: #d8d8d8; --dk-color-muted: #b5b5b5; --dk-color-border: #353535; --dk-color-focus: var(--dk-color-primary); --dk-color-overlay: rgb(0 0 0 / 0.52); --dk-shadow-sm: 0 6px 24px rgb(0 0 0 / 0.22); --dk-shadow-md: 0 16px 42px rgb(0 0 0 / 0.38); } } @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; } *, *::before, *::after { box-sizing: border-box; } html { 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%; } body { min-height: 100vh; margin: 0; background: var(--dk-color-bg); color: var(--dk-color-text); } img, svg, video, canvas { max-width: 100%; } img { height: auto; } button, input, select, textarea { font: inherit; } button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; } a { color: var(--dk-color-primary); text-underline-offset: 0.18em; } a:hover, a:focus-visible { text-decoration-thickness: 1.5px; } h1, h2, h3, p { margin-block-start: 0; } :focus-visible { outline: 2px solid var(--dk-color-focus); outline-offset: 2px; } [hidden] { display: none !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } .dk-container { width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-container)); margin-inline: auto; } .dk-shell-container { width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-shell-max)); margin-inline: auto; } .dk-page { padding-block: var(--dk-space-6) var(--dk-space-8); } .dk-section + .dk-section { margin-block-start: var(--dk-space-6); } .dk-stack { display: grid; gap: var(--dk-space-4); } .dk-stack--tight { gap: var(--dk-space-2); } .dk-stack--loose { gap: var(--dk-space-5); } .dk-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dk-space-3); } @media (max-width: 620px) { :root { --dk-page-gutter: 0.85rem; } .dk-page { padding-block: var(--dk-space-5) var(--dk-space-7); } } .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); } .dk-button:active { transform: translateY(1px); } .dk-button--primary { background: var(--dk-color-primary); border-color: var(--dk-color-primary); color: #ffffff; } .dk-button--primary:hover, .dk-button--primary:focus-visible { background: var(--dk-color-primary-hover); border-color: var(--dk-color-primary-hover); color: #ffffff; } .dk-button--secondary { background: var(--dk-color-surface-soft); border-color: var(--dk-color-surface-soft); color: var(--dk-color-text-soft); } .dk-button--secondary:hover, .dk-button--secondary:focus-visible { background: var(--dk-color-surface-hover); border-color: var(--dk-color-surface-hover); color: var(--dk-color-text); } .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); } .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); } .dk-button--text { min-height: auto; padding: 0; border: 0; background: transparent; color: var(--dk-color-primary); font-weight: var(--dk-font-weight-bold); } .dk-button--text:hover, .dk-button--text:focus-visible { background: transparent; color: var(--dk-color-primary-hover); text-decoration: underline; text-underline-offset: 0.18em; } .dk-button:disabled, .dk-button[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; transform: none; } .dk-field { display: grid; gap: var(--dk-space-2); } .dk-label { color: var(--dk-color-text); font-size: var(--dk-font-size-md); font-weight: var(--dk-font-weight-bold); } .dk-input, .dk-select, .dk-textarea { 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); } .dk-textarea { min-height: 110px; resize: vertical; } .dk-input::placeholder, .dk-textarea::placeholder { color: var(--dk-color-muted); opacity: 0.82; } .dk-input:focus, .dk-select:focus, .dk-textarea:focus { border-color: var(--dk-color-primary); box-shadow: none; } .dk-help { margin: 0; color: var(--dk-color-muted); font-size: var(--dk-font-size-sm); line-height: 1.5; } .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; } .dk-select-ui { position: relative; width: 100%; min-width: 0; } .dk-select-trigger { width: 100%; min-height: var(--dk-input-min-height); 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); } .dk-select-trigger:hover { border-color: color-mix(in srgb, var(--dk-color-primary) 42%, var(--dk-color-border)); } .dk-select-trigger:focus-visible, .dk-select-ui.is-open .dk-select-trigger { border-color: var(--dk-color-primary); box-shadow: none; } .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); } .dk-select-ui.is-open .dk-select-arrow { transform: rotate(0deg); color: var(--dk-color-primary); } .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: var(--dk-radius-lg); 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); } .dk-select-ui.is-open .dk-select-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; transition-delay: 0s; } .dk-select-option { width: 100%; min-height: 40px; display: flex; align-items: center; padding: 0.55rem 0.7rem; border: 0; border-radius: var(--dk-radius-md); 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); } .dk-select-option:hover, .dk-select-option:focus-visible, .dk-select-option.is-active { background: var(--dk-color-surface-soft); color: var(--dk-color-text); outline: none; } .dk-select-option[aria-selected="true"] { color: var(--dk-color-primary); font-weight: var(--dk-font-weight-bold); } .dk-select-option:active { transform: scale(0.99); } .dk-select-option:disabled { opacity: 0.45; cursor: not-allowed; } .dk-fieldset { margin: 0; padding: 0; border: 0; } .dk-segmented { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dk-space-2); padding: 0.3rem; border: 0; border-radius: var(--dk-radius-lg); background: var(--dk-color-surface-soft); } .dk-segmented-option { position: relative; min-width: 0; cursor: pointer; } .dk-segmented-option input { position: absolute; opacity: 0; pointer-events: none; } .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: var(--dk-radius-md); 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); } .dk-segmented-option input:checked + span { border-color: transparent; background: var(--dk-color-surface); color: var(--dk-color-text); box-shadow: none; } .dk-segmented-option input:focus-visible + span { outline: 2px solid var(--dk-color-primary); outline-offset: 2px; } .dk-card { padding: var(--dk-space-4); border: 1px solid var(--dk-color-border); border-radius: var(--dk-radius-md); background: var(--dk-color-surface); } .dk-card--interactive { transition: border-color var(--dk-duration-fast) var(--dk-ease-standard), box-shadow var(--dk-duration-fast) var(--dk-ease-standard); } .dk-card--interactive:hover { border-color: color-mix(in srgb, var(--dk-color-primary) 28%, var(--dk-color-border)); box-shadow: var(--dk-shadow-sm); } .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); } .dk-card-meta { margin: 0; color: var(--dk-color-muted); font-size: var(--dk-font-size-sm); line-height: 1.6; } .dk-card--accent { border-inline-start: 4px solid var(--dk-color-complementary); } .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); } .dk-state strong { color: var(--dk-color-text); } .dk-state--error { border-inline-start-color: var(--dk-color-error); } .dk-state--success { border-inline-start-color: var(--dk-color-success); } .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; } .global-header { position: sticky; top: 0; z-index: var(--dk-z-header); padding: 0.75rem var(--dk-page-gutter); background: var(--dk-color-surface); 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); } .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%); } .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); } .global-brand { display: inline-flex; align-items: center; flex: 0 0 auto; color: inherit; text-decoration: none; } .global-brand img { display: block; width: auto; height: 2rem; } .global-header-tools { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 0.65rem; } .global-desktop-links { display: flex; align-items: center; gap: var(--dk-space-4); white-space: nowrap; } .global-desktop-links a { color: var(--dk-color-muted); text-decoration: none; font-size: 0.94rem; } .global-desktop-links a:hover, .global-desktop-links a:focus-visible { color: var(--dk-color-text); } .global-search { position: relative; width: clamp(190px, 27vw, 330px); } .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%); } .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; } .global-search-input::placeholder { color: var(--dk-color-muted); } .global-search-input:focus { border-color: var(--dk-color-primary); box-shadow: none; } .global-search-input::-webkit-search-cancel-button { opacity: 0.55; cursor: pointer; } .global-search-results { position: absolute; z-index: var(--dk-z-dropdown); inset-inline: 0; top: calc(100% + 0.45rem); max-height: min(360px, 60vh); 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); } .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; } .global-search-result strong { font-size: 0.92rem; } .global-search-result small { color: var(--dk-color-muted); font-size: 0.78rem; } .global-search-result:hover, .global-search-result:focus-visible, .global-search-result.is-active { background: var(--dk-color-surface-soft); outline: none; } .global-search-result[aria-disabled="true"] { color: var(--dk-color-muted); cursor: default; } .global-menu-button, .global-menu-close { border: 0; background: transparent; color: var(--dk-color-text); cursor: pointer; } .global-menu-button { width: 40px; height: 40px; display: none; place-items: center; padding: 8px; border-radius: var(--dk-radius-md); } .global-menu-button span { width: 20px; height: 1.5px; display: block; margin: 2.4px 0; border-radius: 2px; background: currentColor; } .global-menu-button:hover, .global-menu-close:hover { background: var(--dk-color-surface-soft); } .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); } .global-nav-backdrop.is-open { opacity: 1; } .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); } .global-nav-drawer.is-open { transform: translateX(0); visibility: visible; transition-delay: 0s; } .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); } .global-menu-close { width: 40px; height: 40px; border-radius: var(--dk-radius-md); font-size: 1.5rem; line-height: 1; } .global-drawer-nav { display: grid; gap: var(--dk-space-2); padding-block: var(--dk-space-4); } .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; } .global-drawer-nav a:hover, .global-drawer-nav a:focus-visible { background: var(--dk-color-surface-soft); } .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; } body.global-menu-open { overflow: hidden; } @media (prefers-color-scheme: dark) { .global-header.is-scrolled { background: rgb(18 18 18 / 0.76); border-bottom-color: rgb(255 255 255 / 0.08); } } @media (max-width: 760px) { .global-header { padding-block: 0.58rem; } .global-header.is-scrolled { backdrop-filter: blur(14px) saturate(130%); -webkit-backdrop-filter: blur(14px) saturate(130%); } .global-desktop-links { display: none; } .global-menu-button { display: grid; } .global-search { width: min(54vw, 300px); } } @media (max-width: 480px) { .global-brand img { height: 1.75rem; } .global-search { width: min(50vw, 230px); } .global-search-input { min-height: 38px; font-size: 0.88rem; } } .global-footer { margin-block-start: var(--dk-space-7); border-top: 1px solid var(--dk-color-border); background: var(--dk-color-bg); color: var(--dk-color-text); } .global-footer-inner { width: min(calc(100% - (var(--dk-page-gutter) * 2)), var(--dk-shell-max)); margin-inline: auto; } .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); } .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; } .global-footer-list { display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; } .global-footer-list a, .global-footer-more { color: var(--dk-color-muted); text-decoration: none; font-size: var(--dk-font-size-sm); line-height: 1.65; } .global-footer-list a:hover, .global-footer-list a:focus-visible, .global-footer-more:hover, .global-footer-more:focus-visible { color: var(--dk-color-primary); text-decoration: underline; text-underline-offset: 0.18em; } .global-footer-more { display: inline-flex; align-items: center; gap: 0.35rem; margin-block-start: var(--dk-space-3); color: var(--dk-color-primary); font-weight: var(--dk-font-weight-bold); } .global-footer-more-icon { display: inline-block; font-size: 1em; line-height: 1; transition: transform var(--dk-duration-fast) var(--dk-ease-standard); } .global-footer-more:hover .global-footer-more-icon, .global-footer-more:focus-visible .global-footer-more-icon { transform: translateX(-2px); } .global-footer-bottom-row { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: var(--dk-space-4); padding-block: var(--dk-space-4) 1.25rem; border-top: 1px solid var(--dk-color-border); } .global-footer-copyright { margin: 0; color: var(--dk-color-muted); font-size: 0.82rem; line-height: 1.7; white-space: nowrap; } .global-footer-language-select-wrap { position: relative; min-height: 38px; 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); } .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); } .global-footer-language-select-wrap:focus-within { border-color: var(--dk-color-primary); box-shadow: none; } .global-footer-language-icon { width: 17px; height: 17px; flex: 0 0 auto; pointer-events: none; } .global-footer-language-select-wrap .dk-select-ui { width: auto; min-width: 5.25rem; } .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); } .global-footer-language-select-wrap .dk-select-trigger:hover, .global-footer-language-select-wrap .dk-select-trigger:focus-visible, .global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-trigger { border: 0; background: transparent; box-shadow: none; } .global-footer-language-select-wrap .dk-select-arrow { width: 16px; height: 16px; } .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% + 0.45rem); transform-origin: bottom center; } .global-footer-language-select-wrap .dk-select-option { min-height: 38px; white-space: nowrap; } @media (prefers-color-scheme: dark) { .global-footer-language-select-wrap { background: var(--dk-color-surface-soft); border-color: var(--dk-color-border); color: var(--dk-color-muted); } .global-footer-language-select-wrap:hover { background: var(--dk-color-surface-hover); } .global-footer-language-select-wrap .dk-select-menu { background: var(--dk-color-surface); border-color: var(--dk-color-border); } } @media (max-width: 620px) { .global-footer { margin-block-start: var(--dk-space-7); } .global-footer-links-grid { grid-template-columns: 1fr; gap: 1.75rem; padding-block: 1.75rem 1.5rem; } .global-footer-bottom-row { min-height: 58px; gap: var(--dk-space-3); } .global-footer-copyright { font-size: 0.78rem; } .global-footer-language-select { font-size: 0.82rem; } } .global-footer-language-select-wrap .dk-select-menu { transform:translateY(6px) scale(.985); } .global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-menu { transform:translateY(0) scale(1); } .global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-arrow { transform:rotate(180deg); }