/* Duiliu console: shared tokens for native pages, forms, tables and portals. */ :root { --background: #ffffff; --foreground: #20232a; --card: #ffffff; --card-foreground: #20232a; --popover: #ffffff; --popover-foreground: #20232a; --primary: #242830; --primary-foreground: #ffffff; --secondary: #f2f3f5; --secondary-foreground: #353a44; --muted: #f5f6f8; --muted-foreground: #6b7280; --accent: #eef0f3; --accent-foreground: #20232a; --border: #e5e7eb; --input: #dfe2e7; --ring: #9ca3af; --sidebar: #f8f9fb; --sidebar-foreground: #4b5563; --sidebar-primary: #242830; --sidebar-primary-foreground: #ffffff; --sidebar-accent: #e9ecf1; --sidebar-accent-foreground: #20232a; --sidebar-border: #e5e7eb; --sidebar-ring: #9ca3af; --success: #168063; --warning: #b7791f; --info: #4073a8; --radius: .625rem; --font-ui-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; --font-body: var(--font-ui-sans); --dl-surface-soft: #f8f9fb; --dl-shadow: 0 1px 3px #1f293706; } html.dark { --background: #181b20; --foreground: #e9ecf1; --card: #1d2127; --card-foreground: #e9ecf1; --popover: #232830; --popover-foreground: #e9ecf1; --primary: #e6e9ee; --primary-foreground: #181b20; --secondary: #2b3039; --secondary-foreground: #d8dde6; --muted: #252a32; --muted-foreground: #a2aab8; --accent: #2d333e; --accent-foreground: #f0f2f6; --border: #343a45; --input: #3b4350; --ring: #7c8799; --sidebar: #14171c; --sidebar-foreground: #b5becd; --sidebar-primary: #e6e9ee; --sidebar-primary-foreground: #181b20; --sidebar-accent: #2a303a; --sidebar-accent-foreground: #f0f2f6; --sidebar-border: #343a45; --sidebar-ring: #7c8799; --success: #5bc6a2; --warning: #e2b566; --info: #8ab4df; --dl-surface-soft: #22272f; --dl-shadow: 0 1px 3px #00000016; } html, body, button, input, select, textarea { font-family: var(--font-ui-sans); } body { -webkit-font-smoothing: antialiased; } #root > div > header { background: var(--card); border-bottom: 1px solid var(--border); } header img[src$="/brand/duiliu-mark.svg"] { content: url('/brand/duiliu-mark-20261003-2b.svg'); border-radius: 7px; } [data-slot="sidebar-menu-button"] { font-size: 13px; border-radius: 7px; } [data-slot="sidebar-menu-button"][data-active] { font-weight: 600; } [data-slot="sidebar-group-label"] { font-size: 11px; letter-spacing: .02em; color: var(--muted-foreground); } [data-slot="sidebar-inset"] { border: 1px solid var(--border); box-shadow: var(--dl-shadow); } [data-slot="button"], [data-slot="input"], [data-slot="select-trigger"], [data-slot="textarea"], [data-slot="combobox-trigger"] { border-radius: 7px; } [data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"] { background-color: var(--card); } [data-slot="card"], main .rounded-2xl { border-radius: 10px; box-shadow: var(--dl-shadow); } [data-slot="dialog-content"], [data-slot="alert-dialog-content"], [role="dialog"] { border-radius: 14px; border-color: var(--border); } [data-slot="dropdown-menu-content"], [data-slot="select-content"], [data-slot="popover-content"], [data-slot="context-menu-content"] { border-radius: 9px; border-color: var(--border); background-color: var(--popover); color: var(--popover-foreground); } [data-slot="table-head"], thead th { background-color: var(--dl-surface-soft); color: var(--muted-foreground); font-weight: 500; } [data-slot="table-cell"], tbody td { font-size: 12px; } [data-slot="tabs-list"] { border-radius: 8px; background: var(--muted); } [data-slot="tabs-trigger"] { border-radius: 6px; } [data-slot="badge"], [data-slot="status-badge"] { border-radius: 5px; } .dl-runtime-card { min-width: 0; align-self: start; } .dl-runtime-card > :last-child { padding: 0; } .dl-metric-actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .dl-metric-actions button { height: 28px; padding-inline: 8px; font-size: 11px; } .dl-metric-scroll { height: 320px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } .dl-metric-panel { height: 320px; display: flex; flex-direction: column; } .dl-metric-panel .dl-metric-scroll { height: auto; flex: 1; min-height: 0; } .dl-metric-tabs { display: flex; gap: 3px; margin: 8px 12px; padding: 3px; background: var(--muted); border-radius: 7px; flex-shrink: 0; } .dl-metric-tabs button { flex: 1; padding: 5px 3px; font-size: 11px; color: var(--muted-foreground); border-radius: 5px; cursor: pointer; } .dl-metric-tabs button[aria-pressed="true"] { background: var(--card); color: var(--foreground); box-shadow: var(--dl-shadow); font-weight: 600; } .dl-metric-tabs button:focus-visible, .dl-account-picker select:focus-visible, .dl-weekly-link:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } .dl-account-picker { display: flex; gap: 10px; align-items: center; padding: 6px 16px; font-size: 11px; } .dl-account-picker label { color: var(--muted-foreground); flex-shrink: 0; } .dl-account-picker select { min-width: 0; width: 100%; border: 1px solid var(--border); border-radius: 6px; padding: 5px 8px; background: var(--card); color: var(--foreground); } .dl-weekly-note { color: var(--muted-foreground); font-size: 10px; line-height: 1.6; padding: 6px 16px; overflow-wrap: anywhere; } .dl-weekly-method { margin: 8px 16px 14px; font-size: 10px; line-height: 1.7; color: var(--muted-foreground); } .dl-weekly-method summary { cursor: pointer; color: var(--foreground); } .dl-weekly-method p { margin-top: 7px; } .dl-weekly-method a { color: var(--info); text-decoration: underline; text-underline-offset: 2px; } .dl-weekly-link { padding: 10px 16px; font-size: 11px; color: var(--info); text-align: left; cursor: pointer; } .dl-weekly .dl-metric-value { font-size: 12px; max-width: 56%; white-space: normal; overflow-wrap: anywhere; text-align: right; } .dl-metric-group + .dl-metric-group { border-top: 1px solid var(--border); } .dl-metric-group-title { background: var(--dl-surface-soft); color: var(--muted-foreground); padding: 9px 16px; font-size: 11px; font-weight: 600; letter-spacing: .02em; } .dl-metric-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 16px; } .dl-metric-row + .dl-metric-row { border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent); } .dl-metric-copy { display: flex; flex-direction: column; min-width: 0; gap: 3px; } .dl-metric-label { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; } .dl-metric-note { color: var(--muted-foreground); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; } .dl-metric-value { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; } .dl-metric-error { color: var(--warning); background: color-mix(in srgb, var(--warning) 7%, var(--card)); margin: 10px; padding: 8px 10px; border-radius: 7px; font-size: 12px; } .dl-log-metrics { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 4px; } .dl-log-metric { display: inline-flex; align-items: center; border: 1px solid var(--border); background: var(--muted); color: var(--muted-foreground); padding: 1px 5px; border-radius: 4px; font-size: 10px; line-height: 1.6; font-variant-numeric: tabular-nums; white-space: nowrap; } .dl-log-fast { color: var(--success); border-color: color-mix(in srgb, var(--success) 22%, var(--border)); background: color-mix(in srgb, var(--success) 7%, var(--card)); } @media (max-width: 767px) { [data-slot="sidebar-inset"] { border-radius: 0; border-inline: 0; } .dl-metric-row { padding-inline: 12px; } .dl-metric-group-title { padding-inline: 12px; } } @media (prefers-reduced-motion: reduce) { .dl-runtime-card *, .dl-log-metrics * { animation: none !important; transition: none !important; } } /* Studio 2026-10-23. Native components and all business layout contracts preserved. */ :root { color-scheme: light; --background: #f5f7fc; --foreground: #182238; --card: #ffffff; --card-foreground: #182238; --popover: #ffffff; --popover-foreground: #182238; --primary: #465ddd; --primary-foreground: #ffffff; --secondary: #eef2f9; --secondary-foreground: #44536d; --muted: #f1f4fa; --muted-foreground: #66748c; --accent: #edf1ff; --accent-foreground: #3349ba; --border: #e2e8f2; --input: #d6deeb; --ring: #7b8ded; --sidebar: #f5f7fc; --sidebar-foreground: #66748c; --sidebar-primary: #465ddd; --sidebar-primary-foreground: #fff; --sidebar-accent: #e9eeff; --sidebar-accent-foreground: #3349ba; --sidebar-border: #e2e8f2; --sidebar-ring: #7b8ded; --success: #198265; --warning: #a97018; --info: #465ddd; --radius: .75rem; --dl-surface-soft: #f7f9fd; --dl-shadow: 0 2px 5px #18223803, 0 10px 24px -20px #26395d35; --dl-ease: cubic-bezier(.22, .7, .25, 1); } html.dark { color-scheme: dark; --background: #101722; --foreground: #edf2ff; --card: #182335; --card-foreground: #edf2ff; --popover: #1e2a3d; --popover-foreground: #edf2ff; --primary: #a7b7ff; --primary-foreground: #182444; --secondary: #233149; --secondary-foreground: #d7e1f6; --muted: #1e2b40; --muted-foreground: #a4b1c8; --accent: #253555; --accent-foreground: #cad5ff; --border: #2b3a52; --input: #394a65; --ring: #9eafff; --sidebar: #111a29; --sidebar-foreground: #a4b1c8; --sidebar-primary: #a7b7ff; --sidebar-primary-foreground: #182444; --sidebar-accent: #263757; --sidebar-accent-foreground: #d1dbff; --sidebar-border: #2b3a52; --sidebar-ring: #9eafff; --success: #83d1b3; --warning: #edc07a; --info: #a7b7ff; --dl-surface-soft: #1b293d; --dl-shadow: 0 2px 5px #0000000a, 0 12px 28px -20px #0009; } html, body, button, input, textarea, select, h1, h2, h3, h4, h5, h6 { font-family: var(--font-ui-sans) !important; } body { letter-spacing: .005em; text-rendering: optimizeLegibility; } h1, h2, h3 { letter-spacing: -.025em; } code, pre, .font-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; } ::selection { background: color-mix(in srgb, var(--primary) 22%, transparent); } #root > div > header { height: 58px; --app-header-height: 58px; padding-inline: 22px; background: var(--card); border-bottom: 1px solid var(--border); box-shadow: 0 3px 14px -12px #18223820; } header a[aria-label="返回主页"], header a[aria-label="Go to home"] { gap: 9px; height: 38px; font-size: 17px; font-weight: 650; } header a[aria-label="返回主页"] > div, header a[aria-label="Go to home"] > div { width: 29px; height: 29px; border-radius: 9px; } header nav a { font-size: 12px !important; transition: color .18s ease, background-color .18s ease; } header nav a:hover { color: var(--primary); } header [data-slot="input"] { background: var(--dl-surface-soft); } [data-slot="sidebar"] { padding-top: 13px; } [data-slot="sidebar-group"] { padding-inline: 12px; } [data-slot="sidebar-group-label"] { height: 33px; font-size: 10px; letter-spacing: .055em; margin-top: 7px; padding-inline: 12px; color: var(--muted-foreground); } [data-slot="sidebar-menu-button"] { position: relative; min-height: 39px; padding-inline: 12px; border-radius: 10px; font-size: 12px; font-weight: 450; border: 1px solid transparent; transition: background-color .18s ease, color .18s ease, border-color .18s ease; } [data-slot="sidebar-menu-button"] > svg { width: 16px; height: 16px; } [data-slot="sidebar-menu-button"]:hover { background: var(--sidebar-accent); color: var(--sidebar-accent-foreground); } [data-slot="sidebar-menu-button"][data-active="true"], [data-slot="sidebar-menu-button"][data-active=""] { background: var(--sidebar-accent); color: var(--sidebar-accent-foreground); border-color: color-mix(in srgb, var(--primary) 12%, transparent); font-weight: 650; } [data-slot="sidebar-menu-button"][data-active="true"]::before, [data-slot="sidebar-menu-button"][data-active=""]::before { content: ""; position: absolute; left: 0; top: 11px; bottom: 11px; width: 2px; border-radius: 2px; background: var(--primary); } [data-slot="sidebar-menu-sub-button"] { border-radius: 8px; font-size: 12px; transition: color .18s, background .18s; } [data-slot="sidebar-inset"] { min-width: 0; background: var(--card); border: 1px solid var(--border); border-radius: 18px !important; margin-top: 16px !important; margin-right: 16px !important; box-shadow: 0 4px 24px -20px #243b7135; } [data-slot="card"], main .rounded-2xl { border-radius: 16px; border-color: var(--border); box-shadow: var(--dl-shadow); } [data-slot="card-header"] { row-gap: 7px; } [data-slot="card-title"] { letter-spacing: -.02em; font-weight: 650; } [data-slot="card-description"] { color: var(--muted-foreground); line-height: 1.75; } [data-slot="button"] { min-height: 32px; border-radius: 9px; font-size: 12px; font-weight: 550; box-shadow: none; transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } [data-slot="button"]:not(:disabled):hover { box-shadow: 0 3px 12px -8px color-mix(in srgb, var(--primary) 45%, transparent); } [data-slot="button"]:not(:disabled):active { translate: 0 1px; } [data-slot="button"]:disabled, [data-slot="input"]:disabled { cursor: not-allowed; } [data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="combobox-trigger"] { border-radius: 9px; font-size: 13px; background: var(--card); border-color: var(--input); transition: border-color .18s ease, box-shadow .18s ease; box-shadow: none; } [data-slot="input"]::placeholder, [data-slot="textarea"]::placeholder { color: var(--muted-foreground); opacity: .85; } [data-slot="input"]:hover, [data-slot="select-trigger"]:hover { border-color: color-mix(in srgb, var(--primary) 30%, var(--input)); } [data-slot="input"]:focus-visible, [data-slot="textarea"]:focus-visible, [data-slot="select-trigger"]:focus-visible { border-color: var(--ring); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 11%, transparent); } [data-slot="checkbox"], [data-slot="switch"] { transition: background-color .2s ease, border-color .2s ease; } [data-slot="checkbox"] { border-radius: 5px; } [data-slot="table-container"] { border-radius: 12px; } [data-slot="table-head"], thead th { font-size: 11px; font-weight: 600; padding-block: 14px; letter-spacing: .02em; background: var(--dl-surface-soft); color: var(--muted-foreground); border-color: var(--border); } [data-slot="table-cell"], tbody td { font-size: 12px; line-height: 1.65; padding-block: 15px; border-color: var(--border); } [data-slot="table-row"] { transition: background-color .16s ease; } [data-slot="table-row"]:hover { background: color-mix(in srgb, var(--accent) 45%, var(--card)); } [data-slot="table-row"][data-state="selected"] { background: var(--accent); } [data-slot="table-cell"] code { font-size: 11px; } [data-slot="tabs-list"] { padding: 4px; height: auto; border: 1px solid var(--border); border-radius: 11px; background: var(--dl-surface-soft); } [data-slot="tabs-trigger"] { min-height: 30px; padding-inline: 14px; font-size: 12px; border-radius: 7px; transition: color .18s ease, background .18s ease, box-shadow .18s ease; } [data-slot="tabs-trigger"][data-state="active"] { color: var(--primary); background: var(--card); box-shadow: 0 1px 4px #17243d0e; } [data-slot="badge"], [data-slot="status-badge"] { border-radius: 6px; font-size: 10px; font-weight: 550; line-height: 1.6; } [data-slot="dialog-content"], [data-slot="alert-dialog-content"], [role="dialog"] { border-radius: 18px; border-color: var(--border); box-shadow: 0 30px 90px -30px #10244b55; } [data-slot="dialog-title"], [data-slot="alert-dialog-title"] { letter-spacing: -.025em; font-weight: 650; } [data-slot="dialog-description"] { line-height: 1.8; color: var(--muted-foreground); } [data-slot="dropdown-menu-content"], [data-slot="select-content"], [data-slot="popover-content"], [data-slot="context-menu-content"] { border-radius: 12px; padding: 6px; border-color: var(--border); background: var(--popover); box-shadow: 0 10px 35px -12px #14234430; } [data-slot="dropdown-menu-item"], [data-slot="context-menu-item"], [data-slot="select-item"] { font-size: 12px; border-radius: 7px; padding: 8px 10px; } [data-slot="tooltip-content"] { font-size: 11px; border-radius: 7px; padding: 6px 10px; } [data-slot="skeleton"] { background-color: var(--muted); } .dl-workspace-welcome { display: flex; justify-content: space-between; align-items: center; gap: 25px; position: relative; isolation: isolate; overflow: hidden; padding: 34px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--primary) 15%, var(--border)); background: linear-gradient(115deg, var(--accent), var(--card) 82%); } .dl-workspace-welcome::before { content: ""; position: absolute; z-index: -1; right: 9%; top: -110px; width: 320px; height: 320px; border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent); border-radius: 50%; box-shadow: 0 0 0 34px color-mix(in srgb, var(--primary) 3%, transparent), 0 0 0 68px color-mix(in srgb, var(--primary) 2%, transparent); pointer-events: none; } .dl-workspace-eyebrow { margin-bottom: 12px; color: var(--primary); font-size: 9px; font-weight: 650; letter-spacing: .19em; } .dl-workspace-welcome h2 { margin: 0 0 10px; font-size: clamp(25px,2.2vw,31px); font-weight: 650; line-height: 1.35; letter-spacing: -.035em; } .dl-workspace-welcome p { max-width: 490px; margin: 0; color: var(--muted-foreground); font-size: 12px; line-height: 1.9; } .dl-workspace-actions { position: relative; display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .dl-workspace-actions a { display: inline-flex; justify-content: center; align-items: center; gap: 16px; padding: 12px 17px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); white-space: nowrap; font-size: 12px; font-weight: 600; transition: transform .2s var(--dl-ease), box-shadow .2s ease, border-color .2s ease; } .dl-workspace-actions a:first-child { color: var(--primary-foreground); border-color: var(--primary); background: var(--primary); box-shadow: 0 5px 12px -7px color-mix(in srgb,var(--primary) 60%,transparent); } .dl-workspace-actions a:hover { transform: translateY(-2px); border-color: var(--primary); box-shadow: 0 7px 17px -10px color-mix(in srgb,var(--primary) 50%,transparent); } .dl-workspace-actions a:active { transform: translateY(0); } .dl-workspace-actions a:focus-visible { outline: 2px solid var(--ring); outline-offset: 4px; } .dl-runtime-card { border-color: color-mix(in srgb, var(--primary) 15%, var(--border)); } .dl-metric-scroll { scrollbar-width: thin; scrollbar-color: var(--input) transparent; } .dl-metric-actions button { border-radius: 7px; } .dl-metric-tabs { margin: 12px; padding: 4px; gap: 4px; border: 1px solid var(--border); border-radius: 9px; background: var(--dl-surface-soft); } .dl-metric-tabs button { border-radius: 6px; padding-block: 6px; transition: color .18s ease, background-color .18s ease; } .dl-metric-tabs button[aria-pressed="true"] { color: var(--primary); background: var(--card); box-shadow: 0 2px 5px #17243d0b; } .dl-metric-row { padding-block: 12px; } .dl-metric-group-title { background: var(--dl-surface-soft); font-size: 10px; font-weight: 600; letter-spacing: .035em; } .dl-metric-value { color: var(--foreground); font-family: var(--font-ui-sans); font-variant-numeric: tabular-nums; letter-spacing: -.02em; } .dl-weekly .dl-metric-value { font-size: 13px; font-weight: 650; } .dl-metric-label { font-size: 11px; } .dl-metric-note, .dl-weekly-note, .dl-weekly-method { font-size: 10px; line-height: 1.75; } .dl-account-picker select { border-radius: 8px; padding-block: 7px; } .dl-weekly-method { padding: 9px 10px; margin: 8px 12px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--dl-surface-soft); } .dl-weekly-link { color: var(--primary); } .dl-api-info > div:last-child { padding: 0 !important; } .dl-api-info .group { display: block; padding: 16px 20px; } .dl-api-info .group > div:first-child { align-items: flex-start; } .dl-api-info .group > div:first-child > span { margin-top: 7px; } .dl-api-info .group > div:first-child > div > div { display: block; } .dl-api-info .group > div:first-child .font-mono { font-family: var(--font-ui-sans) !important; } .dl-api-info .group > div:first-child > div > div > span:first-child { display: block; font-size: 12px; font-weight: 600; line-height: 1.8; overflow-wrap: break-word; } .dl-api-info .group > div:first-child > div > div > span:last-child { display: block; white-space: normal; font-size: 11px; line-height: 1.8; margin-top: 4px; color: var(--muted-foreground); } .dl-api-info .group > div:first-child > div > span { display: block; margin-top: 6px; color: var(--muted-foreground); font-size: 10px; } .dl-api-info .group > div:last-child { justify-content: flex-end; margin-top: 10px; } body:has(input[name="username"]) { background: radial-gradient(ellipse at 20% 15%, var(--accent), transparent 62%), var(--background); } body:has(input[name="username"]) [data-slot="card"] { border-radius: 22px; box-shadow: 0 22px 80px -40px #294c9b42; } body:has(input[name="username"]) input { min-height: 43px; } body:has(input[name="username"]) button[type="submit"] { min-height: 43px; } @media (min-width:1280px) { [data-slot="sidebar-inset"] > div { padding-inline: 25px; } } @media (hover:hover) and (prefers-reduced-motion:no-preference) { .dl-workspace-welcome { animation: dl-console-arrive .42s var(--dl-ease) both; } @keyframes dl-console-arrive { from { opacity: .65; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } } @media (max-width:1100px) { .dl-workspace-welcome { padding: 28px; gap: 18px; } .dl-workspace-actions { flex-direction: column; align-items: stretch; } } @media (max-width:767px) { #root > div > header { height: 53px; --app-header-height: 53px; padding-inline: 12px; } [data-slot="sidebar-inset"] { margin: 0 !important; border-radius: 0 !important; border-inline: 0; box-shadow: none; } [data-slot="sidebar-group"] { padding-inline: 8px; } [data-slot="sidebar-menu-button"] { min-height: 43px; font-size: 13px; } header a[aria-label="返回主页"], header a[aria-label="Go to home"] { font-size: 15px; } .dl-workspace-welcome { padding: 24px 20px; display: block; } .dl-workspace-welcome::before { right: -170px; opacity: .5; } .dl-workspace-welcome h2 { font-size: 25px; } .dl-workspace-welcome p { font-size: 12px; } .dl-workspace-actions { margin-top: 19px; flex-direction: row; gap: 8px; flex-wrap: wrap; } .dl-workspace-actions a { padding: 11px 13px; gap: 10px; } [data-slot="dialog-content"], [role="dialog"] { max-width: calc(100vw - 24px); } [data-slot="table-cell"] { padding-block: 12px; } [data-slot="tabs-trigger"] { padding-inline: 11px; } .dl-metric-value { font-size: 12px; } } @media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior: auto !important; } [data-slot="button"], [data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="tabs-trigger"], [data-slot="sidebar-menu-button"], [data-slot="table-row"], .dl-workspace-actions a, .dl-workspace-welcome { animation: none !important; transition: none !important; } .dl-workspace-actions a:hover, [data-slot="button"]:active { transform: none; translate: none; } }