@layer nixcon-brand,ui;

@layer lol, ui;
@layer ui {
.ui-root { --ui-gray-1: light-dark(#fcfdfe,#0f1011); --ui-gray-2: light-dark(#f7f8f9,#171819); --ui-gray-3: light-dark(#eff0f2,#202123); --ui-gray-4: light-dark(#e7e9eb,#27282a); --ui-gray-5: light-dark(#e0e2e4,#2e3032); --ui-gray-6: light-dark(#d8dadd,#37383b); --ui-gray-7: light-dark(#cdcfd2,#444649); --ui-gray-8: light-dark(#b7b9bd,#585a5e); --ui-gray-9: light-dark(#898c91,#686b70); --ui-gray-10: light-dark(#94979c,#5e6166); --ui-gray-11: light-dark(#585b5f,#b3b5b8); --ui-gray-12: light-dark(#1c1e21,#ecedee); --ui-canvas: light-dark(#f7f8f9,#0f1011); --ui-surface: light-dark(#ffffff,#171819); --ui-surface-raised: light-dark(#ffffff,#202123); --ui-subtle: var(--ui-gray-3); --ui-subtle-hover: var(--ui-gray-4); --ui-subtle-active: var(--ui-gray-5); --ui-text: var(--ui-gray-12); --ui-muted: var(--ui-gray-11); --ui-faint: var(--ui-gray-9); --ui-placeholder: light-dark(#6f7277,#7e8186); --ui-border-subtle: var(--ui-gray-5); --ui-border: var(--ui-gray-6); --ui-border-strong: var(--ui-gray-7); --ui-control-border: light-dark(#8e9094,#636569); --ui-menu-item-hover: var(--ui-gray-3); --ui-button-surface: var(--ui-surface-raised); --ui-button-border: var(--ui-gray-7); --ui-button-hover: var(--ui-gray-3); --ui-button-active: var(--ui-gray-4); --ui-button-quiet-surface: transparent; --ui-inset-shade: light-dark(#1c1e210a,#0000003d); --ui-overlay: light-dark(#1c1e2152,#0000009e); --ui-shadow-1: 0 1px 2px light-dark(#1c1e210f,#00000066); --ui-shadow-2: 0 1px 2px light-dark(#1c1e210d,#0000005c),0 2px 8px light-dark(#1c1e210f,#0000004c); --ui-shadow-3: 0 2px 6px light-dark(#1c1e210f,#00000066),0 12px 28px light-dark(#1c1e211a,#0000007a); --ui-shadow-4: 0 4px 12px light-dark(#1c1e2114,#00000070),0 24px 56px light-dark(#1c1e2129,#00000099); --ui-radius-factor: 1; --ui-font-sans: "Inter Variable","Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif; --ui-font-mono: "JetBrains Mono Variable","JetBrains Mono",ui-monospace,"SF Mono","Cascadia Code",Menlo,monospace; --ui-font-display: var(--ui-font-sans); --color-surface: var(--ui-surface); --color-text: var(--ui-text); --color-border: var(--ui-border); --color-error: var(--ui-danger); --ui-danger-1: light-dark(#fffcfc,#190e0d); --ui-danger-2: light-dark(#fff7f6,#241413); --ui-danger-3: light-dark(#ffecea,#3a1917); --ui-danger-4: light-dark(#ffe1de,#4c1d1b); --ui-danger-5: light-dark(#ffd4d0,#5c2220); --ui-danger-6: light-dark(#ffc3bd,#6e2927); --ui-danger-7: light-dark(#ffa9a2,#873431); --ui-danger-8: light-dark(#ff7e77,#ad413e); --ui-danger-9: #c52b30; --ui-danger-10: #b91b25; --ui-danger-11: light-dark(#b33636,#ffa098); --ui-danger-12: light-dark(#511817,#ffe2df); --ui-danger: var(--ui-danger-11); --ui-danger-solid: var(--ui-danger-9); --ui-on-danger: #ffffff; --ui-danger-soft: var(--ui-danger-3); --ui-danger-border: var(--ui-danger-7); --ui-success-1: light-dark(#fafefb,#0d130e); --ui-success-2: light-dark(#f3fbf5,#131b15); --ui-success-3: light-dark(#e4f7e8,#162a1c); --ui-success-4: light-dark(#d6f2dc,#193521); --ui-success-5: light-dark(#c6ebce,#1e4028); --ui-success-6: light-dark(#b4e2bf,#244d31); --ui-success-7: light-dark(#9bd4a9,#2e5f3d); --ui-success-8: light-dark(#72bf88,#397a4e); --ui-success-9: #198044; --ui-success-10: #00763a; --ui-success-11: light-dark(#2a7846,#8dd09f); --ui-success-12: light-dark(#13361f,#d7f2dd); --ui-success: var(--ui-success-11); --ui-success-solid: var(--ui-success-9); --ui-on-success: #ffffff; --ui-success-soft: var(--ui-success-3); --ui-success-border: var(--ui-success-7); --ui-warning-1: light-dark(#fffcf9,#151009); --ui-warning-2: light-dark(#fff8ee,#1f170d); --ui-warning-3: light-dark(#ffeed9,#312108); --ui-warning-4: light-dark(#fee5c4,#3f2902); --ui-warning-5: light-dark(#fbdaaf,#4d3100); --ui-warning-6: light-dark(#f5cd97,#5c3b00); --ui-warning-7: light-dark(#ebba76,#714a00); --ui-warning-8: light-dark(#dc9d37,#8f5f00); --ui-warning-9: light-dark(#efa30f,#db9400); --ui-warning-10: light-dark(#fbae29,#e99e00); --ui-warning-11: light-dark(#8d5e00,#ebb25f); --ui-warning-12: light-dark(#402800,#fde6c7); --ui-warning: var(--ui-warning-11); --ui-warning-solid: var(--ui-warning-9); --ui-on-warning: #271700; --ui-warning-soft: var(--ui-warning-3); --ui-warning-border: var(--ui-warning-7); --ui-info-1: light-dark(#fbfdff,#0c1119); --ui-info-2: light-dark(#f5f9ff,#121924); --ui-info-3: light-dark(#e9f2ff,#15253b); --ui-info-4: light-dark(#dceaff,#182e4e); --ui-info-5: light-dark(#cee2ff,#1d375e); --ui-info-6: light-dark(#bbd6ff,#234371); --ui-info-7: light-dark(#9fc6ff,#2d538b); --ui-info-8: light-dark(#74acff,#386ab3); --ui-info-9: #236bcf; --ui-info-10: #1660c3; --ui-info-11: light-dark(#2d67ba,#95c0ff); --ui-info-12: light-dark(#132d53,#ddebff); --ui-info: var(--ui-info-11); --ui-info-solid: var(--ui-info-9); --ui-on-info: #ffffff; --ui-info-soft: var(--ui-info-3); --ui-info-border: var(--ui-info-7); --ui-accent-1: light-dark(#fbfefc,#0e1310); --ui-accent-2: light-dark(#f4fbf6,#131b16); --ui-accent-3: light-dark(#e6f6ec,#192920); --ui-accent-4: light-dark(#d8f0e2,#1d3427); --ui-accent-5: light-dark(#cae9d6,#223f2f); --ui-accent-6: light-dark(#b9dfc8,#294b39); --ui-accent-7: light-dark(#a1d1b5,#345d47); --ui-accent-8: light-dark(#7cbb98,#42775b); --ui-accent-9: light-dark(#176b46,#23744e); --ui-accent-10: light-dark(#03613d,#156a45); --ui-accent-11: light-dark(#296949,#95cdad); --ui-accent-12: light-dark(#183526,#daf0e2); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#176b46,#23744e); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root { --ui-unit: 0.25rem; --ui-density: 1; --ui-space-1: calc(var(--ui-unit) * 1); --ui-space-2: calc(var(--ui-unit) * 2); --ui-space-3: calc(var(--ui-unit) * 3); --ui-space-4: calc(var(--ui-unit) * 4); --ui-space-5: calc(var(--ui-unit) * 6); --ui-space-6: calc(var(--ui-unit) * 8); --ui-space-7: calc(var(--ui-unit) * 12); --ui-stroke: calc(var(--ui-unit) * (1 / 4)); --ui-stroke-strong: calc(var(--ui-unit) * (1 / 2)); --ui-radius-sm: calc(calc(var(--ui-unit) * 1) * var(--ui-radius-factor)); --ui-radius: calc(calc(var(--ui-unit) * (3 / 2)) * var(--ui-radius-factor)); --ui-radius-lg: calc(calc(var(--ui-unit) * 3) * var(--ui-radius-factor)); --ui-radius-xl: calc(calc(var(--ui-unit) * 4) * var(--ui-radius-factor)); --ui-radius-full: calc(var(--ui-unit) * 2500); --ui-text-2xs: calc(var(--ui-unit) * (11 / 4)); --ui-text-xs: calc(var(--ui-unit) * 3); --ui-text-sm: calc(var(--ui-unit) * (13 / 4)); --ui-text-md: calc(var(--ui-unit) * (7 / 2)); --ui-text-lg: calc(var(--ui-unit) * 4); --ui-text-xl: calc(var(--ui-unit) * 5); --ui-text-2xl: calc(var(--ui-unit) * 6); --ui-text-3xl: calc(var(--ui-unit) * 8); --ui-text-4xl: calc(var(--ui-unit) * 10); --ui-leading-2xs: calc(var(--ui-unit) * 4); --ui-leading-xs: calc(var(--ui-unit) * 4); --ui-leading-sm: calc(var(--ui-unit) * 5); --ui-leading-md: calc(var(--ui-unit) * 5); --ui-leading-lg: calc(var(--ui-unit) * 6); --ui-leading-xl: calc(var(--ui-unit) * 7); --ui-leading-2xl: calc(var(--ui-unit) * 8); --ui-leading-3xl: calc(var(--ui-unit) * 10); --ui-leading-4xl: calc(var(--ui-unit) * 12); --ui-control-line: calc(var(--ui-unit) * 5); --ui-control-icon: calc(var(--ui-unit) * 4); --ui-field-gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-gap: calc(calc(var(--ui-unit) * 2) * var(--ui-density)); --ui-control-inset: max(calc(calc(var(--ui-unit) * 3) * var(--ui-density)),calc(var(--ui-radius) + var(--ui-stroke))); --ui-control-height: calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 4) * var(--ui-density))); --ui-control-padding: var(--ui-control-inset); --ui-select-arrow-size: var(--ui-control-icon); --ui-select-arrow-gap: var(--ui-control-gap); --ui-select-arrow-inset: calc(var(--ui-stroke) + var(--ui-control-inset)); --ui-select-reserve: calc(var(--ui-select-arrow-size) + var(--ui-select-arrow-gap)); --ui-item-padding-block: calc(calc(var(--ui-unit) * (3 / 2)) * var(--ui-density)); --ui-item-padding-inline: var(--ui-control-inset); --ui-item-height: calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 3) * var(--ui-density))); --ui-menu-item-gap: calc(var(--ui-unit) * 1); --ui-segment-inset: calc(var(--ui-menu-item-gap) / 2); --ui-focus-width: calc(var(--ui-unit) * (1 / 2)); }.ui-root[data-density=compact] { --ui-density: calc(1 / 2); }.ui-root[data-ui-color=gray],.ui-root [data-ui-color=gray] { --ui-accent-1: light-dark(#fcfdfd,#111112); --ui-accent-2: light-dark(#f8f9f9,#181919); --ui-accent-3: light-dark(#f0f1f3,#242426); --ui-accent-4: light-dark(#e8e9ec,#2d2e30); --ui-accent-5: light-dark(#dee0e3,#36373a); --ui-accent-6: light-dark(#d2d4d8,#414346); --ui-accent-7: light-dark(#c1c3c9,#515357); --ui-accent-8: light-dark(#a7abb1,#676a70); --ui-accent-9: light-dark(#54585f,#5f636a); --ui-accent-10: light-dark(#4b4e55,#555960); --ui-accent-11: light-dark(#55585e,#babec4); --ui-accent-12: light-dark(#2c2e31,#e8e9ec); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#54585f,#babec4); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=red],.ui-root [data-ui-color=red] { --ui-accent-1: light-dark(#fffcfc,#190e0d); --ui-accent-2: light-dark(#fff7f6,#241413); --ui-accent-3: light-dark(#ffecea,#3a1917); --ui-accent-4: light-dark(#ffe1de,#4c1d1b); --ui-accent-5: light-dark(#ffd4d0,#5c2220); --ui-accent-6: light-dark(#ffc3bd,#6e2927); --ui-accent-7: light-dark(#ffa9a2,#873431); --ui-accent-8: light-dark(#ff7e77,#ad413e); --ui-accent-9: #c52b30; --ui-accent-10: #b91b25; --ui-accent-11: light-dark(#b33636,#ffa098); --ui-accent-12: light-dark(#511817,#ffe2df); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #c52b30; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=orange],.ui-root [data-ui-color=orange] { --ui-accent-1: light-dark(#fffcfb,#180f0b); --ui-accent-2: light-dark(#fff7f3,#221510); --ui-accent-3: light-dark(#ffede5,#371c10); --ui-accent-4: light-dark(#ffe2d6,#482210); --ui-accent-5: light-dark(#ffd6c4,#572912); --ui-accent-6: light-dark(#ffc5ac,#683116); --ui-accent-7: light-dark(#ffad88,#803e1d); --ui-accent-8: light-dark(#f48a59,#a44e22); --ui-accent-9: #cf5604; --ui-accent-10: #db611c; --ui-accent-11: light-dark(#a94709,#ffa47a); --ui-accent-12: light-dark(#4c1f07,#ffe3d7); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #230800; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #cf5604; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=amber],.ui-root [data-ui-color=amber] { --ui-accent-1: light-dark(#fffcf9,#151009); --ui-accent-2: light-dark(#fff8ee,#1f170d); --ui-accent-3: light-dark(#ffeed9,#312108); --ui-accent-4: light-dark(#fee5c4,#3f2902); --ui-accent-5: light-dark(#fbdaaf,#4d3100); --ui-accent-6: light-dark(#f5cd97,#5c3b00); --ui-accent-7: light-dark(#ebba76,#714a00); --ui-accent-8: light-dark(#dc9d37,#8f5f00); --ui-accent-9: light-dark(#efa30f,#db9400); --ui-accent-10: light-dark(#fbae29,#e99e00); --ui-accent-11: light-dark(#8d5e00,#ebb25f); --ui-accent-12: light-dark(#402800,#fde6c7); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #271700; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#8d5e00,#db9400); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=green],.ui-root [data-ui-color=green] { --ui-accent-1: light-dark(#fbfefc,#0e1310); --ui-accent-2: light-dark(#f4fbf6,#131b16); --ui-accent-3: light-dark(#e6f6ec,#192920); --ui-accent-4: light-dark(#d8f0e2,#1d3427); --ui-accent-5: light-dark(#cae9d6,#223f2f); --ui-accent-6: light-dark(#b9dfc8,#294b39); --ui-accent-7: light-dark(#a1d1b5,#345d47); --ui-accent-8: light-dark(#7cbb98,#42775b); --ui-accent-9: light-dark(#176b46,#23744e); --ui-accent-10: light-dark(#03613d,#156a45); --ui-accent-11: light-dark(#296949,#95cdad); --ui-accent-12: light-dark(#183526,#daf0e2); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#176b46,#23744e); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=teal],.ui-root [data-ui-color=teal] { --ui-accent-1: light-dark(#fafefd,#0c1312); --ui-accent-2: light-dark(#f2fbfa,#111b1a); --ui-accent-3: light-dark(#e1f6f4,#132927); --ui-accent-4: light-dark(#d2f1ee,#143432); --ui-accent-5: light-dark(#c1e9e6,#173f3d); --ui-accent-6: light-dark(#aee0dc,#1b4c49); --ui-accent-7: light-dark(#93d1cd,#245e5a); --ui-accent-8: light-dark(#65bcb7,#2b7874); --ui-accent-9: #00837e; --ui-accent-10: #007873; --ui-accent-11: light-dark(#107672,#83cec8); --ui-accent-12: light-dark(#0b3533,#d4f0ee); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #00837e; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=blue],.ui-root [data-ui-color=blue] { --ui-accent-1: light-dark(#fbfdff,#0c1119); --ui-accent-2: light-dark(#f5f9ff,#121924); --ui-accent-3: light-dark(#e9f2ff,#15253b); --ui-accent-4: light-dark(#dceaff,#182e4e); --ui-accent-5: light-dark(#cee2ff,#1d375e); --ui-accent-6: light-dark(#bbd6ff,#234371); --ui-accent-7: light-dark(#9fc6ff,#2d538b); --ui-accent-8: light-dark(#74acff,#386ab3); --ui-accent-9: #2068cb; --ui-accent-10: #125dc0; --ui-accent-11: light-dark(#2d67ba,#95c0ff); --ui-accent-12: light-dark(#132d53,#ddebff); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #2068cb; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=indigo],.ui-root [data-ui-color=indigo] { --ui-accent-1: light-dark(#fcfdff,#0f1019); --ui-accent-2: light-dark(#f7f8ff,#161824); --ui-accent-3: light-dark(#eef0ff,#1f223b); --ui-accent-4: light-dark(#e4e8ff,#272a4e); --ui-accent-5: light-dark(#d8deff,#2f325e); --ui-accent-6: light-dark(#cad1ff,#393d71); --ui-accent-7: light-dark(#b5beff,#474c8a); --ui-accent-8: light-dark(#97a1ff,#5a60b2); --ui-accent-9: #5152c1; --ui-accent-10: #4847b5; --ui-accent-11: light-dark(#5256b3,#aeb8ff); --ui-accent-12: light-dark(#262853,#e4e8ff); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#5152c1,#aeb8ff); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=violet],.ui-root [data-ui-color=violet] { --ui-accent-1: light-dark(#fdfcff,#120f18); --ui-accent-2: light-dark(#f9f7ff,#1a1623); --ui-accent-3: light-dark(#f3eeff,#281f3a); --ui-accent-4: light-dark(#ece5ff,#32254b); --ui-accent-5: light-dark(#e4d9ff,#3d2d5b); --ui-accent-6: light-dark(#dacbff,#49366e); --ui-accent-7: light-dark(#cbb5ff,#5b4486); --ui-accent-8: light-dark(#b793fe,#7556ad); --ui-accent-9: #7849c1; --ui-accent-10: #6e3eb5; --ui-accent-11: light-dark(#7550b4,#c7adff); --ui-accent-12: light-dark(#332351,#ece5ff); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#7849c1,#c7adff); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=pink],.ui-root [data-ui-color=pink] { --ui-accent-1: light-dark(#fffcfd,#180e12); --ui-accent-2: light-dark(#fff6fa,#22141a); --ui-accent-3: light-dark(#ffebf3,#371928); --ui-accent-4: light-dark(#ffdfed,#481d33); --ui-accent-5: light-dark(#ffd1e5,#57223e); --ui-accent-6: light-dark(#ffbfdc,#68294a); --ui-accent-7: light-dark(#ffa2cf,#7f345c); --ui-accent-8: light-dark(#f47cb9,#a44176); --ui-accent-9: #bf3584; --ui-accent-10: #b32779; --ui-accent-11: light-dark(#a83776,#ff98ca); --ui-accent-12: light-dark(#4c1834,#ffe0ed); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #bf3584; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root { --ui-weight-regular: 400; --ui-weight-medium: 500; --ui-weight-semibold: 600; --ui-weight-bold: 700; --ui-tracking-tight: -0.006em; --ui-tracking-heading: -0.014em; --ui-tracking-display: -0.024em; --ui-tracking-caps: 0.04em; --ui-ease: cubic-bezier(.16,1,.3,1); --ui-ease-standard: cubic-bezier(.2,0,0,1); --ui-ease-exit: cubic-bezier(.4,0,1,1); --ui-duration-quick: 120ms; --ui-duration-control: 180ms; --ui-duration-expressive: 360ms; --ui-target-min: 0px; --ui-focus-offset: calc(-1 * var(--ui-focus-width)); --menu-item-gap: var(--ui-menu-item-gap); --menu-item-hover: var(--ui-menu-item-hover); font-family: var(--ui-font-sans); font-size: var(--ui-text-md); line-height: 1.5; font-weight: var(--ui-weight-regular); font-optical-sizing: auto; color: var(--ui-text); background-color: var(--ui-canvas); color-scheme: light; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; caret-color: var(--ui-accent); scrollbar-color: var(--ui-gray-8) transparent; }
.ui-root [data-appearance=light] { color-scheme: light; }
.ui-root[data-appearance=dark],.ui-root [data-appearance=dark] { color-scheme: dark; }
.ui-root[data-appearance=system],.ui-root [data-appearance=system] { color-scheme: light dark; }
.ui-root [data-appearance] { color: var(--ui-text); background-color: var(--ui-canvas); }
.ui-root,.ui-root *,.ui-root *::before,.ui-root *::after { box-sizing: border-box; }
.ui-root [hidden] { display: none!important; }
:where(.ui-root) :where(button,input,select,textarea) { font: inherit; letter-spacing: inherit; }
:where(.ui-root) :where(h1,h2,h3,h4) { font-family: var(--ui-font-display); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-heading); text-wrap: balance; }
:where(.ui-root) :where(p,li,dd,figcaption) { text-wrap: pretty; }
:where(.ui-root) :where(code,kbd,samp,pre) { font-family: var(--ui-font-mono); font-size: 0.925em; }
:where(.ui-root) :where(kbd) { display: inline-block; min-width: 1.6em; padding: 0 calc(var(--ui-unit) * 1); border: var(--ui-stroke) solid var(--ui-border); border-block-end-width: var(--ui-stroke-strong); border-radius: var(--ui-radius-sm); background-color: var(--ui-surface); font-size: var(--ui-text-xs); line-height: 1.6; text-align: center; }
:where(.ui-root) :where(hr) { border: 0; border-block-start: var(--ui-stroke) solid var(--ui-border-subtle); }
:where(.ui-root :focus-visible) { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: var(--ui-focus-offset); }
.ui-focus-frame { position: relative; }
.ui-focus-frame:has(:focus-visible)::after { content: ''; position: absolute; inset: 0; border-radius: inherit; border: var(--ui-focus-width) solid var(--ui-focus); pointer-events: none; z-index: 1; }
.ui-root .ui-focus-frame :focus-visible { outline: none; }
.ui-root[data-lol-input=pointer] :is(button,select,a,summary,[tabindex],input[type=range],input[type=checkbox],input[type=radio]):focus { outline: none; }
.ui-root button:enabled,.ui-root summary { cursor: pointer; }
:where(.ui-root) a { color: inherit; text-underline-offset: 0.24em; text-decoration-thickness: from-font; }
.ui-root ::selection { background-color: var(--ui-accent-4); color: var(--ui-text); }
[data-ui-scroll] { min-inline-size: 0; max-inline-size: 100%; min-block-size: 0; scrollbar-width: thin; scroll-behavior: auto; }
[data-ui-scroll=horizontal] { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }
[data-ui-scroll=vertical] { overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; }
[data-ui-scroll=both] { overflow: auto; overscroll-behavior: contain; }
[data-ui-scrollbar=controls][data-ui-scroll-ready=true] { scrollbar-width: none; }
[data-ui-scrollbar=controls][data-ui-scroll-ready=true]::-webkit-scrollbar { display: none; }
@media (forced-colors:active) {
  [data-ui-scrollbar=controls][data-ui-scroll-ready=true] { scrollbar-width: auto; }
  [data-ui-scrollbar=controls][data-ui-scroll-ready=true]::-webkit-scrollbar { display: revert; }
}
@media (pointer:coarse) {
  .ui-root { --ui-target-min: 44px; --ui-input-font-size: var(--ui-text-lg); }
}
.ui-root[data-targets=touch],.ui-root [data-targets=touch] { --ui-target-min: 44px; --ui-input-font-size: var(--ui-text-lg); }
.ui-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; }
.ui-muted { color: var(--ui-muted); }
.ui-sr { position: absolute!important; width: var(--ui-stroke); height: var(--ui-stroke); overflow: hidden; clip-path: inset(50%); white-space: nowrap; padding: 0; border: 0; }
@media (prefers-reduced-motion:reduce) {
  .ui-root *,.ui-root *::before,.ui-root *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}
}
@layer lol, ui;
@layer ui {
@scope (.ui-button) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { font-family: inherit; font-size: var(--ui-button-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-button-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: 0px; --ui-tone-solid: var(--ui-gray-12); --ui-tone-solid-hover: color-mix(in oklab,var(--ui-gray-12) 86%,var(--ui-gray-9)); --ui-tone-on-solid: var(--ui-gray-1); --ui-tone-soft: var(--ui-gray-3); --ui-tone-soft-hover: var(--ui-gray-4); --ui-tone-text: var(--ui-text); --ui-tone-border: var(--ui-button-border); --ui-tone-surface: var(--ui-button-surface); --ui-tone-fill: var(--ui-accent); --ui-tone-on-fill: var(--ui-on-accent); position: relative; display: var(--ui-button-display,inline-flex); align-items: center; justify-content: var(--ui-button-justify,center); overflow: var(--ui-button-overflow,visible); isolation: var(--ui-button-isolation,auto); flex-shrink: 0; gap: var(--ui-control-gap); width: var(--ui-button-width,auto); max-width: 100%; text-align: var(--ui-button-align,center); min-width: var(--ui-target-min); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-tone-border); background-color: var(--ui-tone-surface); color: var(--ui-tone-text); box-shadow: var(--ui-shadow-1); font-weight: var(--ui-weight-medium); letter-spacing: var(--ui-tracking-tight); text-decoration: none; white-space: normal; overflow-wrap: break-word; user-select: none; transition: background-color var(--ui-duration-quick) var(--ui-ease),border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease),transform var(--ui-duration-quick) var(--ui-ease); }:scope>[data-part=label] { min-width: 0; }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); }:scope>[data-part=indicator] { display: inline-flex; flex-shrink: 0; width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); margin-inline-start: calc(var(--ui-unit) * (-1 / 2)); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope>[data-part=indicator]>.ui-icon { width: 100%; height: 100%; }:scope:where([data-tone="accent"]) { --ui-tone-solid: var(--ui-accent); --ui-tone-solid-hover: var(--ui-accent-hover); --ui-tone-on-solid: var(--ui-on-accent); --ui-tone-soft: var(--ui-accent-soft); --ui-tone-soft-hover: var(--ui-accent-soft-hover); --ui-tone-text: var(--ui-accent-text); --ui-tone-border: var(--ui-accent-border); }:scope:where([data-tone="danger"]) { --ui-tone-solid: var(--ui-danger-solid); --ui-tone-solid-hover: var(--ui-danger-10); --ui-tone-on-solid: var(--ui-on-danger); --ui-tone-soft: var(--ui-danger-soft); --ui-tone-soft-hover: var(--ui-danger-4); --ui-tone-text: var(--ui-danger); --ui-tone-border: var(--ui-danger-border); --ui-tone-fill: var(--ui-danger-solid); --ui-tone-on-fill: var(--ui-on-danger); }:scope:where([data-emphasis="solid"]) { background-color: var(--ui-tone-solid); color: var(--ui-tone-on-solid); border-color: transparent; }:scope:where([data-emphasis="soft"]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-emphasis="ghost"]) { background-color: transparent; color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-size=small]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 2) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-sm)); gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-inset: max(calc(var(--ui-unit) * (5 / 2)),calc(var(--ui-radius) + var(--ui-stroke))); }:scope:where([data-size=small])>.ui-icon { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=small])>[data-part=indicator] { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=large]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 6) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-lg)); }:scope:where([data-size=large])>.ui-icon { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where([data-size=large])>[data-part=indicator] { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where(:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where(:active:not(:disabled):not([aria-disabled=true])) { transform: translateY(var(--ui-stroke)); }:scope:where([aria-pressed=true]) { background-color: var(--ui-accent-soft); color: var(--ui-accent-text); border-color: var(--ui-accent-border); }:scope:where([aria-expanded=true]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([aria-expanded=true])>[data-part=indicator] { rotate: 180deg; }:scope:where([data-emphasis="solid"][aria-expanded=true]) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"][aria-expanded=true]) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:focus-visible) { outline-color: var(--ui-tone-on-solid); outline-offset: calc(-2 * var(--ui-focus-width)); }:scope:where([data-effect=arrow-fill]) { padding-inline-end: calc(var(--ui-control-box-height) + var(--ui-control-gap)); overflow: var(--ui-button-overflow,hidden); isolation: var(--ui-button-isolation,isolate); --ui-fill-background: var(--ui-tone-fill); --ui-fill-text: var(--ui-tone-on-fill); }:scope:where([data-emphasis="solid"][data-effect=arrow-fill]) { --ui-fill-background: var(--ui-tone-on-solid); --ui-fill-text: var(--ui-tone-solid); }:scope:where([data-effect=arrow-fill]:focus-visible) { outline-color: var(--ui-focus); outline-offset: calc(var(--ui-unit) * (1 / 2)); }:scope:where(:is(:disabled,[aria-disabled=true]):not([data-pending=true])) { --ui-tone-solid: var(--ui-gray-3); --ui-tone-on-solid: var(--ui-gray-9); --ui-tone-soft: var(--ui-gray-3); --ui-tone-text: var(--ui-gray-9); --ui-tone-border: var(--ui-border-subtle); --ui-tone-surface: var(--ui-gray-2); --ui-fill-background: var(--ui-gray-3); --ui-fill-text: var(--ui-gray-9); box-shadow: none; cursor: not-allowed; }:scope:where([data-pending=true]) { cursor: progress; }
}
@scope (.ui-choice) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: var(--ui-item-padding-block) var(--ui-item-padding-inline); min-width: 0; white-space: normal; overflow-wrap: anywhere; display: flex; align-items: center; gap: calc(var(--ui-unit) * 3); width: 100%; border-width: 0; border-radius: 0; background-color: transparent; color: var(--ui-text); font-family: inherit; font-size: inherit; font-weight: var(--ui-weight-regular); line-height: 1.5; text-align: start; cursor: pointer; transition: background-color var(--ui-duration-quick) var(--ui-ease); }:scope:where(:enabled:hover) { background-color: var(--ui-menu-item-hover); color: var(--ui-text); }:scope:where(:enabled:active) { background-color: var(--ui-selection); color: var(--ui-accent-text); }:scope:where([aria-pressed=true]) { background-color: var(--ui-selection); color: var(--ui-accent-text); font-weight: var(--ui-weight-medium); }:scope:where([aria-pressed=true])::after { content: ''; width: calc(var(--ui-unit) * (3 / 2)); height: calc(var(--ui-unit) * (5 / 2)); flex-shrink: 0; margin-inline-start: auto; margin-inline-end: calc(var(--ui-unit) * (3 / 4)); border-style: solid; border-color: currentColor; border-width: 0 var(--ui-stroke-strong) var(--ui-stroke-strong) 0; transform: rotate(45deg); }:scope:where(:disabled) { cursor: default; }:scope:where(:disabled:not([aria-pressed=true])) { background-color: transparent; color: var(--ui-faint); }:scope:where(:focus-visible) { outline-width: var(--ui-focus-width); outline-style: solid; outline-color: var(--ui-focus); outline-offset: calc(-1 * var(--ui-focus-width)); }
}
@scope (.ui-input) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { font-family: inherit; font-size: var(--ui-input-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-input-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: max(var(--ui-input-trailing,0px),0px); width: 100%; min-width: 0; align-items: center; border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-control-border); background-color: var(--ui-surface); color: var(--ui-text); box-shadow: inset 0 var(--ui-stroke) var(--ui-stroke) var(--ui-inset-shade); transition: border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease); }:scope::placeholder { background-color: transparent; color: var(--ui-placeholder); }:scope:where([readonly]) { background-color: var(--ui-subtle); color: var(--ui-text); border-style: dashed; box-shadow: none; cursor: text; }:scope:where(:enabled:hover) { border-color: color-mix(in oklab,var(--ui-control-border) 70%,var(--ui-text)); }:scope:where(:enabled:focus) { border-color: var(--ui-focus); box-shadow: 0 0 0 calc(var(--ui-focus-width) + var(--ui-stroke)) var(--ui-accent-soft); }:scope:where([aria-invalid=true]) { border-color: var(--ui-danger); }:scope:where(:disabled) { background-color: var(--ui-gray-2); color: var(--ui-gray-9); border-color: var(--ui-border-subtle); box-shadow: none; cursor: not-allowed; }
}
@scope (.ui-nav-link) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: var(--ui-item-padding-block) var(--ui-item-padding-inline); min-width: 0; white-space: normal; overflow-wrap: anywhere; display: flex; align-items: center; gap: calc(var(--ui-unit) * (5 / 2)); border-radius: var(--ui-radius); background-color: transparent; color: var(--ui-muted); text-decoration: none; font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-weight: var(--ui-weight-medium); transition: background-color var(--ui-duration-quick) var(--ui-ease),color var(--ui-duration-quick) var(--ui-ease); }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); background-color: transparent; color: var(--ui-faint); }:scope:where(:hover) { background-color: var(--ui-menu-item-hover); color: var(--ui-text); }:scope:where(:hover)>.ui-icon { background-color: transparent; color: var(--ui-muted); }:scope:where([aria-current]) { background-color: var(--ui-selection); color: var(--ui-accent-text); }:scope:where([aria-current])>.ui-icon { background-color: transparent; color: var(--ui-accent-text); }:scope:where([data-emphasis="quiet"][aria-current]) { background-color: transparent; color: var(--ui-text); }
}
@scope (.ui-select) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { position: relative; min-width: 0; display: grid; align-self: start; }:scope>.ui-icon { position: absolute; inset-inline-end: var(--ui-select-arrow-inset); inset-block-start: 50%; width: var(--ui-select-arrow-size); height: var(--ui-select-arrow-size); translate: 0 -50%; pointer-events: none; background-color: transparent; color: var(--ui-muted); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope:where(:has(>.ui-select-input:open))>.ui-icon { rotate: 180deg; }
}
@scope (.ui-select-input) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { appearance: none; --ui-input-trailing: var(--ui-select-reserve); }:scope::picker-icon { display: none; }@supports (appearance: base-select) {
:scope { appearance: base-select; }}
@supports (appearance: base-select) {
:scope::picker(select) { appearance: base-select; background-color: var(--ui-surface-raised); color: var(--ui-text); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-border); border-radius: var(--ui-radius-lg); padding: calc(var(--ui-unit) * 1); margin-block: calc(var(--ui-unit) * 1); box-shadow: var(--ui-shadow-3); max-block-size: var(--ui-menu-height,18rem); min-inline-size: anchor-size(inline); }}
@supports (appearance: base-select) {
:scope>option { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: var(--ui-item-padding-block) var(--ui-item-padding-inline); min-width: 0; white-space: normal; overflow-wrap: anywhere; display: flex; align-items: center; gap: calc(var(--ui-unit) * 2); border-radius: calc(var(--ui-radius-lg) - var(--ui-unit) - var(--ui-stroke)); background-color: transparent; color: var(--ui-text); cursor: default; transition: background-color var(--ui-duration-quick) var(--ui-ease); }}
@supports (appearance: base-select) {
:scope>option:hover { background-color: var(--ui-menu-item-hover); color: var(--ui-text); }}
@supports (appearance: base-select) {
:scope>option:focus-visible { background-color: var(--ui-menu-item-hover); color: var(--ui-text); outline: none; }}
@supports (appearance: base-select) {
:scope>option:checked { background-color: var(--ui-selection); color: var(--ui-accent-text); font-weight: var(--ui-weight-medium); }}
@supports (appearance: base-select) {
:scope>option::checkmark { order: 1; margin-inline-start: auto; background-color: transparent; color: var(--ui-accent-text); }}
@supports (appearance: base-select) {
:scope:where(:open)::picker(select) { display: grid; align-content: start; gap: var(--ui-menu-item-gap); }}

}
}
@layer lol, ui;
@layer ui {
[data-gap=none] { --ui-layout-gap: 0px; }
[data-gap=xs] { --ui-layout-gap: var(--ui-space-1); }
[data-gap=sm] { --ui-layout-gap: var(--ui-space-2); }
[data-gap=md] { --ui-layout-gap: var(--ui-space-4); }
[data-gap=lg] { --ui-layout-gap: var(--ui-space-5); }
[data-gap=xl] { --ui-layout-gap: var(--ui-space-6); }
[data-gap=xxl] { --ui-layout-gap: var(--ui-space-7); }
.ui-control { min-width: 0; }
:where(.ui-separator) { margin: var(--ui-space-5) 0; }
.ui-separator { border: 0; border-block-start: var(--ui-stroke) solid var(--ui-border-subtle); }
:is(.ui-row,.ui-grid,.ui-box,.ui-form-row)>* { margin-block: 0; }
.ui-flow { display: flow-root; min-width: 0; }
.ui-flow>* { margin-block: 0; }
.ui-flow>:where(:not([hidden]))~:where(:not([hidden])) { margin-block-start: var(--ui-flow-space,var(--ui-space-4)); }
.ui-flow>:where(h1,h2,h3,h4,h5,h6)+:where(*) { margin-block-start: var(--ui-flow-lead,var(--ui-space-2)); }
.ui-flow>:where(:not([hidden]))~:where(h1,h2,h3,h4,h5,h6,.ui-separator),.ui-flow>:where(.ui-separator)+:where(*) { margin-block-start: var(--ui-flow-section,var(--ui-space-6)); }
.ui-grid { display: grid; gap: var(--ui-layout-gap,var(--ui-space-5)); min-width: 0; grid-template-columns: repeat(auto-fit,minmax(min(100%,max(var(--ui-grid-min,18rem),calc((100% - (var(--ui-grid-columns,2) - 1)*var(--ui-layout-gap,var(--ui-space-5)))/var(--ui-grid-columns,2)))),1fr)); }
.ui-grid>* { min-width: 0; }
.ui-columns { columns: var(--ui-column-min,18rem) var(--ui-column-count,3); column-gap: var(--ui-layout-gap,var(--ui-space-5)); min-width: 0; }
.ui-columns>.ui-column-item { display: flow-root; break-inside: avoid; margin-block-end: var(--ui-layout-gap,var(--ui-space-5)); }
.ui-columns[data-columns='1'] { --ui-column-count: 1; }
.ui-columns[data-columns='2'] { --ui-column-count: 2; }
.ui-columns[data-columns='3'] { --ui-column-count: 3; }
.ui-columns[data-columns='4'] { --ui-column-count: 4; }
.ui-columns[data-columns='5'] { --ui-column-count: 5; }
.ui-columns[data-columns='6'] { --ui-column-count: 6; }
.ui-columns[data-min-width=compact] { --ui-column-min: 12rem; }
.ui-columns[data-min-width=normal] { --ui-column-min: 18rem; }
.ui-columns[data-min-width=wide] { --ui-column-min: 24rem; }
.ui-grid[data-align=start] { align-items: start; }
.ui-grid[data-align=center] { align-items: center; }
.ui-grid[data-align=end] { align-items: end; }
.ui-grid[data-columns='1'] { --ui-grid-columns: 1; }
.ui-grid[data-columns='2'] { --ui-grid-columns: 2; }
.ui-grid[data-columns='3'] { --ui-grid-columns: 3; }
.ui-grid[data-columns='4'] { --ui-grid-columns: 4; }
.ui-grid[data-columns='5'] { --ui-grid-columns: 5; }
.ui-grid[data-columns='6'] { --ui-grid-columns: 6; }
.ui-grid[data-min-width=compact] { --ui-grid-min: 12rem; }
.ui-grid[data-min-width=normal] { --ui-grid-min: 18rem; }
.ui-grid[data-min-width=wide] { --ui-grid-min: 24rem; }
.ui-row { display: flex; gap: var(--ui-layout-gap,var(--ui-space-4)); align-items: center; min-width: 0; }
.ui-row[data-wrap=true] { flex-wrap: wrap; }
.ui-row[data-align=start] { align-items: start; }
.ui-row[data-align=end] { align-items: end; }
.ui-row[data-align=baseline] { align-items: baseline; }
.ui-row[data-align=stretch] { align-items: stretch; }
.ui-row[data-justify=center] { justify-content: center; }
.ui-row[data-justify=end] { justify-content: end; }
.ui-row[data-justify=between] { justify-content: space-between; }
.ui-form-row { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr)); column-gap: var(--ui-layout-gap,var(--ui-space-4)); row-gap: var(--ui-field-gap); min-width: 0; }
.ui-form-cell,.ui-form-cell>.ui-control,.ui-form-cell>.ui-control>.ui-field { display: grid; grid-template-rows: subgrid; grid-row: span 3; min-width: 0; }
.ui-form-cell>.ui-control>.ui-field>label { grid-row: 1; }
.ui-form-cell>.ui-control>.ui-field>:is(input,select,textarea,.ui-select) { grid-row: 2; }
.ui-form-cell>.ui-control>.ui-field>[data-part=help] { grid-row: 3; }
.ui-form-cell>.ui-control>.ui-radio-group { grid-row: 1 / span 2; }
.ui-form-cell>.ui-control>.ui-check { grid-row: 2; }
.ui-form-cell>.ui-button { grid-row: 2; align-self: start; justify-self: start; }
.ui-box { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--ui-layout-gap,var(--ui-space-4)); padding: var(--ui-box-padding,0); min-width: 0; }
.ui-box[data-padding=none] { --ui-box-padding: 0px; }
.ui-box[data-padding=xs] { --ui-box-padding: var(--ui-space-1); }
.ui-box[data-padding=sm] { --ui-box-padding: var(--ui-space-2); }
.ui-box[data-padding=md] { --ui-box-padding: var(--ui-space-4); }
.ui-box[data-padding=lg] { --ui-box-padding: var(--ui-space-5); }
.ui-box[data-padding=xl] { --ui-box-padding: var(--ui-space-6); }
.ui-box[data-padding=xxl] { --ui-box-padding: var(--ui-space-7); }
.ui-box[data-surface=canvas] { background-color: var(--ui-canvas); }
.ui-box[data-surface=surface] { background-color: var(--ui-surface); }
.ui-box[data-surface=subtle] { background-color: var(--ui-subtle); }
:where(.ui-caption) { margin: 0; }
.ui-caption { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); font-weight: var(--ui-weight-medium); color: var(--ui-muted); }
}

@layer lol, ui;
@layer ui {
.ui-button[data-pending=true]>:not([data-part=pending]) { opacity: 0; }
.ui-button .ui-button-pending { position: absolute; inset: 0; margin: auto; border-color: currentColor; border-inline-end-color: transparent; }
.ui-button-fill { --ui-fill-inset: calc(var(--ui-unit) * 1); --ui-fill-cap: calc(var(--ui-control-box-height) - 2 * var(--ui-stroke)); --ui-fill-start: calc(100% - var(--ui-fill-cap) + var(--ui-fill-inset)); position: absolute; inset: 0; display: flex; align-items: center; justify-content: inherit; gap: inherit; padding: inherit; pointer-events: none; background-color: var(--ui-fill-background); color: var(--ui-fill-text); clip-path: inset(var(--ui-fill-inset) var(--ui-fill-inset) var(--ui-fill-inset) var(--ui-fill-start) round max(0px,calc(var(--ui-radius) - var(--ui-stroke) - var(--ui-fill-inset)))); transition: clip-path var(--ui-duration-expressive) var(--ui-ease-standard); }
.ui-button-fill [data-part=effect-label] { min-width: 0; }
.ui-button:dir(rtl) .ui-button-fill { clip-path: inset(var(--ui-fill-inset) var(--ui-fill-start) var(--ui-fill-inset) var(--ui-fill-inset) round max(0px,calc(var(--ui-radius) - var(--ui-stroke) - var(--ui-fill-inset)))); }
.ui-button-arrow { position: absolute; inset-inline-end: calc((var(--ui-fill-cap) - var(--ui-control-icon)) / 2); display: inline-flex; transition: transform var(--ui-duration-control) var(--ui-ease-standard); }
.ui-button-arrow>.ui-icon { width: var(--ui-control-icon); height: var(--ui-control-icon); }
.ui-button:dir(rtl) .ui-button-arrow { rotate: 180deg; }
.ui-button[data-effect=arrow-fill]:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .ui-button-fill { --ui-fill-inset: 0px; --ui-fill-start: 0px; }
.ui-button[data-effect=arrow-fill]:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .ui-button-arrow { transform: translateX(var(--ui-stroke-strong)); }
}

@layer lol, ui;
@layer ui {
@scope (.ui-button) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { font-family: inherit; font-size: var(--ui-button-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-button-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: 0px; --ui-tone-solid: var(--ui-gray-12); --ui-tone-solid-hover: color-mix(in oklab,var(--ui-gray-12) 86%,var(--ui-gray-9)); --ui-tone-on-solid: var(--ui-gray-1); --ui-tone-soft: var(--ui-gray-3); --ui-tone-soft-hover: var(--ui-gray-4); --ui-tone-text: var(--ui-text); --ui-tone-border: var(--ui-button-border); --ui-tone-surface: var(--ui-button-surface); --ui-tone-fill: var(--ui-accent); --ui-tone-on-fill: var(--ui-on-accent); position: relative; display: var(--ui-button-display,inline-flex); align-items: center; justify-content: var(--ui-button-justify,center); overflow: var(--ui-button-overflow,visible); isolation: var(--ui-button-isolation,auto); flex-shrink: 0; gap: var(--ui-control-gap); width: var(--ui-button-width,auto); max-width: 100%; text-align: var(--ui-button-align,center); min-width: var(--ui-target-min); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-tone-border); background-color: var(--ui-tone-surface); color: var(--ui-tone-text); box-shadow: var(--ui-shadow-1); font-weight: var(--ui-weight-medium); letter-spacing: var(--ui-tracking-tight); text-decoration: none; white-space: normal; overflow-wrap: break-word; user-select: none; transition: background-color var(--ui-duration-quick) var(--ui-ease),border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease),transform var(--ui-duration-quick) var(--ui-ease); }:scope>[data-part=label] { min-width: 0; }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); }:scope>[data-part=indicator] { display: inline-flex; flex-shrink: 0; width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); margin-inline-start: calc(var(--ui-unit) * (-1 / 2)); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope>[data-part=indicator]>.ui-icon { width: 100%; height: 100%; }:scope:where([data-tone="accent"]) { --ui-tone-solid: var(--ui-accent); --ui-tone-solid-hover: var(--ui-accent-hover); --ui-tone-on-solid: var(--ui-on-accent); --ui-tone-soft: var(--ui-accent-soft); --ui-tone-soft-hover: var(--ui-accent-soft-hover); --ui-tone-text: var(--ui-accent-text); --ui-tone-border: var(--ui-accent-border); }:scope:where([data-tone="danger"]) { --ui-tone-solid: var(--ui-danger-solid); --ui-tone-solid-hover: var(--ui-danger-10); --ui-tone-on-solid: var(--ui-on-danger); --ui-tone-soft: var(--ui-danger-soft); --ui-tone-soft-hover: var(--ui-danger-4); --ui-tone-text: var(--ui-danger); --ui-tone-border: var(--ui-danger-border); --ui-tone-fill: var(--ui-danger-solid); --ui-tone-on-fill: var(--ui-on-danger); }:scope:where([data-emphasis="solid"]) { background-color: var(--ui-tone-solid); color: var(--ui-tone-on-solid); border-color: transparent; }:scope:where([data-emphasis="soft"]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-emphasis="ghost"]) { background-color: transparent; color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-size=small]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 2) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-sm)); gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-inset: max(calc(var(--ui-unit) * (5 / 2)),calc(var(--ui-radius) + var(--ui-stroke))); }:scope:where([data-size=small])>.ui-icon { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=small])>[data-part=indicator] { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=large]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 6) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-lg)); }:scope:where([data-size=large])>.ui-icon { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where([data-size=large])>[data-part=indicator] { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where(:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where(:active:not(:disabled):not([aria-disabled=true])) { transform: translateY(var(--ui-stroke)); }:scope:where([aria-pressed=true]) { background-color: var(--ui-accent-soft); color: var(--ui-accent-text); border-color: var(--ui-accent-border); }:scope:where([aria-expanded=true]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([aria-expanded=true])>[data-part=indicator] { rotate: 180deg; }:scope:where([data-emphasis="solid"][aria-expanded=true]) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"][aria-expanded=true]) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:focus-visible) { outline-color: var(--ui-tone-on-solid); outline-offset: calc(-2 * var(--ui-focus-width)); }:scope:where([data-effect=arrow-fill]) { padding-inline-end: calc(var(--ui-control-box-height) + var(--ui-control-gap)); overflow: var(--ui-button-overflow,hidden); isolation: var(--ui-button-isolation,isolate); --ui-fill-background: var(--ui-tone-fill); --ui-fill-text: var(--ui-tone-on-fill); }:scope:where([data-emphasis="solid"][data-effect=arrow-fill]) { --ui-fill-background: var(--ui-tone-on-solid); --ui-fill-text: var(--ui-tone-solid); }:scope:where([data-effect=arrow-fill]:focus-visible) { outline-color: var(--ui-focus); outline-offset: calc(var(--ui-unit) * (1 / 2)); }:scope:where(:is(:disabled,[aria-disabled=true]):not([data-pending=true])) { --ui-tone-solid: var(--ui-gray-3); --ui-tone-on-solid: var(--ui-gray-9); --ui-tone-soft: var(--ui-gray-3); --ui-tone-text: var(--ui-gray-9); --ui-tone-border: var(--ui-border-subtle); --ui-tone-surface: var(--ui-gray-2); --ui-fill-background: var(--ui-gray-3); --ui-fill-text: var(--ui-gray-9); box-shadow: none; cursor: not-allowed; }:scope:where([data-pending=true]) { cursor: progress; }
}
}
@scope (.wp-controls) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { display: none; align-items: center; gap: var(--wp-control-gap,.75rem); flex-wrap: wrap; padding: var(--wp-controls-padding,.75rem 1rem); border-block-start: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope>.wp-position { flex: 1; text-align: center; font-variant-numeric: tabular-nums; min-width: 8ch; }@container presentation (max-width:40rem) {
:scope>.wp-position { font-size: var(--wp-position-size,.875rem); }}
@media (scripting: enabled) {
:scope:where(:is(.wp-stage:not([data-ready=true])>*)) { display: flex; visibility: hidden; }}
:scope:where(:is(.wp-stage[data-ready=true]>*)) { display: flex; }@media print {
:scope:where(:is(.wp-stage[data-ready=true]>*)) { display: none; }}
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>.wp-stage>*)) { display: none; }
}
@scope (.wp-overview) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { padding: calc(var(--ui-unit) * 3) calc(var(--ui-unit) * 4); }:scope>summary { cursor: pointer; display: list-item; align-content: center; min-height: calc(var(--ui-unit) * 11); }:scope>summary:focus-visible { outline: var(--ui-focus-width,2px) solid var(--wp-focus,var(--ui-focus,currentColor)); outline-offset: var(--ui-focus-offset,-2px); }:scope>ol { padding-inline-start: calc(var(--ui-unit) * 6); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: calc(var(--ui-unit) * 2) calc(var(--ui-unit) * 8); font-size: calc(var(--ui-unit) * 4); line-height: 1.5; }@media print {
:scope { display: none; }}
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>.wp-stage>*)) { display: none; }
}
@scope (.wp-overview-entry) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { min-width: 0; break-inside: avoid; margin-block: 0; }:scope>a { display: block; box-sizing: border-box; overflow-wrap: anywhere; font-family: inherit; font-size: inherit; background-color: transparent; color: inherit; text-align: start; text-decoration: underline; text-underline-offset: .2em; min-height: calc(var(--ui-unit) * 11); padding: calc(var(--ui-unit) * 1) calc(var(--ui-unit) * 2); }:scope>a[aria-current=step] { font-weight: 700; text-decoration-thickness: 2px; }
}
@scope (.wp-print) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { background-color: var(--wp-paper,var(--ui-surface,Canvas)); color: var(--wp-ink,var(--ui-text,CanvasText)); font-family: var(--wp-font,inherit); font-size: var(--wp-text-size,1rem); line-height: var(--wp-line-height,1.5); container-type: inline-size; container-name: presentation; }@media print {
:scope { margin: 0; padding: 0; }}

}
@scope (.wp-reading) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { background-color: var(--wp-reading-surface-background,var(--wp-paper,var(--ui-surface,Canvas))); color: var(--wp-reading-surface-foreground,var(--wp-ink,var(--ui-text,CanvasText))); font-family: var(--wp-font,inherit); font-size: var(--wp-text-size,1rem); line-height: var(--wp-line-height,1.5); container-type: inline-size; container-name: presentation; max-width: var(--wp-reading-measure,var(--wp-reading-measure,78ch)); margin-inline: auto; padding: var(--wp-reading-padding,var(--wp-reading-padding,2rem)); }:scope>section { margin-block: var(--wp-section-gap,3rem); }
}
@scope (.wp-scene) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope>[data-presentation-state][hidden] { display: none; }:scope:where([hidden]) { display: none; }:scope:where(:is(.wp-stage[data-ready=true]>.wp-viewport>*)) { min-height: 100%; box-sizing: border-box; display: grid; }@container presentation (max-width:40rem) {
:scope:where(:is(.wp-stage[data-ready=true]>.wp-viewport>*)) { min-height: 0; }}

}
@scope (.wp-snapshot) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { padding: var(--wp-snapshot-padding,var(--wp-padding,clamp(1.25rem,4cqi,4rem))); font-size: var(--wp-snapshot-text-size,var(--wp-text-size,1rem)); min-width: 0; box-sizing: border-box; }:scope>h2 { font-family: var(--wp-heading-font,inherit); font-size: var(--wp-heading-size,clamp(1.75rem,3cqi,3.5rem)); font-weight: var(--wp-heading-weight,650); line-height: var(--wp-heading-line-height,1.12); text-wrap: balance; margin: 0 0 var(--wp-heading-gap,1.25em); }:scope>h3 { font-family: var(--wp-heading-font,inherit); font-size: var(--wp-heading-size,clamp(1.75rem,3cqi,3.5rem)); font-weight: var(--wp-heading-weight,650); line-height: var(--wp-heading-line-height,1.12); text-wrap: balance; margin: 0 0 var(--wp-heading-gap,1.25em); }:scope>.wp-explanation { max-width: var(--wp-prose-measure,70ch); margin: var(--wp-explanation-gap,1.75rem) 0 0; white-space: pre-line; }:scope:where([data-mode="reading"]) { padding: var(--wp-snapshot-padding,var(--wp-reading-snapshot-padding,1.5rem 0)); border-block-end: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope:where([data-mode="print"]) { break-inside: avoid; break-after: page; }:scope:where([data-mode="reading"])>h3 { font-size: var(--wp-reading-heading-size,1.5rem); }:scope:where([data-mode="reading"])>.wp-explanation { margin-block: 1rem 2rem; }@media print {
:scope { print-color-adjust: exact; }}
@media print {
:scope>h2 { font-size: var(--wp-print-heading-size,28pt); }}
@media print {
:scope>.wp-explanation { font-size: var(--wp-print-text-size,12pt); }}
@media print {
:scope:where([data-mode="print"]) { width: var(--wp-page-width); height: var(--wp-page-height); padding: var(--wp-snapshot-padding,var(--wp-print-padding,12mm)); overflow: visible; }}
:scope:where([data-mode="print"]:last-child) { break-after: auto; }
}
@scope (.wp-stage) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { background-color: var(--wp-stage-surface-background,var(--wp-paper,var(--ui-surface,Canvas))); color: var(--wp-stage-surface-foreground,var(--wp-ink,var(--ui-text,CanvasText))); font-family: var(--wp-stage-font,var(--wp-font,inherit)); font-size: var(--wp-stage-text-size,var(--wp-text-size,1rem)); line-height: var(--wp-line-height,1.5); position: relative; min-width: 0; isolation: isolate; container-type: inline-size; container-name: presentation; }:scope>.wp-viewport { min-width: 0; }:scope>.wp-viewport:focus-visible { outline: var(--ui-focus-width,2px) solid var(--wp-focus,var(--ui-focus,currentColor)); outline-offset: var(--ui-focus-offset,-2px); }@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-viewport { aspect-ratio: var(--wp-aspect-ratio,16/9); overflow: hidden; position: relative; }}
@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-viewport>* { visibility: hidden; }}
@container presentation (max-width:40rem) {
@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-viewport { aspect-ratio: auto; min-height: var(--wp-narrow-min-height,24rem); }}
}
:scope:where([data-ready=true])>.wp-viewport { aspect-ratio: var(--wp-aspect-ratio,16/9); overflow: auto; position: relative; }@container presentation (max-width:40rem) {
:scope:where([data-ready=true])>.wp-viewport { aspect-ratio: auto; min-height: var(--wp-narrow-min-height,24rem); }}
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*)) { width: var(--wp-canvas-width,1280px); height: var(--wp-canvas-height,720px); transform-origin: top left; scale: tan(atan2(100cqi,var(--wp-canvas-width,1280px))); }:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*))>.wp-viewport { aspect-ratio: 16/9; min-height: 0; overflow: auto; }@media (max-width:40rem) {
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*)) { width: 100%; height: auto; scale: none; }}
@media (max-width:40rem) {
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*))>.wp-viewport { aspect-ratio: auto; overflow: visible; }}

}
@scope (.wp-composition) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope { display: grid; gap: var(--wp-composition-gap,var(--wp-exhibit-gap,clamp(1rem,3cqi,3rem))); align-items: start; grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }:scope>.wp-composition-primary { min-width: 0; }:scope>.wp-composition-secondary { min-width: 0; }:scope>.wp-composition-evidence { grid-column: 1/-1; padding-block-start: calc(var(--ui-unit) * 4); border-block-start: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope:where([data-layout="split"]) { grid-template-columns: var(--wp-composition-columns,var(--wp-split-columns,minmax(0,1fr) minmax(0,1.15fr))); }:scope:where([data-layout="comparison"]) { grid-template-columns: var(--wp-composition-columns,repeat(2,minmax(0,1fr))); }:scope:where([data-layout="exhibit"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }@container presentation (max-width:40rem) {
:scope:where([data-layout="split"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }}
@container presentation (max-width:40rem) {
:scope:where([data-layout="comparison"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }}

}
@scope (.wp-entity) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope { transform-origin: 0 0; }@media print {
:scope { transform: none; }}
@media (prefers-reduced-motion:reduce) {
:scope { transform: none; }}

}
@scope (.wp-sequence) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope>[data-sequence-state][hidden] { display: none; }
}
@scope (.wp-diagram) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { --wp-drawing-ink: var(--wp-diagram-ink,var(--wp-ink,var(--ui-text,CanvasText))); --wp-drawing-accent: var(--wp-diagram-accent,var(--ui-accent,currentColor)); --wp-drawing-quiet: var(--wp-diagram-quiet,var(--ui-muted,currentColor)); --wp-drawing-alert: var(--wp-diagram-alert,var(--ui-danger,var(--ui-warning,currentColor))); --wp-drawing-projected-height: var(--wp-diagram-projected-height,none); display: grid; gap: var(--wp-diagram-gap,calc(var(--ui-unit) * 3)); margin: 0; min-width: 0; font-size: var(--wp-diagram-text-size,inherit); container-type: inline-size; container-name: diagram; }:scope>figcaption { font-size: .78em; line-height: 1.4; font-weight: 550; text-wrap: balance; }:scope>p { font-size: .67em; line-height: 1.45; margin: 0; max-width: 75ch; }@media print {
:scope { break-inside: avoid; }}

}
@scope (.wp-diagram-label) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { font-family: var(--wp-font,inherit); font-size: 22px; fill: var(--wp-drawing-ink); stroke: none; }:scope:where([data-label="code"]) { font-family: var(--wp-code-font,monospace); font-size: 23px; }:scope:where([data-label="axis"]) { font-size: 20px; fill: var(--wp-drawing-quiet); }:scope:where([data-label="emphasis"]) { font-weight: 650; fill: var(--wp-drawing-accent); }:scope:where([data-label="value"]) { font-size: 32px; font-family: var(--wp-code-font,monospace); }:scope:where([data-label="return"]) { font-family: var(--wp-code-font,monospace); font-size: 21px; font-weight: 600; fill: var(--wp-drawing-accent); }:scope:where([data-label="elision"]) { font-family: var(--wp-code-font,monospace); font-size: 23px; fill: var(--wp-drawing-quiet); }:scope:where([data-label="alert"]) { font-size: 20px; font-weight: 650; fill: var(--wp-drawing-alert); }
}
@scope (.wp-diagram-mark) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { fill: none; stroke: var(--wp-drawing-ink); stroke-width: 2; }:scope:where([data-mark="axis"]) { stroke: var(--wp-drawing-quiet); stroke-width: 1; opacity: .55; }:scope:where([data-mark="guide"]) { stroke: var(--wp-drawing-quiet); stroke-width: 1; stroke-dasharray: 2 8; opacity: .4; }:scope:where([data-mark="flow"]) { stroke: var(--wp-drawing-accent); stroke-width: 4; }:scope:where([data-mark="wash"]) { fill: var(--wp-drawing-accent); fill-opacity: .09; stroke: none; }:scope:where([data-mark="cursor"]) { stroke: var(--wp-drawing-accent); stroke-width: 2; stroke-dasharray: 5 5; }:scope:where([data-mark="point"]) { fill: var(--wp-paper,var(--ui-surface,Canvas)); stroke: var(--wp-drawing-accent); stroke-width: 3; }:scope:where([data-mark="divider"]) { stroke: var(--wp-drawing-accent); stroke-width: 2; stroke-dasharray: 3 5; opacity: .7; }:scope:where([data-mark="limit"]) { stroke: var(--wp-drawing-alert); stroke-width: 2; stroke-dasharray: 10 6; }:scope:where([data-mark="climb"]) { stroke: var(--wp-drawing-alert); stroke-width: 4; stroke-dasharray: 4 7; }:scope:where([data-mark="overflow"]) { stroke: var(--wp-drawing-alert); stroke-width: 4; }:scope:where([data-mark="shelf"]) { stroke: var(--wp-drawing-quiet); stroke-width: 2; }:scope:where([data-mark="frame"]) { fill: var(--wp-paper,var(--ui-surface,Canvas)); stroke: var(--wp-drawing-quiet); stroke-width: 2; }:scope:where([data-mark="frame-next"]) { fill: var(--wp-drawing-accent); fill-opacity: .14; stroke: var(--wp-drawing-accent); stroke-width: 3; }:scope:where([data-mark="result"]) { fill: var(--wp-drawing-accent); fill-opacity: .14; stroke: var(--wp-drawing-accent); stroke-width: 4; }
}
@scope (.wp-diagram-svg) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--wp-font,inherit); font-size: 22px; fill: var(--wp-drawing-ink); stroke-linecap: round; stroke-linejoin: round; }:scope:where([data-layout="compact"]) { display: none; }:scope:where([data-layout="wide"]) { display: block; }@container diagram (max-width:45rem) {
:scope:where([data-layout="compact"]) { display: block; }}
@container diagram (max-width:45rem) {
:scope:where([data-layout="wide"]) { display: none; }}
@container presentation (min-width:40.01rem) {
:scope { max-height: var(--wp-drawing-projected-height,none); }}

}

@layer lol, ui;
@layer ui {
@scope (.ui-button) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { font-family: inherit; font-size: var(--ui-button-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-button-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: 0px; --ui-tone-solid: var(--ui-gray-12); --ui-tone-solid-hover: color-mix(in oklab,var(--ui-gray-12) 86%,var(--ui-gray-9)); --ui-tone-on-solid: var(--ui-gray-1); --ui-tone-soft: var(--ui-gray-3); --ui-tone-soft-hover: var(--ui-gray-4); --ui-tone-text: var(--ui-text); --ui-tone-border: var(--ui-button-border); --ui-tone-surface: var(--ui-button-surface); --ui-tone-fill: var(--ui-accent); --ui-tone-on-fill: var(--ui-on-accent); position: relative; display: var(--ui-button-display,inline-flex); align-items: center; justify-content: var(--ui-button-justify,center); overflow: var(--ui-button-overflow,visible); isolation: var(--ui-button-isolation,auto); flex-shrink: 0; gap: var(--ui-control-gap); width: var(--ui-button-width,auto); max-width: 100%; text-align: var(--ui-button-align,center); min-width: var(--ui-target-min); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-tone-border); background-color: var(--ui-tone-surface); color: var(--ui-tone-text); box-shadow: var(--ui-shadow-1); font-weight: var(--ui-weight-medium); letter-spacing: var(--ui-tracking-tight); text-decoration: none; white-space: normal; overflow-wrap: break-word; user-select: none; transition: background-color var(--ui-duration-quick) var(--ui-ease),border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease),transform var(--ui-duration-quick) var(--ui-ease); }:scope>[data-part=label] { min-width: 0; }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); }:scope>[data-part=indicator] { display: inline-flex; flex-shrink: 0; width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); margin-inline-start: calc(var(--ui-unit) * (-1 / 2)); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope>[data-part=indicator]>.ui-icon { width: 100%; height: 100%; }:scope:where([data-tone="accent"]) { --ui-tone-solid: var(--ui-accent); --ui-tone-solid-hover: var(--ui-accent-hover); --ui-tone-on-solid: var(--ui-on-accent); --ui-tone-soft: var(--ui-accent-soft); --ui-tone-soft-hover: var(--ui-accent-soft-hover); --ui-tone-text: var(--ui-accent-text); --ui-tone-border: var(--ui-accent-border); }:scope:where([data-tone="danger"]) { --ui-tone-solid: var(--ui-danger-solid); --ui-tone-solid-hover: var(--ui-danger-10); --ui-tone-on-solid: var(--ui-on-danger); --ui-tone-soft: var(--ui-danger-soft); --ui-tone-soft-hover: var(--ui-danger-4); --ui-tone-text: var(--ui-danger); --ui-tone-border: var(--ui-danger-border); --ui-tone-fill: var(--ui-danger-solid); --ui-tone-on-fill: var(--ui-on-danger); }:scope:where([data-emphasis="solid"]) { background-color: var(--ui-tone-solid); color: var(--ui-tone-on-solid); border-color: transparent; }:scope:where([data-emphasis="soft"]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-emphasis="ghost"]) { background-color: transparent; color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-size=small]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 2) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-sm)); gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-inset: max(calc(var(--ui-unit) * (5 / 2)),calc(var(--ui-radius) + var(--ui-stroke))); }:scope:where([data-size=small])>.ui-icon { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=small])>[data-part=indicator] { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=large]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 6) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-lg)); }:scope:where([data-size=large])>.ui-icon { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where([data-size=large])>[data-part=indicator] { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where(:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where(:active:not(:disabled):not([aria-disabled=true])) { transform: translateY(var(--ui-stroke)); }:scope:where([aria-pressed=true]) { background-color: var(--ui-accent-soft); color: var(--ui-accent-text); border-color: var(--ui-accent-border); }:scope:where([aria-expanded=true]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([aria-expanded=true])>[data-part=indicator] { rotate: 180deg; }:scope:where([data-emphasis="solid"][aria-expanded=true]) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"][aria-expanded=true]) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:focus-visible) { outline-color: var(--ui-tone-on-solid); outline-offset: calc(-2 * var(--ui-focus-width)); }:scope:where([data-effect=arrow-fill]) { padding-inline-end: calc(var(--ui-control-box-height) + var(--ui-control-gap)); overflow: var(--ui-button-overflow,hidden); isolation: var(--ui-button-isolation,isolate); --ui-fill-background: var(--ui-tone-fill); --ui-fill-text: var(--ui-tone-on-fill); }:scope:where([data-emphasis="solid"][data-effect=arrow-fill]) { --ui-fill-background: var(--ui-tone-on-solid); --ui-fill-text: var(--ui-tone-solid); }:scope:where([data-effect=arrow-fill]:focus-visible) { outline-color: var(--ui-focus); outline-offset: calc(var(--ui-unit) * (1 / 2)); }:scope:where(:is(:disabled,[aria-disabled=true]):not([data-pending=true])) { --ui-tone-solid: var(--ui-gray-3); --ui-tone-on-solid: var(--ui-gray-9); --ui-tone-soft: var(--ui-gray-3); --ui-tone-text: var(--ui-gray-9); --ui-tone-border: var(--ui-border-subtle); --ui-tone-surface: var(--ui-gray-2); --ui-fill-background: var(--ui-gray-3); --ui-fill-text: var(--ui-gray-9); box-shadow: none; cursor: not-allowed; }:scope:where([data-pending=true]) { cursor: progress; }
}
}
@scope (.wp-audience) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
@media (scripting: enabled) {
:scope:where(:not([data-ready=true])) { position: fixed; inset: 0; --wp-delivery-surface-background: #000; --wp-delivery-surface-foreground: #fff; }}
@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-audience-canvas { visibility: hidden; }}
@media (max-width:40rem) {
@media (scripting: enabled) {
:scope:where(:not([data-ready=true])) { --wp-delivery-surface-background: var(--wp-paper,var(--ui-surface,Canvas)); --wp-delivery-surface-foreground: var(--wp-ink,var(--ui-text,CanvasText)); }}
}
:scope:where([data-ready=true]) { position: fixed; inset: 0; display: grid; place-items: center; --wp-delivery-surface-background: #000; --wp-delivery-surface-foreground: #fff; overflow: hidden; }:scope:where([data-ready=true])>.wp-audience-canvas { width: min(100vw,177.777778dvh); aspect-ratio: 16/9; contain: size; container-type: inline-size; }@media (max-width:40rem) {
:scope:where([data-ready=true]) { display: block; overflow-y: auto; --wp-delivery-surface-background: var(--wp-paper,var(--ui-surface,Canvas)); --wp-delivery-surface-foreground: var(--wp-ink,var(--ui-text,CanvasText)); }}
@media (max-width:40rem) {
:scope:where([data-ready=true])>.wp-audience-canvas { width: 100%; aspect-ratio: auto; contain: none; }}

}
@scope (.wp-audience-overlay) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { position: absolute; inset: 0; z-index: 3; pointer-events: none; }:scope>* { pointer-events: auto; }:scope:where(:is(.wp-audience[data-blank=true]>*)) { visibility: hidden; }:scope:where(:is(.wp-audience[data-blank=true]>*))>* { pointer-events: none; }
}
@scope (.wp-audience-tools) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { position: absolute; inset-inline: calc(var(--ui-unit) * 4); inset-block-end: calc(var(--ui-unit) * 4); z-index: 2; display: flex; align-items: center; justify-content: flex-end; gap: calc(var(--ui-unit) * 3); padding: calc(var(--ui-unit) * 3); background-color: var(--wp-paper,Canvas); color: var(--wp-ink,CanvasText); opacity: 0; pointer-events: none; }@media (max-width:48rem) {
:scope { flex-wrap: wrap; }}
@media (max-width:40rem) {
:scope { position: fixed; }}
@media print {
:scope { display: none; }}
:scope:where(:is(.wp-audience[data-tools=true]>*)) { opacity: 1; pointer-events: auto; }:scope:where(:has(:focus-visible)) { opacity: 1; pointer-events: auto; }
}
@scope (.wp-audience-veil) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { position: absolute; inset: 0; background-color: #000; color: #fff; z-index: 1; }@media (max-width:40rem) {
:scope { position: fixed; }}
:scope:where([hidden]) { display: none; }
}
@scope (.wp-delivery) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { background-color: var(--wp-delivery-surface-background,var(--wp-paper,var(--ui-surface,Canvas))); color: var(--wp-delivery-surface-foreground,var(--wp-ink,var(--ui-text,CanvasText))); font-family: var(--wp-delivery-font,var(--wp-font,inherit)); line-height: 1.5; }
}
@scope (.wp-delivery-notices) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { font-size: calc(var(--ui-unit) * (15 / 4)); padding: calc(var(--ui-unit) * 3) calc(var(--ui-unit) * 4); border: 1px solid var(--wp-border,var(--ui-border,currentColor)); background-color: var(--wp-paper,var(--ui-surface,Canvas)); color: var(--wp-ink,var(--ui-text,CanvasText)); }:scope>p { margin: 0; max-width: 70ch; }:scope>p+p { margin-block-start: calc(var(--ui-unit) * 2); }:scope>p[hidden] { display: none; }:scope:where(:not(:has(p:not([hidden])))) { display: none; }:scope:where(:is(.wp-audience>*)) { position: absolute; inset-block-start: calc(var(--ui-unit) * 4); inset-inline: calc(var(--ui-unit) * 4); z-index: 2; }:scope:where(:is(.wp-audience[data-blank=true]>*)) { display: none; }
}
@scope (.wp-delivery-overview) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope>summary { cursor: pointer; min-height: calc(var(--ui-unit) * 11); align-content: center; }
}
@scope (.wp-overview-card) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { position: relative; display: grid; grid-template-rows: auto 1fr; gap: calc(var(--ui-unit) * 2); }:scope>.wp-overview-thumbnail { display: block; aspect-ratio: 16/9; overflow: hidden; container-type: inline-size; background-color: var(--wp-preview-paper,var(--wp-paper,Canvas)); color: var(--wp-ink,CanvasText); outline: 1px solid var(--wp-border,var(--ui-border,currentColor)); }
}
@scope (.wp-overview-grid) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: calc(var(--ui-unit) * 4); }
}
@scope (.wp-overview-trigger) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { --ui-control-box-height: var(--ui-control-height); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: 0px; position: static; display: grid; align-content: start; text-align: start; gap: calc(var(--ui-unit) * 2); min-width: 0; white-space: normal; overflow-wrap: anywhere; font-family: inherit; font-size: calc(var(--ui-unit) * (7 / 2)); line-height: var(--ui-control-line); border: var(--ui-stroke) solid var(--ui-button-border); background-color: var(--ui-button-surface); color: var(--ui-text); cursor: pointer; }:scope::after { content: ''; position: absolute; inset: 0; }:scope>.wp-overview-title { font-weight: 500; }:scope>.wp-overview-excerpt { font-size: calc(var(--ui-unit) * (7 / 2)); }:scope:where(:focus-visible) { outline: var(--ui-focus-width,2px) solid var(--wp-focus,var(--ui-focus,currentColor)); outline-offset: var(--ui-focus-offset,-2px); }:scope:where(:disabled) { opacity: .5; cursor: not-allowed; }:scope:where(:enabled:hover) { background-color: var(--ui-button-hover); color: var(--ui-text); }
}
@scope (.wp-presenter) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { padding: clamp(calc(var(--ui-unit) * 4),2vw,calc(var(--ui-unit) * 6)); max-width: calc(var(--ui-unit) * 400); margin-inline: auto; }:scope>.wp-delivery-status { margin: .5rem 0 1rem; font-size: calc(var(--ui-unit) * (15 / 4)); }:scope>.wp-delivery-fit:empty { display: none; }:scope>.wp-presenter-help { font-size: calc(var(--ui-unit) * (7 / 2)); max-width: 75ch; }@media print {
:scope { display: none; }}

}
@scope (.wp-presenter-actions) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: flex; gap: calc(var(--ui-unit) * 2); flex-wrap: wrap; margin-block-start: calc(var(--ui-unit) * 4); }:scope:where([hidden]) { display: none; }
}
@scope (.wp-presenter-controls) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--ui-unit) * 3); margin-block: calc(var(--ui-unit) * 4); }:scope>.wp-jump-field { flex: 1; min-width: calc(var(--ui-unit) * 48); max-width: 100%; }@media (max-width:48rem) {
:scope>.wp-jump-label { flex-basis: 100%; }}

}
@scope (.wp-presenter-header) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: flex; align-items: baseline; justify-content: space-between; gap: calc(var(--ui-unit) * 4); }:scope>h1 { font-size: calc(var(--ui-unit) * (11 / 2)); line-height: 1.2; margin: 0; }:scope>a { background-color: transparent; color: inherit; text-underline-offset: .2em; }@media (max-width:48rem) {
:scope { flex-wrap: wrap; }}

}
@scope (.wp-presenter-panel) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { min-width: 0; }:scope>h2 { font-size: calc(var(--ui-unit) * 4); font-weight: 600; margin: 0 0 .5rem; }:scope>p { white-space: pre-wrap; margin: 0; max-width: 65ch; }:scope>p[hidden] { display: none; }:scope:where([data-panel="current"]) { grid-row: span 2; }@media (max-width:48rem) {
:scope:where([data-panel="current"]) { grid-row: auto; }}
@media (max-width:48rem) {
:scope:where([data-panel="next"]) { max-width: calc(var(--ui-unit) * 104); }}

}
@scope (.wp-presenter-timing) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--ui-unit) * 3); margin-block: calc(var(--ui-unit) * 4); }:scope>output { font-size: calc(var(--ui-unit) * 7); font-variant-numeric: tabular-nums; }:scope>output[data-over-budget=true] { text-decoration: underline double; text-underline-offset: .2em; }
}
@scope (.wp-presenter-workspace) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: grid; grid-template-columns: minmax(0,2fr) minmax(16rem,1fr); gap: calc(var(--ui-unit) * 6); }@media (max-width:48rem) {
:scope { grid-template-columns: minmax(0,1fr); }}

}
@scope (.wp-preview) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { aspect-ratio: 16/9; overflow: hidden; position: relative; container-type: inline-size; background-color: var(--wp-preview-paper,var(--wp-paper,Canvas)); color: var(--wp-ink,CanvasText); outline: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope:where([data-preview-kind=current]) { max-width: calc(max(16rem,100dvh - 22rem) * 16 / 9); }@media (max-width:40rem) {
:scope:where([data-preview-kind=current]) { max-width: none; }}
:scope:where([hidden]) { display: none; }
}
@scope (.wp-preview-content) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { display: block; width: var(--wp-canvas-width,1280px); height: var(--wp-canvas-height,720px); container-type: inline-size; container-name: presentation; transform-origin: top left; scale: tan(atan2(100cqi,var(--wp-canvas-width,1280px))); font-size: var(--wp-text-size,1rem); }
}
@scope (.wp-recovery-choice) to (:scope :is(.ui-button,.wp-audience,.wp-audience-overlay,.wp-audience-tools,.wp-audience-veil,.wp-delivery,.wp-delivery-notices,.wp-delivery-overview,.wp-overview-card,.wp-overview-grid,.wp-overview-trigger,.wp-presenter,.wp-presenter-actions,.wp-presenter-controls,.wp-presenter-header,.wp-presenter-panel,.wp-presenter-timing,.wp-presenter-workspace,.wp-preview,.wp-preview-content,.wp-recovery-choice)) {
:scope { padding: calc(var(--ui-unit) * 4); border: 1px solid var(--wp-border,var(--ui-border,currentColor)); margin-block: calc(var(--ui-unit) * 4); }:scope:where([hidden]) { display: none; }
}



@layer lol, ui;
@layer ui {
.ui-field { display: grid; gap: var(--ui-field-gap); min-width: 0; }
.ui-field label { font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-weight: var(--ui-weight-medium); }
.ui-input:focus-visible { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: var(--ui-focus-offset); }
.ui-required { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-regular); color: var(--ui-muted); margin-inline: calc(var(--ui-unit) * 2); }
:where(.ui-field-help,.ui-field-error) { margin: 0; }
.ui-field-help { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); color: var(--ui-muted); }
.ui-field-error { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); color: var(--ui-danger); }
}





@layer lol, ui;
@layer ui {
.wi-copy { display: inline-grid; justify-items: start; gap: var(--ui-space-2); max-width: 100%; }
.wi-copy .wi-copy-button { display: inline-grid; grid-template-columns: calc(var(--ui-unit) * (9 / 2)) auto; gap: var(--ui-space-2); }
.wi-copy [data-part=copy-icon],.wi-copy [data-part=done-icon],.wi-copy [data-part=error-icon] { grid-area: 1/1; transition: opacity var(--ui-duration-quick) var(--ui-ease-standard),transform var(--ui-duration-control) var(--ui-ease); }
.wi-copy [data-part=done-icon],.wi-copy [data-part=error-icon] { opacity: 0; transform: scale(.85); }
.wi-copy[data-state=success] [data-part=copy-icon],.wi-copy[data-state=error] [data-part=copy-icon] { opacity: 0; transform: scale(.85); }
.wi-copy[data-state=success] [data-part=done-icon] { opacity: 1; transform: none; color: var(--ui-accent); }
.wi-copy[data-state=error] [data-part=error-icon] { opacity: 1; transform: none; color: var(--ui-danger); }
.wi-copy [data-part=recovery]:not([hidden]) { display: grid; gap: var(--ui-space-2); }
:where(.wi-copy-help) { margin: 0; }
.wi-copy-help { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); color: var(--ui-danger); max-width: 40ch; }
}

@layer lol, ui;
@layer ui {
:where(.wi-code,.wi-code-heading,.wi-code-pre,.wi-code-notes,.wi-code-empty) { margin: 0; }
.wi-code { display: grid; grid-template-columns: minmax(0,1fr); gap: calc(var(--ui-unit) * (5 / 2)); min-width: 0; container-type: inline-size; }
.wi-code-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-3); color: var(--ui-muted); font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); }
.wi-code-body { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--ui-space-5); align-items: start; }
.wi-code-frame { position: relative; min-width: 0; overflow: hidden; border: var(--ui-stroke) solid var(--ui-border); border-radius: var(--ui-radius-lg); background: var(--ui-surface); }
.wi-code-pre { padding: var(--ui-space-4); max-height: 32rem; overflow: auto; font-family: var(--ui-font-mono); font-size: var(--ui-text-md); line-height: var(--ui-leading-lg); tab-size: 2; direction: ltr; text-align: left; font-variant-ligatures: none; }
.wi-code-source { display: block; font: inherit; white-space: pre; color: var(--ui-text); }
.wi-code[data-wrap=true] .wi-code-source { white-space: pre-wrap; overflow-wrap: anywhere; }
.wi-code[data-lines=true] .wi-code-pre { padding-inline-start: calc(var(--ui-space-4) + var(--wi-code-gutter,4ch)); }
.wi-code-number { position: relative; user-select: none; }
.wi-code-number::before { content: attr(data-line); position: absolute; inset-inline-end: 1.5ch; top: 0; color: var(--ui-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wi-code[data-lines=false] .wi-code-number { display: none; }
.wi-code-token { transition: color var(--ui-duration-control) var(--ui-ease),background-color var(--ui-duration-control) var(--ui-ease); }
.wi-code-token.k,.wi-code-token.kd,.wi-code-token.kn,.wi-code-token.nb { color: var(--ui-accent); }
.wi-code-token.s,.wi-code-token.s1,.wi-code-token.s2,.wi-code-token.si { color: var(--ui-info); }
.wi-code-token.m,.wi-code-token.mi,.wi-code-token.mf { color: var(--ui-warning); }
.wi-code-token.c,.wi-code-token.c1,.wi-code-token.cm { color: var(--ui-muted); }
.wi-code-token[data-mark=true] { background: var(--ui-subtle); text-decoration: underline; text-decoration-color: var(--ui-control-border); text-underline-offset: .22em; }
.wi-code-token[data-active=true] { background: var(--ui-highlight); text-decoration: underline; text-decoration-color: var(--ui-accent-border); text-underline-offset: .22em; }
.wi-code-geometry { position: absolute; inset: 0; overflow: hidden; pointer-events: none; user-select: none; }
.wi-code-range { position: absolute; box-sizing: border-box; border: var(--ui-stroke) solid var(--ui-accent); border-radius: var(--ui-radius-sm); }
.wi-code-motion { position: absolute; inset: 0; overflow: hidden; pointer-events: none; user-select: none; }
.wi-code-motion>span { position: absolute; display: block; white-space: pre; }
.wi-code-notes { list-style: none; padding: 0; display: grid; gap: var(--ui-space-4); }
.wi-code-notes:empty { display: none; }
.wi-code-note p { margin: calc(var(--ui-unit) * (5 / 4)) 0 0; font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); color: var(--ui-muted); }
.wi-code-reference { font: inherit; color: var(--ui-accent); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: var(--ui-stroke); border-radius: var(--ui-radius-sm); }
.wi-code-reference:hover,.wi-code-reference[aria-current=true] { background: var(--ui-accent-soft); }
.wi-code-reference:focus-visible { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: calc(var(--ui-unit) * (3 / 4)); }
.wi-code-note .wi-code-reference { display: inline-block; font-size: var(--ui-text-sm); font-weight: var(--ui-weight-semibold); padding-block: var(--ui-space-1); }
.wi-code-note[data-active=true] p { color: var(--ui-text); }
.wi-code-empty { padding: 0 var(--ui-space-4) var(--ui-space-4); font-size: var(--ui-text-sm); color: var(--ui-muted); }
.wi-code:not([data-empty=true]) .wi-code-empty { display: none; }
@container (min-width:760px) {
  .wi-code[data-callouts=true] .wi-code-body { grid-template-columns: minmax(0,1fr) minmax(12rem,16rem); }
  .wi-code-notes { padding-block-start: calc(var(--ui-unit) * (7 / 2)); }
}
@media(prefers-reduced-motion:reduce) {
  .wi-code-token { transition: none; }
}
@media print {
  .wi-code-body { display: block; }
  .wi-code-pre { max-height: none; overflow: visible; }
  .wi-code-source { white-space: pre-wrap; overflow-wrap: anywhere; }
  .wi-code-frame { overflow: visible; }
  .wi-code-body>.wi-code-notes { margin-block-start: var(--ui-space-3); }
  .wi-code-note { break-inside: avoid; }
  .wi-code-heading .wi-copy,.wi-code-geometry,.wi-code-motion { display: none; }
  .wi-code-token { opacity: 1 !important; transform: none !important; transition: none; }
}
}

@scope (.wp-composition) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope { display: grid; gap: var(--wp-composition-gap,var(--wp-exhibit-gap,clamp(1rem,3cqi,3rem))); align-items: start; grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }:scope>.wp-composition-primary { min-width: 0; }:scope>.wp-composition-secondary { min-width: 0; }:scope>.wp-composition-evidence { grid-column: 1/-1; padding-block-start: calc(var(--ui-unit) * 4); border-block-start: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope:where([data-layout="split"]) { grid-template-columns: var(--wp-composition-columns,var(--wp-split-columns,minmax(0,1fr) minmax(0,1.15fr))); }:scope:where([data-layout="comparison"]) { grid-template-columns: var(--wp-composition-columns,repeat(2,minmax(0,1fr))); }:scope:where([data-layout="exhibit"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }@container presentation (max-width:40rem) {
:scope:where([data-layout="split"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }}
@container presentation (max-width:40rem) {
:scope:where([data-layout="comparison"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }}

}
@scope (.wp-entity) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope { transform-origin: 0 0; }@media print {
:scope { transform: none; }}
@media (prefers-reduced-motion:reduce) {
:scope { transform: none; }}

}
@scope (.wp-sequence) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope>[data-sequence-state][hidden] { display: none; }
}



@scope (.nc-explorer) to (:scope :is(.nc-explorer)) {
:scope { background-color: var(--ui-canvas); color: var(--ui-text); color-scheme: dark; --ui-text-md: clamp(calc(var(--ui-unit) * 4),1.5vw,calc(var(--ui-unit) * 6)); --ui-leading-lg: 1.55; }:scope>button { position: fixed; right: calc(var(--ui-unit) * 4); bottom: calc(var(--ui-unit) * 4); z-index: 10; }:scope>dialog { position: fixed; inset: 2vh 2vw; width: 96vw; height: 96dvh; max-width: none; max-height: none; box-sizing: border-box; margin: 0; padding: calc(var(--ui-unit) * 6); border: 1px solid var(--light-muted); background-color: var(--night); color: var(--light); z-index: 100; overflow: auto; }:scope>dialog>header { display: flex; gap: calc(var(--ui-unit) * 4); align-items: center; justify-content: space-between; margin-bottom: calc(var(--ui-unit) * 4); }:scope>dialog>header>h2 { font-size: calc(var(--ui-unit) * 6); line-height: 1.15; margin: 0; }:scope>dialog>nav { display: flex; flex-wrap: wrap; gap: calc(var(--ui-unit) * 2); align-items: center; margin-bottom: calc(var(--ui-unit) * 4); }:scope>dialog>p { font-size: calc(var(--ui-unit) * 4); line-height: 1.5; max-width: 76ch; }:scope>dialog>.nc-example-workspace { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr); gap: calc(var(--ui-unit) * 6); min-height: 0; }:scope>dialog>.nc-example-workspace>.nc-example-source { min-width: 0; max-height: 66dvh; overflow: auto; }:scope>dialog>.nc-example-workspace>.nc-example-source>.nc-example-source-tools { display: flex; gap: calc(var(--ui-unit) * 2); justify-content: flex-end; margin-bottom: calc(var(--ui-unit) * 2); }:scope>dialog>.nc-example-workspace>.nc-example-query { min-width: 0; display: flex; flex-direction: column; gap: calc(var(--ui-unit) * 3); }:scope>dialog>.nc-example-workspace>.nc-example-source>textarea { width: 100%; height: 60dvh; box-sizing: border-box; font-family: var(--wp-code-font); font-size: calc(var(--ui-unit) * 4); line-height: 1.6; padding: calc(var(--ui-unit) * 3); white-space: pre; tab-size: 2; caret-color: var(--light); background-color: var(--night-panel); color: var(--light); border: 1px solid var(--light-muted); }:scope>dialog>.nc-example-workspace>.nc-example-query>textarea { width: 100%; min-height: calc(var(--ui-unit) * 16); box-sizing: border-box; resize: vertical; font-family: var(--wp-code-font); font-size: calc(var(--ui-unit) * 5); line-height: 1.5; padding: calc(var(--ui-unit) * 3); background-color: var(--night-panel); color: var(--light); caret-color: var(--light); border: 1px solid var(--light-muted); }:scope>dialog>.nc-example-workspace>.nc-example-query>.nc-example-actions { display: flex; flex-wrap: wrap; gap: calc(var(--ui-unit) * 2); }:scope>dialog>.nc-example-workspace>.nc-example-query>pre { font-family: var(--wp-code-font); font-size: calc(var(--ui-unit) * 6); line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; max-height: 30dvh; margin: 0; min-height: calc(var(--ui-unit) * 16); padding: calc(var(--ui-unit) * 3); background-color: var(--ui-surface); color: var(--ui-text); border: 1px solid var(--ui-border); }:scope>dialog>.nc-example-workspace>.nc-example-query>p { font-size: calc(var(--ui-unit) * 4); line-height: 1.4; margin: 0; }:scope>dialog [data-example-control][hidden] { display: none; }@media (max-width: 800px) {
:scope>dialog>.nc-example-workspace { grid-template-columns: minmax(0,1fr); }}
@media print {
:scope { display: none; }}

}


@layer nixcon-brand {@font-face { font-family: "Schibsted Grotesk"; src: url("/static/assets/fonts/SchibstedGrotesk-Variable.ttf") format("truetype"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/static/assets/fonts/IBMPlexSans-Variable.ttf") format("truetype"); font-weight: 100 700; font-display: swap; }
:root { --paper: #e1e4e9; --night: #111a2a; --night-deep: #0b1321; --night-panel: #1c2940; --light: #e5e8ed; --light-muted: #bbc5d5; --work-light: #d6c5a1; --night-rule: #455169; --ink: #172338; --muted: #566276; --rule: #b0b8c4; --link: #29466c; --link-hover: #152f50; --silver: #c1c9d5; --subtle: #d5d9df; --soft: #cdd2da; --control-border: #818da0; --hover: #1723380d; --reader-error: #a12e2a; --color-background: var(--paper); --color-surface: var(--subtle); --color-surface-2: var(--soft); --color-text: var(--ink); --color-heading: var(--ink); --color-muted: var(--muted); --color-accent: var(--link); --color-accent-dim: var(--link-hover); --color-border: var(--rule); --color-code-inline-bg: var(--subtle); --color-code-inline-border: var(--rule); color-scheme: light; --display-font: "Schibsted Grotesk", sans-serif; --body-font: "IBM Plex Sans", sans-serif; --header-height: 104px; --gutter: clamp(24px, 4vw, 72px); --ease: cubic-bezier(0.16, 1, 0.3, 1); color: var(--ink); background: var(--paper); font-family: var(--body-font); font-synthesis: none; font-optical-sizing: auto; scrollbar-color: #758096 var(--paper); scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 24px); }
.ui-root { --ui-canvas: var(--paper); --ui-surface: var(--paper); --ui-subtle: var(--subtle); --ui-text: var(--ink); --ui-muted: var(--muted); --ui-border: var(--control-border); --ui-accent: var(--ink); --ui-accent-soft: var(--soft); --ui-on-accent: var(--paper); --ui-hover: var(--hover); --ui-focus: var(--link); --ui-radius: 2px; font-family: var(--body-font); font-size: 16px; color-scheme: inherit; }
.site-header, .view-switch, .hero, .gallery-footer, .codeblock, .kli-lifecycle, .kli-install-command { --ui-canvas: var(--night); --ui-surface: #172338; --ui-subtle: #293a53; --ui-text: var(--light); --ui-muted: var(--light-muted); --ui-border: #67778f; --ui-accent: var(--light); --ui-accent-soft: #2a3547; --ui-on-accent: var(--night); --ui-hover: #e5e8ed12; --ui-focus: var(--light); --link-hover: #ffffff; color-scheme: dark; }
.ui-root .lol-control { --lol-bg: var(--ui-surface); --lol-text: var(--ui-text); --lol-accent: var(--ui-accent); --lol-border: var(--ui-border); --lol-focus: var(--ui-focus); --lol-selection: var(--ui-accent-soft); --lol-highlight: var(--ui-subtle); }
.ui-root :is(.ui-button, .lol-trigger) { min-height: 44px; padding: 8px 12px; border-radius: var(--ui-radius); font-family: var(--body-font); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: normal; text-decoration: none; transition: background-color 160ms, border-color 160ms, color 160ms; }
.ui-root :is(input, textarea):is(:autofill, :-webkit-autofill) { appearance: none; box-shadow: inset 0 0 0 1000px var(--ui-surface); -webkit-text-fill-color: var(--ui-text); color: var(--ui-text); caret-color: var(--ui-text); filter: none; transition: border-color 160ms; }
.ui-root .ui-button:active { transform: none; }
.ui-root .ui-button[data-variant=solid]:is(:enabled,a[href]:not([aria-disabled=true])):hover { background: color-mix(in srgb,var(--ui-accent) 88%,var(--ui-on-accent)); }
.ui-root .lol-trigger { color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); }
.ui-root .lol-trigger:enabled:hover { background: var(--ui-subtle); }
.ui-root .ui-button[data-variant=text] { text-decoration: none; }
.enquiry-form > .ui-field + .ui-field { margin-top: 28px; }
.enquiry-form .ui-field label { font-size: 16px; }
.enquiry-form .ui-field-help { font-size: 13px; }
.writing-artwork { margin: 0; }
.writing-artwork img { display: block; width: 100%; height: auto; }
.prose .codeblock { margin: 32px 0; min-width: 0; background: #172338; color: var(--light); border: 1px solid #455169; }
.prose .codeblock-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 10px 14px; border-bottom: 1px solid #455169; color: var(--light-muted); font-family: var(--body-font); font-size: 13px; line-height: 1.4; text-align: left; }
.codeblock-lang { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.codeblock-actions { display: flex; align-items: start; gap: 8px; }
.codeblock .ui-button, .codeblock .lol-trigger { min-height: 44px; padding: 8px 12px; font-size: 13px; line-height: 20px; }
.prose .codeblock pre { margin: 0; padding: 24px; text-align: left; }
.codeblock .lol-dialog dialog { width: min(1120px,calc(100vw - 32px)); max-width: min(1120px,calc(100vw - 32px)); border-radius: var(--ui-radius); text-align: left; }
.codeblock dialog [data-part=title] { color: var(--light); font-family: var(--display-font); }
* { box-sizing: border-box; }
body { margin: 0; }
::selection { color: var(--paper); background: var(--ink); }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--display-font); font-weight: 500; letter-spacing: -0.035em; text-wrap: balance; }
h2 { font-size: clamp(42px, 5.4vw, 80px); line-height: 1.08; }
p { font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; text-wrap: pretty; }
a { color: inherit; text-decoration: none; border-radius: var(--ui-radius); transition: background-color 160ms, color 160ms; }
.ui-root a:where(:not(.ui-button,.solid-link)):hover { color: var(--link-hover); text-decoration: none; }
.ui-root :where(.prose,.agent-content) a:where(:not(.ui-button,.solid-link)) { font-weight: 500; color: var(--link); text-decoration: none; }
.ui-root .prose :is(h2,h3,h4,h5,h6) > a { color: inherit; font-weight: inherit; }
button { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
svg.icon { flex: none; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.icon { width: 22px; height: 22px; }
.text-arrow { display: inline-flex; flex: none; }
:is(a,button) > .text-arrow { display: inline-block; line-height: inherit; }
:is(a,button) > .text-arrow > svg.icon { width: 1em; height: 1em; vertical-align: middle; }
:is(a,button) > .text-arrow-outbound > svg.icon { translate: 0 .06em; }
.section-pad { padding-inline: var(--gutter); }
.skip-link { position: fixed; z-index: 100; top: -100px; left: 12px; padding: 16px 24px; color: var(--ink); background: var(--light); }
.skip-link:focus { top: 12px; }
.site-header { view-transition-name: site-header; z-index: 25; display: flex; align-items: center; justify-content: space-between; gap: 32px; color: var(--light); }
.brand { display: inline-flex; align-items: center; gap: 12px; font-family: var(--display-font); font-size: 26px; font-weight: 600; letter-spacing: -.04em; text-decoration: none; line-height: 1; white-space: nowrap; }
.brand-mark { fill: currentColor; stroke: none; }
.main-nav { display: flex; }
.main-nav a { text-decoration: none; white-space: nowrap; }
.view-switch { z-index: 30; right: var(--gutter); display: flex; color: var(--light); }
.view-switch a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; text-decoration: none; }
.site-header { position: fixed; top: 0; left: 0; right: 0; height: var(--header-height); padding: 0 calc(var(--gutter) + 208px) 0 var(--gutter); flex-wrap: nowrap; background: var(--night); border-bottom: 1px solid #e5e8ed24; }
.brand-mark { width: 40px; height: 40px; }
.main-nav { width: auto; margin: 0 0 0 auto; gap: 16px; height: 100%; align-items: center; font-size: 14px; }
.main-nav a { position: relative; display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 2px; color: var(--light-muted); transition: background 160ms, color 160ms; }
.main-nav a:hover, .main-nav a[aria-current] { background: var(--ui-hover); color: var(--ui-text); }
.main-nav a[aria-current] { font-weight: 500; }
.main-nav .nav-contact { gap: 8px; }
.nav-contact svg { width: 18px; height: 18px; }
.view-switch { position: fixed; top: calc((var(--header-height) - 38px) / 2); gap: 2px; padding: 0 0 0 22px; border: 0; border-left: 1px solid var(--night-rule); background: transparent; }
.view-switch a { min-height: 38px; padding-inline: 10px; font-size: 12px; }
.view-switch a:hover, .view-switch a[aria-current="page"] { background: var(--ui-hover); color: var(--ui-text); font-weight: 500; }
.hero { position: relative; isolation: isolate; height: max(720px, 100svh); overflow: clip; background: var(--night); }
.hero-media { position: absolute; z-index: -2; inset: 0; }
.hero-image, .hero-video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 58% center; }
.hero-video { position: absolute; inset: 0; opacity: 0; }
.hero-video.has-frame { opacity: 1; }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, #111a2a55, transparent 36%, #111a2a1a 60%, #111a2aa3); }
.motion-toggle { background: transparent; border: 0; padding: 12px 0; color: inherit; font-size: 12px; cursor: pointer; }
.motion-toggle:hover { background: var(--ui-hover); text-underline-offset: 5px; }
.text-link { white-space: nowrap; }
.work { position: relative; z-index: 2; padding-block: 138px 80px; background: var(--paper); }
.home-page .work { background: var(--paper); padding-top: 45px; }
.work-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 60px; margin-bottom: 72px; }
.work-heading p { font-size: 17px; max-width: 450px; padding-bottom: 5px; }
.work-item { border-top: 1px solid var(--rule); scroll-margin-top: 105px; }
.work-item:last-child { border-bottom: 1px solid var(--rule); }
.work-item summary { list-style: none; display: grid; grid-template-columns: 1.15fr 1fr 28px; align-items: center; gap: 24px; min-height: 122px; padding-block: 22px; cursor: pointer; transition: color 200ms; }
.work-item summary::-webkit-details-marker { display: none; }
.work-name { font-size: clamp(26px, 3vw, 43px); letter-spacing: -0.03em; }
.work-summary { font-size: 14px; color: var(--muted); }
.plus-icon { width: 24px; height: 24px; transition: transform 300ms var(--ease); }
.work-item[open] .plus-icon { transform: rotate(45deg); }
.work-item summary:hover, .work-item[open] summary { color: var(--link-hover); }
.work-detail { margin-left: 52%; max-width: 620px; padding: 0 36px 40px 0; }
.work-detail p { font-size: 17px; }
.work-detail p + p { margin-top: 18px; }
.work-detail strong { font-weight: 550; }
.work-links { display: flex; flex-wrap: wrap; gap: 14px 26px; margin-top: 28px; }
.text-link { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; padding: 12px 8px; margin-inline: -8px; text-decoration: none; }
.text-link .icon { width: 17px; height: 17px; }
figcaption { margin-top: 16px; color: var(--muted); font-size: 12px; }
.contact-link { display: inline-flex; align-items: center; gap: 24px; margin-top: 36px; min-height: 48px; font-size: clamp(21px, 2vw, 29px); text-decoration: none; }
.agent-document { max-width: 900px; margin: 54px auto 120px; padding-inline: 40px; }
.agent-document > header { margin-bottom: 64px; }
.agent-document > header > p { font-size: 16px; margin-top: 20px; color: var(--muted); }
.agent-document h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.1; }
.agent-actions { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; margin-top: 24px; font-size: 14px; }
.agent-actions [role="status"] { font-size: 13px; }
.agent-index { margin-bottom: 60px; padding: 24px 0; border-block: 1px solid var(--rule); display: flex; flex-wrap: wrap; gap: 18px 28px; font-size: 14px; }
.agent-document section { scroll-margin-top: 100px; }
.agent-document section + section { margin-top: 64px; }
.agent-document h2 { font-size: 33px; line-height: 1.15; margin-bottom: 24px; }
.agent-document h3 { font-size: 24px; line-height: 1.2; margin: 38px 0 18px; }
.agent-document p { font-size: 17px; line-height: 1.7; margin-block: 16px; max-width: 72ch; }
.agent-document .agent-index a { text-decoration: none; }
.agent-document article { scroll-margin-top: 100px; }
.agent-project-links { display: flex; gap: 14px 28px; flex-wrap: wrap; font-size: 15px; margin: 24px 0; }
@view-transition { navigation: auto; }
::view-transition-group(site-header) { animation-duration: 0s; }
::view-transition-old(site-header) { display: none; }
::view-transition-new(site-header) { animation: none; mix-blend-mode: normal; }
::view-transition-old(root) { animation: 180ms ease-out both view-out; }
::view-transition-new(root) { animation: 300ms var(--ease) both view-in; }
@keyframes view-out { to { opacity: 0; } }
@keyframes view-in { from { opacity: 0; } }
.inner-page { padding-top: var(--header-height); }
.inner-page h1 { font-size: clamp(54px, 7.1vw, 96px); line-height: 1.02; letter-spacing: -.035em; font-weight: 500; }
.agent-page .agent-document h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.12; }
.page-opening { padding-block: 96px 110px; }
.page-opening > [data-copy] { display: flex; align-items: flex-end; justify-content: space-between; gap: 70px; }
.page-opening p { max-width: 520px; }
.page-lede { max-width: 500px; }
.page-lede p { font-size: 25px; line-height: 1.4; }
.page-lede .solid-link { margin-top: 34px; }
.enquiry-builder { display: grid; grid-template-columns: 1fr 1.1fr; gap: 10%; padding-block: 100px 140px; }
.enquiry-builder > div > p { max-width: 40ch; margin-top: 28px; font-size: 18px; }
.enquiry-builder > div > .text-link { margin-top: 30px; }
.enquiry-form .field-help { margin-top: 11px; font-size: 13px; color: var(--muted); }
.enquiry-form > button { margin-top: 28px; }
@media (max-width: 760px) {
  .enquiry-builder { grid-template-columns: 1fr; gap: 50px; padding-block: 65px 80px; }
}
.solid-link { --ui-focus: var(--link); display: inline-flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 11px 16px; gap: 8px; border: 1px solid transparent; border-radius: var(--ui-radius); background: var(--ink); color: var(--paper); font-size: 14px; text-decoration: none; transition: background 180ms; }
.solid-link:hover { background: color-mix(in srgb,var(--ink) 88%,var(--paper)); }
.solid-link .icon { width: 18px; height: 18px; }
.link-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 30px; margin-top: 24px; }
.sub-footer { padding-block: 42px 28px; border-top: 1px solid var(--rule); display: flex; align-items: center; gap: 48px; flex-wrap: wrap; }
.sub-footer nav { margin-left: auto; display: flex; flex-wrap: wrap; gap: 18px 30px; }
.sub-footer nav a { min-height: 44px; display: flex; align-items: center; font-size: 13px; text-decoration: none; }
.sub-footer > span { width: 100%; font-size: 12px; color: var(--muted); }
.hire-opening { background: var(--paper); }
.hire-opening .page-lede { max-width: 450px; padding-bottom: 3px; }
.guide-section { padding-block: 105px; }
.section-heading { display: flex; gap: 64px; justify-content: space-between; align-items: flex-end; margin-bottom: 70px; }
.section-heading p { max-width: 440px; font-size: 17px; }
.guide-section h2, .engagement-section h2, .enquiry-section h2 { font-size: clamp(38px, 4.5vw, 64px); }
.service-row { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-block: 36px; border-top: 1px solid var(--rule); }
.service-row:last-child { border-bottom: 1px solid var(--rule); }
.service-row h3 { font-size: 32px; }
.service-row p { font-size: 18px; max-width: 62ch; }
.service-row p + p { margin-top: 16px; color: var(--muted); font-size: 16px; }
.engagement-section { padding-block: 104px; background: #c4cad4; }
.engagement-section > [data-copy], .guide-proof > [data-copy], .guide-faq > [data-copy], .enquiry-section > [data-copy] { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.guide-copy { max-width: 650px; }
.guide-copy p + p { margin-top: 25px; }
.guide-note { margin-top: 42px; padding-top: 30px; border-top: 1px solid #8998ad; }
.guide-note h3 { font-size: 26px; margin-bottom: 18px; }
.guide-note p { font-size: 18px; }
.guide-proof { background: var(--silver); padding-block: 140px; }
.faq-list details { border-top: 1px solid var(--rule); }
.faq-list details:last-child { border-bottom: 1px solid var(--rule); }
.faq-list summary { padding-block: 24px; cursor: pointer; line-height: 1.4; font-size: 20px; }
.faq-list p { padding-bottom: 28px; font-size: 17px; }
.enquiry-section { background: #cdd3dd; padding-block: 100px; }
.enquiry-section .solid-link { margin-top: 32px; }
.small-note { font-size: 13px; color: var(--muted); margin-top: 16px; }
.blog-opening { padding-bottom: 82px; }
.featured-post { display: grid; grid-template-columns: 0.95fr 1fr; gap: 8%; padding-bottom: 96px; align-items: center; }
.featured-post time { display: block; color: var(--muted); font-size: 13px; margin-bottom: 24px; }
.featured-post h2 { font-size: clamp(38px, 3.7vw, 57px); line-height: 1.1; }
.featured-post h2 a { text-decoration: none; }
.featured-post p { font-size: 18px; margin-top: 26px; max-width: 54ch; }
.featured-post .text-link { margin-top: 24px; }
.writing-list { padding-block: 72px 110px; border-top: 1px solid var(--rule); }
.writing-list h2 { font-size: 42px; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 26px; margin: 35px 0 45px; }
.filter-bar label { font-size: 14px; }
.filter-bar input { flex: 1; min-width: 180px; max-width: 580px; font-size: 16px; }
.filter-bar [role="status"] { color: var(--muted); font-size: 13px; }
.post-row { display: grid; grid-template-columns: 0.27fr 1fr 26px; gap: 42px; padding-block: 42px; border-top: 1px solid var(--rule); }
.post-row:last-child { border-bottom: 1px solid var(--rule); }
.post-row time { font-size: 13px; padding-top: 9px; color: var(--muted); font-variant-numeric: tabular-nums; }
.post-row h3 { font-size: clamp(26px, 2.7vw, 39px); line-height: 1.15; }
.post-row h3 a { text-decoration: none; }
.post-row p { font-size: 17px; line-height: 1.6; margin-top: 18px; max-width: 70ch; }
.post-topics { display: block; color: var(--muted); font-size: 12px; margin-top: 22px; }
.post-row > .text-arrow { margin-top: 8px; }
.filter-empty { padding-block: 36px; font-size: 18px; }
.article-heading { padding-block: 58px 88px; }
.back-link { display: inline-flex; min-height: 44px; align-items: center; font-size: 14px; margin-bottom: 36px; }
.article-heading section { max-width: 1120px; }
.article-heading h1 { font-size: clamp(50px, 6.4vw, 91px); }
.article-meta { display: flex; flex-wrap: wrap; gap: 30px; font-size: 13px; color: var(--muted); margin-bottom: 23px; }
.article-deck { font-size: 25px; line-height: 1.5; max-width: 800px; margin-top: 32px; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0, 760px); gap: 75px; padding-bottom: 100px; }
.article-toc { align-self: start; position: sticky; top: calc(var(--header-height) + 32px); font-size: 13px; }
.article-toc > .lol-disclosure > .lol-trigger, .doc-sidebar .lol-trigger { padding-block: 10px; font-weight: 500; cursor: pointer; }
.article-toc nav, .doc-sidebar nav, .doc-toc nav { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; }
.article-toc a, .doc-sidebar a, .doc-toc a { text-decoration: none; line-height: 1.5; color: var(--muted); }
.article-toc a:hover, .doc-sidebar a:hover, .doc-toc a:hover { color: var(--link-hover); }
.prose { min-width: 0; }
.prose p, .prose li { font-size: 18px; line-height: 1.75; max-width: 74ch; }
.prose p { margin-block: 24px; }
.prose h2 { font-size: 36px; line-height: 1.2; margin: 66px 0 26px; scroll-margin-top: 12px; }
.prose h3 { font-size: 27px; line-height: 1.25; margin: 42px 0 20px; scroll-margin-top: 12px; }
.prose h2 code { font-size: 0.88em; }
.prose a { color: var(--link-hover); overflow-wrap: anywhere; }
.prose li + li { margin-top: 16px; }
.prose ul { padding-left: 24px; margin-block: 26px; }
.prose hr { border: 0; border-top: 1px solid var(--rule); margin-block: 60px; }
.prose blockquote { margin: 38px 0; padding: 4px 25px; background: var(--subtle); }
.prose blockquote p { font-size: 17px; }
code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.86em; }
p code, li code { background: var(--subtle); padding: 2px 4px; overflow-wrap: anywhere; }
pre { position: relative; overflow-x: auto; white-space: pre; padding: 27px; background: #172338; color: #e5e8ed; border: 0; font-size: 15px; line-height: 1.65; margin: 32px 0; tab-size: 2; scrollbar-color: #75859a #172338; }
pre code { font-size: inherit; }
.article-end { display: flex; flex-wrap: wrap; gap: 20px 40px; border-top: 1px solid var(--rule); margin-top: 62px; padding-top: 25px; }
.docs-opening { padding-bottom: 45px; }
.docs-search .filter-bar { margin-top: 0; margin-bottom: 60px; }
.docs-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; padding-block: 130px; background: var(--silver); }
.docs-feature h2 { font-size: 102px; line-height: 0.95; }
.docs-feature p { margin-top: 29px; font-size: 20px; }
.guide-entry { padding: 4px 0 0; }
.guide-entry h3 { font-size: 35px; }
.guide-entry p { font-size: 18px; margin-top: 18px; }
.guide-entry .solid-link { margin-top: 27px; }
.guide-entry .link-row { margin-top: 16px; }
.library-list { padding-block: 95px; }
.library-list h2 { font-size: 48px; margin-bottom: 52px; }
.library-row { display: grid; grid-template-columns: 0.8fr 1fr 24px; gap: 40px; padding-block: 35px; border-top: 1px solid var(--rule); }
.library-row:last-child { border-bottom: 1px solid var(--rule); }
.library-row h3 { font-size: 37px; }
.library-row h3 a { text-decoration: none; }
.library-row p { font-size: 18px; }
.library-row span:not(.text-arrow) { display: block; font-size: 13px; color: var(--muted); margin-top: 20px; }
.library-row > .text-arrow { margin-top: 10px; }
.docs-agent { padding-block: 86px; background: var(--silver); }
.docs-agent > [data-copy] { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.docs-agent h2 { font-size: 53px; }
.docs-agent p { font-size: 20px; max-width: 60ch; }
.docs-breadcrumb { display: flex; flex-wrap: wrap; gap: 14px; padding-block: 28px; font-size: 13px; border-bottom: 1px solid var(--rule); }
.docs-breadcrumb a { text-decoration: none; }
.docs-breadcrumb > span { color: var(--muted); }
.doc-layout { display: grid; grid-template-columns: 190px minmax(0, 720px) 165px; gap: 45px; padding-block: 58px 100px; }
.doc-sidebar, .doc-toc { position: sticky; top: calc(var(--header-height) + 32px); align-self: start; font-size: 13px; }
.doc-sidebar nav a[aria-current] { color: var(--ink); background: var(--ui-accent-soft); border-radius: 2px; font-weight: 500; }
.doc-sidebar nav a { text-decoration: none; padding-inline: 8px; }
.article-toc .toc-list, .doc-toc .toc-list, .toc-sublist { list-style: none; margin: 0; padding: 0; }
.toc-sublist { padding-left: 16px; }
.toc-list li + li, .toc-sublist li + li { margin-top: 3px; }
.article-toc .toc-link, .doc-toc .toc-link { display: block; padding: 7px 10px; border-radius: 2px; font-size: 13px; line-height: 1.45; color: var(--muted); text-decoration: none; transition: background 160ms, color 160ms; }
.article-toc .toc-link:hover, .doc-toc .toc-link:hover { color: var(--link-hover); text-decoration: none; }
.article-toc .toc-link[aria-current=location], .doc-toc .toc-link[aria-current=location] { background: var(--ui-accent-soft); color: var(--ink); font-weight: 550; }
.prose :is(h2,h3,h4,h5,h6) > a { text-decoration: none; }
.doc-toc nav { gap: 18px; margin-top: 0; }
.doc-toc nav > span { color: var(--ink); font-weight: 500; }
.doc-body h1 { font-size: 58px; }
.doc-summary { font-size: 22px !important; line-height: 1.55 !important; margin-top: 28px !important; color: var(--muted); }
.doc-body p, .doc-body li { font-size: 17px; }
.doc-body h2 { font-size: 31px; }
.kli-opening { background: var(--paper); padding-block: 84px 90px; }
.kli-opening > [data-copy] { display: grid; grid-template-columns: 1.3fr 0.8fr; gap: 80px; align-items: flex-end; }
.kli-title { display: flex; align-items: flex-end; gap: 58px; }
.kli-title h1 { font-size: clamp(150px, 18vw, 250px); line-height: 0.75; }
.kli-title > p { font-size: clamp(27px, 3vw, 43px); line-height: 1.08; letter-spacing: -0.03em; }
.kli-lede > p { font-size: 19px; max-width: 420px; }
.kli-lede .link-row { gap: 20px; }
.kli-features { padding-block: 110px; }
.kli-features .section-heading h2 { font-size: 64px; }
.feature-controls { display: flex; gap: 34px; border-bottom: 1px solid var(--rule); margin-top: 65px; }
.feature-controls button { min-height: 44px; padding: 8px 12px; border: 0; border-radius: var(--ui-radius); background: transparent; color: var(--muted); font-size: 14px; cursor: pointer; }
.feature-controls button[aria-selected="true"] { color: var(--ink); background: var(--ui-accent-soft); }
.feature-panels article { padding-top: 40px; min-height: 256px; max-width: 740px; }
.feature-panels h3 { font-size: 33px; margin-bottom: 22px; }
.feature-panels p { font-size: 20px; }
.feature-panels .text-link { margin-top: 18px; }
.kli-start { padding-block: 100px; background: var(--paper); }
.kli-start > [data-copy] { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 70px; }
.kli-start h2 { font-size: 58px; }
.kli-install { min-width: 0; }
.kli-install > p { font-size: 18px; }
.kli-install pre { margin-block: 26px; }
.kli-install .permission-note { font-size: 15px; line-height: 1.6; max-width: 65ch; }
@media (max-width: 1150px) {
  .doc-layout { grid-template-columns: 175px minmax(0, 1fr); gap: 45px; }
  .doc-toc { display: none; }
  .doc-sidebar, .article-toc { top: calc(var(--header-height) + 32px); }
  .article-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 45px; }
  .prose h2, .prose h3 { scroll-margin-top: 12px; }
  .kli-opening > [data-copy] { grid-template-columns: 1fr; gap: 45px; }
  .kli-lede { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
  .kli-lede .link-row { margin-top: 0; flex-wrap: nowrap; }
  .sub-footer nav { margin-left: 0; }
}
@media (max-width: 760px) {
  .page-opening > [data-copy] { display: block; }
  .page-opening p, .page-opening .page-lede { margin-top: 30px; }
  .page-opening .page-lede p { margin-top: 0; }
  .engagement-section > [data-copy], .guide-proof > [data-copy], .guide-faq > [data-copy], .enquiry-section > [data-copy], .docs-agent > [data-copy], .kli-start > [data-copy] { grid-template-columns: 1fr; gap: 35px; }
  .article-layout { grid-template-columns: 1fr; gap: 36px; }
  .article-toc { position: relative; top: 0; border-block: 1px solid var(--rule); padding-block: 13px; }
  .article-toc nav { padding-bottom: 14px; }
}
@media (max-width: 700px) {
  .inner-page h1 { font-size: clamp(40px, 10.5vw, 54px); overflow-wrap: anywhere; }
  .page-opening { padding-block: 61px 65px; }
  .page-opening > [data-copy] { display: block; }
  .page-opening p { margin-top: 25px; }
  .page-lede p { font-size: 21px; }
  .page-lede .solid-link { margin-top: 25px; }
  .solid-link { font-size: 13px; padding-inline: 17px; }
  .section-heading { flex-direction: column; align-items: flex-start; gap: 25px; margin-bottom: 43px; }
  .guide-section { padding-block: 67px; }
  .guide-section h2, .engagement-section h2, .enquiry-section h2 { font-size: 39px; }
  .service-row { grid-template-columns: 1fr; gap: 22px; padding-block: 30px; }
  .service-row h3 { font-size: 28px; }
  .service-row p { font-size: 17px; }
  .engagement-section, .enquiry-section { padding-block: 66px; }
  .guide-copy p { font-size: 18px; }
  .guide-note h3 { font-size: 24px; }
  .faq-list summary { font-size: 19px; }
  .featured-post { grid-template-columns: 1fr; gap: 35px; padding-bottom: 66px; }
  .featured-post h2 { font-size: 37px; }
  .featured-post time { margin-bottom: 18px; }
  .featured-post p { font-size: 17px; margin-top: 20px; }
  .writing-list { padding-block: 55px 72px; }
  .writing-list h2 { font-size: 36px; }
  .filter-bar { align-items: flex-start; gap: 12px; margin-block: 28px; }
  .filter-bar label { width: 100%; }
  .filter-bar input { flex: auto; width: 100%; }
  .filter-bar [role="status"] { width: 100%; }
  .post-row { grid-template-columns: 1fr 20px; gap: 17px; padding-block: 30px; }
  .post-row time { grid-column: 1 / 3; font-size: 12px; padding-top: 0; }
  .post-row h3 { font-size: 28px; }
  .post-row p { font-size: 16px; }
  .post-row > .text-arrow { width: 19px; }
  .article-heading { padding-block: 30px 50px; }
  .back-link { margin-bottom: 25px; }
  .article-heading h1 { font-size: 43px; }
  .article-meta { font-size: 12px; gap: 22px; }
  .article-deck { font-size: 20px; margin-top: 25px; }
  .article-layout { padding-bottom: 65px; }
  .prose p, .prose li { font-size: 17px; line-height: 1.7; }
  .prose h2 { font-size: 29px; margin-top: 50px; }
  .prose h3 { font-size: 24px; }
  .prose blockquote { margin-block: 28px; padding-inline: 19px; }
  pre { font-size: 13px; padding: 22px 18px; margin-block: 28px; }
  .docs-opening h1 { font-size: clamp(32px, 8.8vw, 48px); }
  .docs-opening { padding-bottom: 25px; }
  .docs-search .filter-bar { margin-bottom: 37px; }
  .docs-feature { grid-template-columns: 1fr; gap: 40px; padding-block: 55px; }
  .docs-feature h2 { font-size: 84px; }
  .docs-feature p { font-size: 18px; margin-top: 25px; }
  .guide-entry h3 { font-size: 29px; }
  .guide-entry p { margin-top: 18px; }
  .library-list { padding-block: 62px; }
  .library-list h2 { font-size: 37px; margin-bottom: 36px; }
  .library-row { grid-template-columns: 1fr 22px; gap: 20px; padding-block: 31px; }
  .library-row h3 { font-size: 32px; }
  .library-row > div { grid-column: 1 / 3; grid-row: 2; }
  .library-row > .text-arrow { grid-column: 2; grid-row: 1; }
  .library-row p { font-size: 17px; }
  .docs-agent { padding-block: 62px; }
  .docs-agent h2 { font-size: 40px; }
  .docs-agent p { font-size: 18px; }
  .doc-layout { grid-template-columns: 1fr; gap: 33px; padding-block: 25px 66px; }
  .doc-sidebar { position: relative; top: 0; padding-bottom: 19px; border-bottom: 1px solid var(--rule); }
  .doc-sidebar nav { gap: 16px; padding-bottom: 12px; }
  .doc-navigation > .lol-disclosure > .lol-trigger { min-height: 36px; }
  .doc-body h1 { font-size: 44px; }
  .doc-summary { font-size: 21px !important; }
  .docs-breadcrumb { font-size: 12px; gap: 10px; padding-block: 21px; }
  .kli-opening { padding-block: 66px; }
  .kli-title { gap: 30px; }
  .kli-title h1 { font-size: 136px; }
  .kli-title > p { font-size: 27px; }
  .kli-lede { display: block; }
  .kli-lede > p { font-size: 18px; }
  .kli-lede .link-row { margin-top: 24px; }
  .kli-features { padding-block: 75px; }
  .kli-features .section-heading h2 { font-size: 42px; }
  .feature-controls { gap: 24px; margin-top: 36px; }
  .feature-controls button { font-size: 14px; }
  .feature-panels article { padding-top: 32px; }
  .feature-panels h3 { font-size: 28px; }
  .feature-panels p { font-size: 18px; }
  .kli-start { padding-block: 65px; }
  .kli-start h2 { font-size: 42px; }
  .sub-footer { padding-block: 34px; gap: 25px; }
  .sub-footer nav { gap: 5px 21px; }
  .sub-footer nav a { font-size: 12px; }
}
.ui-root :is(.article-toc,.doc-toc,.doc-navigation) > .lol-disclosure > .lol-trigger { background: transparent; border: 0; padding-inline: 0; justify-content: space-between; width: 100%; text-align: left; border-radius: 0; color: var(--muted); }
.ui-root .lol-control { --lol-accent: var(--ui-accent); --lol-bg: var(--ui-surface); --lol-text: var(--ui-text); --lol-border: var(--ui-border); --lol-focus: var(--ui-focus); --lol-highlight: var(--ui-hover); }
.ui-root :is(.article-toc,.doc-toc,.doc-navigation) .lol-disclosure { border: 0; min-width: 0; }
.ui-root :is(.article-toc,.doc-toc,.doc-navigation) .lol-disclosure > [data-part=panel] > [data-part=content] { padding: 0; min-width: 0; }
.ui-root :is(.article-toc,.doc-toc,.doc-navigation) .lol-trigger::after { flex-shrink: 0; margin-inline: 12px 4px; }
.ui-root :is(.article-toc,.doc-toc) { min-width: 0; overflow-x: hidden; }
.desktop-navigation { margin-left: auto; }
.site-navigation { display: none; }
.theme-picker { position: fixed; right: var(--gutter); top: calc((var(--header-height) - 44px) / 2); z-index: 82; }
.ui-root .theme-picker .lol-trigger { width: 44px; height: 44px; padding: 0; color: var(--light); background: transparent; border-color: transparent; }
.ui-root .theme-picker .lol-menu { min-width: 164px; padding: 6px; background: var(--night); color: var(--light); border: 1px solid var(--night-rule); border-radius: 2px; box-shadow: 0 8px 24px #0003; }
.ui-root .theme-picker [role=menuitemradio] { min-height: 44px; padding: 10px 12px; font-size: 14px; border-radius: 2px; color: var(--light); }
.ui-root .theme-picker [role=menuitemradio][aria-checked=true] { background: var(--night-rule); font-weight: 600; }
.ui-root .theme-picker [role=menuitemradio]:focus { outline: 2px solid var(--link-hover); outline-offset: -2px; }
.reader-page .site-header { padding-right: calc(var(--gutter) + 252px); }
.view-switch { top: calc((var(--header-height) - 44px) / 2); }
.reader-page .view-switch { right: calc(var(--gutter) + 56px); }
.view-switch a { min-height: 44px; font-size: 14px; }
@media (max-width: 1150px) and (min-width: 961px) {
  .site-header { gap: 12px; }
  .main-nav { gap: 2px; }
  .main-nav a { padding-inline: 8px; }
  .brand { font-size: 22px; gap: 8px; }
  .brand-mark { width: 36px; height: 36px; }
}
@media (max-width: 960px) {
  :root { --header-height: 72px; }
  .site-header, .reader-page .site-header { height: var(--header-height); padding: 0 var(--gutter); display: flex; gap: 12px; }
  .brand { font-size: 22px; gap: 8px; }
  .brand-mark { width: 36px; height: 36px; }
  .desktop-navigation { display: none; }
  .site-navigation { display: block; margin-left: auto; }
  .site-navigation > div > .ui-button { width: 44px; height: 44px; padding: 8px; }
  .theme-picker { right: calc(var(--gutter) + 56px); }
  .ui-root .site-navigation .wi-popover-panel { width: min(360px, calc(100vw - 24px)); max-height: calc(100svh - 92px); padding: 16px; background: var(--night); color: var(--light); border: 1px solid var(--night-rule); border-radius: 2px; }
  .site-navigation .wi-popover-header { margin-bottom: 8px; }
  .site-navigation .wi-popover-header h3 { color: var(--light-muted); font-size: 12px; }
  .site-navigation .main-nav { flex-direction: column; align-items: stretch; gap: 4px; height: auto; margin: 0; }
  .site-navigation .main-nav a { font-size: 16px; min-height: 48px; padding: 10px 12px; }
  .site-navigation .view-switch { position: static; margin-top: 16px; padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--night-rule); view-transition-name: none; }
}
.inner-page h1 { max-width: 15ch; }
.not-found { min-height: min(720px,80svh); padding-block: clamp(64px,10vw,144px); }
.not-found h1 { font-size: clamp(42px,6vw,88px); line-height: 1.05; margin-block: 24px; }
.not-found-copy { max-width: 42ch; color: var(--muted); }
.not-found .link-row { margin-top: 32px; }
.not-found-search { margin-top: 48px; max-width: 520px; }
.not-found-search label { display: block; font-size: 14px; margin-bottom: 12px; }
.not-found-search > div { display: flex; gap: 8px; }
.not-found-search input { min-width: 0; flex: 1; }
.guide-proof, .kli-generation { --muted: var(--night-rule); }
.page-opening > [data-copy] { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 10%; }
.page-opening p { font-size: 20px; line-height: 1.55; max-width: 33ch; }
.hire-opening h1 { max-width: 7ch; }
.blog-opening { padding-bottom: 80px; }
.blog-opening h1 { font-size: 96px; }
.featured-post { grid-template-columns: 1.1fr 1fr; align-items: start; gap: 10%; padding-block: 96px 150px; background: var(--silver); }
.featured-post > div[data-copy] { grid-column: 2; grid-row: 1; }
.featured-post h2 { font-size: clamp(33px, 3.5vw, 50px); }
.writing-list { border-top: 0; padding-top: 36px; }
.post-row h3 { max-width: 30ch; }
.article-heading { padding-block: 52px 90px; }
.article-heading h1 { max-width: 19ch; font-size: clamp(46px, 6vw, 86px); }
.article-heading .article-deck { max-width: 60ch; font-size: 22px; }
.article-layout { grid-template-columns: 220px minmax(0, 740px); column-gap: clamp(48px, 8vw, 140px); }
.article-meta { font-size: 14px; }
.table-scroll { overflow-x: auto; margin-block: 36px; }
table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; font-variant-numeric: tabular-nums; }
th, td { padding: 16px 18px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; }
th { font-weight: 500; border-top: 1px solid var(--rule); }
.table-scroll table { min-width: 500px; }
.docs-opening > [data-copy] { grid-template-columns: 1.4fr .6fr; gap: 7%; }
.docs-opening h1 { font-size: clamp(45px, 6vw, 86px); }
.docs-search .filter-bar { margin-bottom: 12px; }
.docs-feature { padding-block: 135px; }
.docs-agent { padding-top: 130px; padding-bottom: 130px; }
.doc-layout { grid-template-columns: 175px minmax(0, 740px) 155px; gap: clamp(28px, 3.8vw, 60px); }
.doc-body h1 { font-size: 64px; }
.doc-body .doc-summary { color: var(--muted); }
.kli-opening { padding-block: 92px 124px; }
.kli-opening > [data-copy] { grid-template-columns: 1.2fr .8fr; gap: 10%; }
.kli-title { align-items: start; flex-direction: column; gap: 42px; }
.kli-title h1 { font-size: clamp(160px, 17vw, 245px); line-height: .85; }
.kli-title > p { max-width: 15ch; font-size: clamp(32px, 3.4vw, 48px); font-family: var(--display-font); line-height: 1.14; }
.kli-lede { display: block; }
.kli-lede .link-row { flex-wrap: wrap; margin-top: 28px; }
.kli-generation { padding-block: 150px; background: var(--silver); }
.generation-intro { display: grid; grid-template-columns: 1.2fr .8fr; align-items: start; gap: 10%; }
.generation-intro h2 { font-size: clamp(42px, 5vw, 72px); }
.generation-intro > p { font-size: 20px; max-width: 32ch; }
.generation-figure { margin: 90px 0 0; }
.generation-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7%; list-style: none; padding: 0; margin: 0; }
.generation-flow li { position: relative; min-width: 0; padding-top: 26px; border-top: 1px solid var(--ink); }
.generation-flow li:not(:last-child)::after { content: ""; position: absolute; right: -4%; top: -5px; width: 9px; height: 9px; border-top: 1px solid var(--ink); border-right: 1px solid var(--ink); transform: rotate(45deg); }
.generation-flow span { display: block; font-family: var(--display-font); font-size: clamp(38px, 4.5vw, 64px); letter-spacing: -.035em; }
.generation-flow p { font-size: 16px; max-width: 23ch; margin-top: 20px; }
.generation-state { display: flex; justify-content: space-between; gap: 30px; border-block: 1px solid var(--muted); padding-block: 20px; margin-top: 64px; font-size: 15px; }
.generation-figure figcaption p { font-size: 14px; max-width: 65ch; }
.kli-features { padding-top: 60px; }
.kli-features .section-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10%; }
.kli-features .section-heading p { font-size: 20px; }
.kli-start { padding-bottom: 130px; }
.gallery-footer { position: relative; isolation: isolate; overflow: clip; min-height: 770px; padding-top: 140px; padding-bottom: 24px; display: flex; flex-direction: column; justify-content: space-between; color: var(--light); background: var(--night); }
.gallery-footer-media { position: absolute; z-index: 0; pointer-events: none; inset: 0; }
.gallery-footer-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 60% center; }
.gallery-footer::before { content: ""; position: absolute; z-index: 1; pointer-events: none; inset: 0; background: linear-gradient(var(--night), #111a2a20 40%, #111a2a70 65%, #111a2ae6); }
.gallery-footer > :not(.gallery-footer-media) { position: relative; z-index: 2; }
.gallery-contact { display: grid; grid-template-columns: 1.15fr .85fr; align-items: start; gap: 10%; }
.gallery-contact h2 { font-size: clamp(50px, 6vw, 86px); line-height: 1; }
.gallery-contact p { font-size: 18px; }
.gallery-contact .contact-link { margin-top: 16px; font-size: clamp(20px, 2.1vw, 30px); }
.gallery-wordmark { display: flex; align-items: center; gap: 3vw; margin-top: 170px; width: fit-content; font-family: var(--display-font); font-size: clamp(54px, 12.5vw, 190px); font-weight: 600; letter-spacing: -.04em; line-height: 1; text-decoration: none; }
.gallery-wordmark .brand-mark { width: .8em; height: .8em; }
.gallery-footer-links { display: flex; align-items: center; gap: 34px; flex-wrap: wrap; padding-top: 22px; margin-top: 46px; border-top: 1px solid #bbc5d570; font-size: 13px; }
.gallery-footer-links > span { margin-right: auto; }
.gallery-footer-links a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; text-decoration: none; }
.gallery-footer-links .icon { width: 16px; height: 16px; }
.agent-page .gallery-footer { min-height: 600px; padding-top: 96px; }
.agent-document { margin-top: 70px; }
.agent-document .agent-index { line-height: 1.5; }
.agent-document section { scroll-margin-top: 12px; }
.agent-document h1 { max-width: none; }
.agent-document section + section { margin-top: 76px; }
.agent-document table { display: block; overflow-x: auto; }
@media (max-width: 1150px) {
  .doc-layout { grid-template-columns: 160px minmax(0, 1fr); gap: 40px; }
  .article-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 40px; }
  .page-opening > [data-copy] { gap: 7%; }
  .docs-opening > [data-copy] { grid-template-columns: 1fr; gap: 32px; }
  .featured-post { gap: 7%; }
}
@media (max-width: 760px) {
  .page-opening > [data-copy], .docs-opening > [data-copy] { grid-template-columns: 1fr; gap: 26px; }
  .page-opening p, .page-opening .page-lede { margin: 0; }
  .page-opening h1 { max-width: none; }
  .hire-opening h1 { max-width: 7ch; }
  .blog-opening h1 { font-size: 64px; }
  .featured-post { display: flex; flex-direction: column; gap: 60px; padding-block: 100px 110px; }
  .featured-post > div[data-copy] { order: -1; }
  .featured-post h2 { font-size: clamp(29px, 8.5vw, 39px); }
  .article-heading { padding-block: 30px 52px; }
  .article-heading h1 { font-size: clamp(32px, 8.7vw, 52px); }
  .article-heading .article-deck { font-size: 19px; }
  .article-layout, .doc-layout { grid-template-columns: 1fr; gap: 32px; }
  .article-toc, .doc-sidebar { position: relative; top: 0; }
  .doc-body h1 { font-size: 46px; }
  .docs-opening h1 { font-size: clamp(30px, 8.5vw, 54px); }
  .docs-feature { padding-block: 100px 110px; }
  .docs-agent { padding-block: 100px 85px; }
  .guide-proof { padding-block: 110px; }
  .guide-proof > [data-copy] { gap: 32px; }
  .enquiry-builder > div > p { font-size: 17px; }
  .enquiry-form label { font-size: 17px; }
  .enquiry-form label span { display: inline-block; margin-left: 8px; }
  .kli-opening { padding-block: 72px 85px; }
  .kli-opening > [data-copy] { grid-template-columns: 1fr; gap: 44px; }
  .kli-title { gap: 34px; }
  .kli-title h1 { font-size: 144px; }
  .kli-title > p { font-size: 35px; }
  .kli-generation { padding-block: 115px; }
  .generation-intro { grid-template-columns: 1fr; gap: 30px; }
  .generation-intro > p { font-size: 18px; }
  .generation-figure { margin-top: 50px; }
  .generation-flow { grid-template-columns: 1fr; gap: 0; }
  .generation-flow li { padding-block: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; }
  .generation-flow li:not(:last-child)::after { display: none; }
  .generation-flow span { font-size: 38px; }
  .generation-flow p { margin: 0; font-size: 15px; }
  .generation-state { display: block; margin-top: 12px; font-size: 14px; line-height: 1.6; }
  .generation-state span { display: block; }
  .generation-state span + span { margin-top: 8px; }
  .kli-features .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .kli-features .section-heading p { font-size: 18px; }
  .feature-controls { gap: 22px; }
  .feature-controls button { font-size: 14px; }
  .kli-start { padding-bottom: 88px; }
  .gallery-footer, .agent-page .gallery-footer { min-height: 720px; padding-top: 100px; }
  .gallery-contact { grid-template-columns: 1fr; gap: 30px; }
  .gallery-contact h2 { font-size: 54px; }
  .gallery-contact p { font-size: 17px; }
  .gallery-contact .contact-link { font-size: 22px; gap: 14px; margin-top: 8px; }
  .gallery-footer-media img { object-position: 69% center; }
  .gallery-wordmark { margin-top: 165px; font-size: 12vw; gap: 2vw; }
  .gallery-footer-links { gap: 3px 24px; margin-top: 35px; padding-top: 18px; }
  .gallery-footer-links > span { flex-basis: 100%; margin-bottom: 8px; }
  .agent-document { margin-block: 45px 80px; padding-inline: var(--gutter); }
  .agent-document p { font-size: 16px; }
  .agent-document h2 { font-size: 28px; }
  .agent-document h3 { font-size: 23px; }
}
:root[data-reader-theme=dark], :root:not([data-reader-theme]):has(body.reader-preference-dark) { --paper: #111a2a; --ink: #e5e8ed; --muted: #bbc5d5; --rule: #455169; --link: #acc9ec; --link-hover: #ffffff; --silver: #1c2940; --subtle: #253247; --soft: #2a3547; --control-border: #67778f; --hover: #e5e8ed12; --reader-error: #f29b95; color-scheme: dark; }
@media (prefers-color-scheme: dark) {
  :root:has(body.reader-page):not([data-reader-theme]):not(:has(body.reader-preference-light)) { --paper: #111a2a; --ink: #e5e8ed; --muted: #bbc5d5; --rule: #455169; --link: #acc9ec; --link-hover: #ffffff; --silver: #1c2940; --subtle: #253247; --soft: #2a3547; --control-border: #67778f; --hover: #e5e8ed12; --reader-error: #f29b95; color-scheme: dark; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after, *::details-content { animation: none !important; transition: none !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}
}@layer lol, ui;
@layer ui {
.ui-root { --ui-gray-1: light-dark(#fcfdfe,#0f1011); --ui-gray-2: light-dark(#f7f8f9,#171819); --ui-gray-3: light-dark(#eff0f2,#202123); --ui-gray-4: light-dark(#e7e9eb,#27282a); --ui-gray-5: light-dark(#e0e2e4,#2e3032); --ui-gray-6: light-dark(#d8dadd,#37383b); --ui-gray-7: light-dark(#cdcfd2,#444649); --ui-gray-8: light-dark(#b7b9bd,#585a5e); --ui-gray-9: light-dark(#898c91,#686b70); --ui-gray-10: light-dark(#94979c,#5e6166); --ui-gray-11: light-dark(#585b5f,#b3b5b8); --ui-gray-12: light-dark(#1c1e21,#ecedee); --ui-canvas: light-dark(#f7f8f9,#0f1011); --ui-surface: light-dark(#ffffff,#171819); --ui-surface-raised: light-dark(#ffffff,#202123); --ui-subtle: var(--ui-gray-3); --ui-subtle-hover: var(--ui-gray-4); --ui-subtle-active: var(--ui-gray-5); --ui-text: var(--ui-gray-12); --ui-muted: var(--ui-gray-11); --ui-faint: var(--ui-gray-9); --ui-placeholder: light-dark(#6f7277,#7e8186); --ui-border-subtle: var(--ui-gray-5); --ui-border: var(--ui-gray-6); --ui-border-strong: var(--ui-gray-7); --ui-control-border: light-dark(#8e9094,#636569); --ui-menu-item-hover: var(--ui-gray-3); --ui-button-surface: var(--ui-surface-raised); --ui-button-border: var(--ui-gray-7); --ui-button-hover: var(--ui-gray-3); --ui-button-active: var(--ui-gray-4); --ui-button-quiet-surface: transparent; --ui-inset-shade: light-dark(#1c1e210a,#0000003d); --ui-overlay: light-dark(#1c1e2152,#0000009e); --ui-shadow-1: 0 1px 2px light-dark(#1c1e210f,#00000066); --ui-shadow-2: 0 1px 2px light-dark(#1c1e210d,#0000005c),0 2px 8px light-dark(#1c1e210f,#0000004c); --ui-shadow-3: 0 2px 6px light-dark(#1c1e210f,#00000066),0 12px 28px light-dark(#1c1e211a,#0000007a); --ui-shadow-4: 0 4px 12px light-dark(#1c1e2114,#00000070),0 24px 56px light-dark(#1c1e2129,#00000099); --ui-radius-factor: 1; --ui-font-sans: "Inter Variable","Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif; --ui-font-mono: "JetBrains Mono Variable","JetBrains Mono",ui-monospace,"SF Mono","Cascadia Code",Menlo,monospace; --ui-font-display: var(--ui-font-sans); --color-surface: var(--ui-surface); --color-text: var(--ui-text); --color-border: var(--ui-border); --color-error: var(--ui-danger); --ui-danger-1: light-dark(#fffcfc,#190e0d); --ui-danger-2: light-dark(#fff7f6,#241413); --ui-danger-3: light-dark(#ffecea,#3a1917); --ui-danger-4: light-dark(#ffe1de,#4c1d1b); --ui-danger-5: light-dark(#ffd4d0,#5c2220); --ui-danger-6: light-dark(#ffc3bd,#6e2927); --ui-danger-7: light-dark(#ffa9a2,#873431); --ui-danger-8: light-dark(#ff7e77,#ad413e); --ui-danger-9: #c52b30; --ui-danger-10: #b91b25; --ui-danger-11: light-dark(#b33636,#ffa098); --ui-danger-12: light-dark(#511817,#ffe2df); --ui-danger: var(--ui-danger-11); --ui-danger-solid: var(--ui-danger-9); --ui-on-danger: #ffffff; --ui-danger-soft: var(--ui-danger-3); --ui-danger-border: var(--ui-danger-7); --ui-success-1: light-dark(#fafefb,#0d130e); --ui-success-2: light-dark(#f3fbf5,#131b15); --ui-success-3: light-dark(#e4f7e8,#162a1c); --ui-success-4: light-dark(#d6f2dc,#193521); --ui-success-5: light-dark(#c6ebce,#1e4028); --ui-success-6: light-dark(#b4e2bf,#244d31); --ui-success-7: light-dark(#9bd4a9,#2e5f3d); --ui-success-8: light-dark(#72bf88,#397a4e); --ui-success-9: #198044; --ui-success-10: #00763a; --ui-success-11: light-dark(#2a7846,#8dd09f); --ui-success-12: light-dark(#13361f,#d7f2dd); --ui-success: var(--ui-success-11); --ui-success-solid: var(--ui-success-9); --ui-on-success: #ffffff; --ui-success-soft: var(--ui-success-3); --ui-success-border: var(--ui-success-7); --ui-warning-1: light-dark(#fffcf9,#151009); --ui-warning-2: light-dark(#fff8ee,#1f170d); --ui-warning-3: light-dark(#ffeed9,#312108); --ui-warning-4: light-dark(#fee5c4,#3f2902); --ui-warning-5: light-dark(#fbdaaf,#4d3100); --ui-warning-6: light-dark(#f5cd97,#5c3b00); --ui-warning-7: light-dark(#ebba76,#714a00); --ui-warning-8: light-dark(#dc9d37,#8f5f00); --ui-warning-9: light-dark(#efa30f,#db9400); --ui-warning-10: light-dark(#fbae29,#e99e00); --ui-warning-11: light-dark(#8d5e00,#ebb25f); --ui-warning-12: light-dark(#402800,#fde6c7); --ui-warning: var(--ui-warning-11); --ui-warning-solid: var(--ui-warning-9); --ui-on-warning: #271700; --ui-warning-soft: var(--ui-warning-3); --ui-warning-border: var(--ui-warning-7); --ui-info-1: light-dark(#fbfdff,#0c1119); --ui-info-2: light-dark(#f5f9ff,#121924); --ui-info-3: light-dark(#e9f2ff,#15253b); --ui-info-4: light-dark(#dceaff,#182e4e); --ui-info-5: light-dark(#cee2ff,#1d375e); --ui-info-6: light-dark(#bbd6ff,#234371); --ui-info-7: light-dark(#9fc6ff,#2d538b); --ui-info-8: light-dark(#74acff,#386ab3); --ui-info-9: #236bcf; --ui-info-10: #1660c3; --ui-info-11: light-dark(#2d67ba,#95c0ff); --ui-info-12: light-dark(#132d53,#ddebff); --ui-info: var(--ui-info-11); --ui-info-solid: var(--ui-info-9); --ui-on-info: #ffffff; --ui-info-soft: var(--ui-info-3); --ui-info-border: var(--ui-info-7); --ui-accent-1: light-dark(#fbfefc,#0e1310); --ui-accent-2: light-dark(#f4fbf6,#131b16); --ui-accent-3: light-dark(#e6f6ec,#192920); --ui-accent-4: light-dark(#d8f0e2,#1d3427); --ui-accent-5: light-dark(#cae9d6,#223f2f); --ui-accent-6: light-dark(#b9dfc8,#294b39); --ui-accent-7: light-dark(#a1d1b5,#345d47); --ui-accent-8: light-dark(#7cbb98,#42775b); --ui-accent-9: light-dark(#176b46,#23744e); --ui-accent-10: light-dark(#03613d,#156a45); --ui-accent-11: light-dark(#296949,#95cdad); --ui-accent-12: light-dark(#183526,#daf0e2); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#176b46,#23744e); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root { --ui-unit: 0.25rem; --ui-density: 1; --ui-space-1: calc(var(--ui-unit) * 1); --ui-space-2: calc(var(--ui-unit) * 2); --ui-space-3: calc(var(--ui-unit) * 3); --ui-space-4: calc(var(--ui-unit) * 4); --ui-space-5: calc(var(--ui-unit) * 6); --ui-space-6: calc(var(--ui-unit) * 8); --ui-space-7: calc(var(--ui-unit) * 12); --ui-stroke: calc(var(--ui-unit) * (1 / 4)); --ui-stroke-strong: calc(var(--ui-unit) * (1 / 2)); --ui-radius-sm: calc(calc(var(--ui-unit) * 1) * var(--ui-radius-factor)); --ui-radius: calc(calc(var(--ui-unit) * (3 / 2)) * var(--ui-radius-factor)); --ui-radius-lg: calc(calc(var(--ui-unit) * 3) * var(--ui-radius-factor)); --ui-radius-xl: calc(calc(var(--ui-unit) * 4) * var(--ui-radius-factor)); --ui-radius-full: calc(var(--ui-unit) * 2500); --ui-text-2xs: calc(var(--ui-unit) * (11 / 4)); --ui-text-xs: calc(var(--ui-unit) * 3); --ui-text-sm: calc(var(--ui-unit) * (13 / 4)); --ui-text-md: calc(var(--ui-unit) * (7 / 2)); --ui-text-lg: calc(var(--ui-unit) * 4); --ui-text-xl: calc(var(--ui-unit) * 5); --ui-text-2xl: calc(var(--ui-unit) * 6); --ui-text-3xl: calc(var(--ui-unit) * 8); --ui-text-4xl: calc(var(--ui-unit) * 10); --ui-leading-2xs: calc(var(--ui-unit) * 4); --ui-leading-xs: calc(var(--ui-unit) * 4); --ui-leading-sm: calc(var(--ui-unit) * 5); --ui-leading-md: calc(var(--ui-unit) * 5); --ui-leading-lg: calc(var(--ui-unit) * 6); --ui-leading-xl: calc(var(--ui-unit) * 7); --ui-leading-2xl: calc(var(--ui-unit) * 8); --ui-leading-3xl: calc(var(--ui-unit) * 10); --ui-leading-4xl: calc(var(--ui-unit) * 12); --ui-control-line: calc(var(--ui-unit) * 5); --ui-control-icon: calc(var(--ui-unit) * 4); --ui-field-gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-gap: calc(calc(var(--ui-unit) * 2) * var(--ui-density)); --ui-control-inset: max(calc(calc(var(--ui-unit) * 3) * var(--ui-density)),calc(var(--ui-radius) + var(--ui-stroke))); --ui-control-height: calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 4) * var(--ui-density))); --ui-control-padding: var(--ui-control-inset); --ui-select-arrow-size: var(--ui-control-icon); --ui-select-arrow-gap: var(--ui-control-gap); --ui-select-arrow-inset: calc(var(--ui-stroke) + var(--ui-control-inset)); --ui-select-reserve: calc(var(--ui-select-arrow-size) + var(--ui-select-arrow-gap)); --ui-item-padding-block: calc(calc(var(--ui-unit) * (3 / 2)) * var(--ui-density)); --ui-item-padding-inline: var(--ui-control-inset); --ui-item-height: calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 3) * var(--ui-density))); --ui-menu-item-gap: calc(var(--ui-unit) * 1); --ui-segment-inset: calc(var(--ui-menu-item-gap) / 2); --ui-focus-width: calc(var(--ui-unit) * (1 / 2)); }.ui-root[data-density=compact] { --ui-density: calc(1 / 2); }.ui-root[data-ui-color=gray],.ui-root [data-ui-color=gray] { --ui-accent-1: light-dark(#fcfdfd,#111112); --ui-accent-2: light-dark(#f8f9f9,#181919); --ui-accent-3: light-dark(#f0f1f3,#242426); --ui-accent-4: light-dark(#e8e9ec,#2d2e30); --ui-accent-5: light-dark(#dee0e3,#36373a); --ui-accent-6: light-dark(#d2d4d8,#414346); --ui-accent-7: light-dark(#c1c3c9,#515357); --ui-accent-8: light-dark(#a7abb1,#676a70); --ui-accent-9: light-dark(#54585f,#5f636a); --ui-accent-10: light-dark(#4b4e55,#555960); --ui-accent-11: light-dark(#55585e,#babec4); --ui-accent-12: light-dark(#2c2e31,#e8e9ec); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#54585f,#babec4); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=red],.ui-root [data-ui-color=red] { --ui-accent-1: light-dark(#fffcfc,#190e0d); --ui-accent-2: light-dark(#fff7f6,#241413); --ui-accent-3: light-dark(#ffecea,#3a1917); --ui-accent-4: light-dark(#ffe1de,#4c1d1b); --ui-accent-5: light-dark(#ffd4d0,#5c2220); --ui-accent-6: light-dark(#ffc3bd,#6e2927); --ui-accent-7: light-dark(#ffa9a2,#873431); --ui-accent-8: light-dark(#ff7e77,#ad413e); --ui-accent-9: #c52b30; --ui-accent-10: #b91b25; --ui-accent-11: light-dark(#b33636,#ffa098); --ui-accent-12: light-dark(#511817,#ffe2df); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #c52b30; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=orange],.ui-root [data-ui-color=orange] { --ui-accent-1: light-dark(#fffcfb,#180f0b); --ui-accent-2: light-dark(#fff7f3,#221510); --ui-accent-3: light-dark(#ffede5,#371c10); --ui-accent-4: light-dark(#ffe2d6,#482210); --ui-accent-5: light-dark(#ffd6c4,#572912); --ui-accent-6: light-dark(#ffc5ac,#683116); --ui-accent-7: light-dark(#ffad88,#803e1d); --ui-accent-8: light-dark(#f48a59,#a44e22); --ui-accent-9: #cf5604; --ui-accent-10: #db611c; --ui-accent-11: light-dark(#a94709,#ffa47a); --ui-accent-12: light-dark(#4c1f07,#ffe3d7); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #230800; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #cf5604; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=amber],.ui-root [data-ui-color=amber] { --ui-accent-1: light-dark(#fffcf9,#151009); --ui-accent-2: light-dark(#fff8ee,#1f170d); --ui-accent-3: light-dark(#ffeed9,#312108); --ui-accent-4: light-dark(#fee5c4,#3f2902); --ui-accent-5: light-dark(#fbdaaf,#4d3100); --ui-accent-6: light-dark(#f5cd97,#5c3b00); --ui-accent-7: light-dark(#ebba76,#714a00); --ui-accent-8: light-dark(#dc9d37,#8f5f00); --ui-accent-9: light-dark(#efa30f,#db9400); --ui-accent-10: light-dark(#fbae29,#e99e00); --ui-accent-11: light-dark(#8d5e00,#ebb25f); --ui-accent-12: light-dark(#402800,#fde6c7); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #271700; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#8d5e00,#db9400); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=green],.ui-root [data-ui-color=green] { --ui-accent-1: light-dark(#fbfefc,#0e1310); --ui-accent-2: light-dark(#f4fbf6,#131b16); --ui-accent-3: light-dark(#e6f6ec,#192920); --ui-accent-4: light-dark(#d8f0e2,#1d3427); --ui-accent-5: light-dark(#cae9d6,#223f2f); --ui-accent-6: light-dark(#b9dfc8,#294b39); --ui-accent-7: light-dark(#a1d1b5,#345d47); --ui-accent-8: light-dark(#7cbb98,#42775b); --ui-accent-9: light-dark(#176b46,#23744e); --ui-accent-10: light-dark(#03613d,#156a45); --ui-accent-11: light-dark(#296949,#95cdad); --ui-accent-12: light-dark(#183526,#daf0e2); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#176b46,#23744e); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=teal],.ui-root [data-ui-color=teal] { --ui-accent-1: light-dark(#fafefd,#0c1312); --ui-accent-2: light-dark(#f2fbfa,#111b1a); --ui-accent-3: light-dark(#e1f6f4,#132927); --ui-accent-4: light-dark(#d2f1ee,#143432); --ui-accent-5: light-dark(#c1e9e6,#173f3d); --ui-accent-6: light-dark(#aee0dc,#1b4c49); --ui-accent-7: light-dark(#93d1cd,#245e5a); --ui-accent-8: light-dark(#65bcb7,#2b7874); --ui-accent-9: #00837e; --ui-accent-10: #007873; --ui-accent-11: light-dark(#107672,#83cec8); --ui-accent-12: light-dark(#0b3533,#d4f0ee); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #00837e; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=blue],.ui-root [data-ui-color=blue] { --ui-accent-1: light-dark(#fbfdff,#0c1119); --ui-accent-2: light-dark(#f5f9ff,#121924); --ui-accent-3: light-dark(#e9f2ff,#15253b); --ui-accent-4: light-dark(#dceaff,#182e4e); --ui-accent-5: light-dark(#cee2ff,#1d375e); --ui-accent-6: light-dark(#bbd6ff,#234371); --ui-accent-7: light-dark(#9fc6ff,#2d538b); --ui-accent-8: light-dark(#74acff,#386ab3); --ui-accent-9: #2068cb; --ui-accent-10: #125dc0; --ui-accent-11: light-dark(#2d67ba,#95c0ff); --ui-accent-12: light-dark(#132d53,#ddebff); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #2068cb; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=indigo],.ui-root [data-ui-color=indigo] { --ui-accent-1: light-dark(#fcfdff,#0f1019); --ui-accent-2: light-dark(#f7f8ff,#161824); --ui-accent-3: light-dark(#eef0ff,#1f223b); --ui-accent-4: light-dark(#e4e8ff,#272a4e); --ui-accent-5: light-dark(#d8deff,#2f325e); --ui-accent-6: light-dark(#cad1ff,#393d71); --ui-accent-7: light-dark(#b5beff,#474c8a); --ui-accent-8: light-dark(#97a1ff,#5a60b2); --ui-accent-9: #5152c1; --ui-accent-10: #4847b5; --ui-accent-11: light-dark(#5256b3,#aeb8ff); --ui-accent-12: light-dark(#262853,#e4e8ff); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#5152c1,#aeb8ff); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=violet],.ui-root [data-ui-color=violet] { --ui-accent-1: light-dark(#fdfcff,#120f18); --ui-accent-2: light-dark(#f9f7ff,#1a1623); --ui-accent-3: light-dark(#f3eeff,#281f3a); --ui-accent-4: light-dark(#ece5ff,#32254b); --ui-accent-5: light-dark(#e4d9ff,#3d2d5b); --ui-accent-6: light-dark(#dacbff,#49366e); --ui-accent-7: light-dark(#cbb5ff,#5b4486); --ui-accent-8: light-dark(#b793fe,#7556ad); --ui-accent-9: #7849c1; --ui-accent-10: #6e3eb5; --ui-accent-11: light-dark(#7550b4,#c7adff); --ui-accent-12: light-dark(#332351,#ece5ff); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#7849c1,#c7adff); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root[data-ui-color=pink],.ui-root [data-ui-color=pink] { --ui-accent-1: light-dark(#fffcfd,#180e12); --ui-accent-2: light-dark(#fff6fa,#22141a); --ui-accent-3: light-dark(#ffebf3,#371928); --ui-accent-4: light-dark(#ffdfed,#481d33); --ui-accent-5: light-dark(#ffd1e5,#57223e); --ui-accent-6: light-dark(#ffbfdc,#68294a); --ui-accent-7: light-dark(#ffa2cf,#7f345c); --ui-accent-8: light-dark(#f47cb9,#a44176); --ui-accent-9: #bf3584; --ui-accent-10: #b32779; --ui-accent-11: light-dark(#a83776,#ff98ca); --ui-accent-12: light-dark(#4c1834,#ffe0ed); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #ffffff; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: #bf3584; --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.ui-root { --ui-weight-regular: 400; --ui-weight-medium: 500; --ui-weight-semibold: 600; --ui-weight-bold: 700; --ui-tracking-tight: -0.006em; --ui-tracking-heading: -0.014em; --ui-tracking-display: -0.024em; --ui-tracking-caps: 0.04em; --ui-ease: cubic-bezier(.16,1,.3,1); --ui-ease-standard: cubic-bezier(.2,0,0,1); --ui-ease-exit: cubic-bezier(.4,0,1,1); --ui-duration-quick: 120ms; --ui-duration-control: 180ms; --ui-duration-expressive: 360ms; --ui-target-min: 0px; --ui-focus-offset: calc(-1 * var(--ui-focus-width)); --menu-item-gap: var(--ui-menu-item-gap); --menu-item-hover: var(--ui-menu-item-hover); font-family: var(--ui-font-sans); font-size: var(--ui-text-md); line-height: 1.5; font-weight: var(--ui-weight-regular); font-optical-sizing: auto; color: var(--ui-text); background-color: var(--ui-canvas); color-scheme: light; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; caret-color: var(--ui-accent); scrollbar-color: var(--ui-gray-8) transparent; }
.ui-root [data-appearance=light] { color-scheme: light; }
.ui-root[data-appearance=dark],.ui-root [data-appearance=dark] { color-scheme: dark; }
.ui-root[data-appearance=system],.ui-root [data-appearance=system] { color-scheme: light dark; }
.ui-root [data-appearance] { color: var(--ui-text); background-color: var(--ui-canvas); }
.ui-root,.ui-root *,.ui-root *::before,.ui-root *::after { box-sizing: border-box; }
.ui-root [hidden] { display: none!important; }
:where(.ui-root) :where(button,input,select,textarea) { font: inherit; letter-spacing: inherit; }
:where(.ui-root) :where(h1,h2,h3,h4) { font-family: var(--ui-font-display); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-heading); text-wrap: balance; }
:where(.ui-root) :where(p,li,dd,figcaption) { text-wrap: pretty; }
:where(.ui-root) :where(code,kbd,samp,pre) { font-family: var(--ui-font-mono); font-size: 0.925em; }
:where(.ui-root) :where(kbd) { display: inline-block; min-width: 1.6em; padding: 0 calc(var(--ui-unit) * 1); border: var(--ui-stroke) solid var(--ui-border); border-block-end-width: var(--ui-stroke-strong); border-radius: var(--ui-radius-sm); background-color: var(--ui-surface); font-size: var(--ui-text-xs); line-height: 1.6; text-align: center; }
:where(.ui-root) :where(hr) { border: 0; border-block-start: var(--ui-stroke) solid var(--ui-border-subtle); }
:where(.ui-root :focus-visible) { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: var(--ui-focus-offset); }
.ui-focus-frame { position: relative; }
.ui-focus-frame:has(:focus-visible)::after { content: ''; position: absolute; inset: 0; border-radius: inherit; border: var(--ui-focus-width) solid var(--ui-focus); pointer-events: none; z-index: 1; }
.ui-root .ui-focus-frame :focus-visible { outline: none; }
.ui-root[data-lol-input=pointer] :is(button,select,a,summary,[tabindex],input[type=range],input[type=checkbox],input[type=radio]):focus { outline: none; }
.ui-root button:enabled,.ui-root summary { cursor: pointer; }
:where(.ui-root) a { color: inherit; text-underline-offset: 0.24em; text-decoration-thickness: from-font; }
.ui-root ::selection { background-color: var(--ui-accent-4); color: var(--ui-text); }
[data-ui-scroll] { min-inline-size: 0; max-inline-size: 100%; min-block-size: 0; scrollbar-width: thin; scroll-behavior: auto; }
[data-ui-scroll=horizontal] { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }
[data-ui-scroll=vertical] { overflow-y: auto; overflow-x: hidden; overscroll-behavior-y: contain; }
[data-ui-scroll=both] { overflow: auto; overscroll-behavior: contain; }
[data-ui-scrollbar=controls][data-ui-scroll-ready=true] { scrollbar-width: none; }
[data-ui-scrollbar=controls][data-ui-scroll-ready=true]::-webkit-scrollbar { display: none; }
@media (forced-colors:active) {
  [data-ui-scrollbar=controls][data-ui-scroll-ready=true] { scrollbar-width: auto; }
  [data-ui-scrollbar=controls][data-ui-scroll-ready=true]::-webkit-scrollbar { display: revert; }
}
@media (pointer:coarse) {
  .ui-root { --ui-target-min: 44px; --ui-input-font-size: var(--ui-text-lg); }
}
.ui-root[data-targets=touch],.ui-root [data-targets=touch] { --ui-target-min: 44px; --ui-input-font-size: var(--ui-text-lg); }
.ui-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; }
.ui-muted { color: var(--ui-muted); }
.ui-sr { position: absolute!important; width: var(--ui-stroke); height: var(--ui-stroke); overflow: hidden; clip-path: inset(50%); white-space: nowrap; padding: 0; border: 0; }
@media (prefers-reduced-motion:reduce) {
  .ui-root *,.ui-root *::before,.ui-root *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}
}
@layer lol, ui;
@layer ui {
@scope (.ui-button) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { font-family: inherit; font-size: var(--ui-button-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-button-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: 0px; --ui-tone-solid: var(--ui-gray-12); --ui-tone-solid-hover: color-mix(in oklab,var(--ui-gray-12) 86%,var(--ui-gray-9)); --ui-tone-on-solid: var(--ui-gray-1); --ui-tone-soft: var(--ui-gray-3); --ui-tone-soft-hover: var(--ui-gray-4); --ui-tone-text: var(--ui-text); --ui-tone-border: var(--ui-button-border); --ui-tone-surface: var(--ui-button-surface); --ui-tone-fill: var(--ui-accent); --ui-tone-on-fill: var(--ui-on-accent); position: relative; display: var(--ui-button-display,inline-flex); align-items: center; justify-content: var(--ui-button-justify,center); overflow: var(--ui-button-overflow,visible); isolation: var(--ui-button-isolation,auto); flex-shrink: 0; gap: var(--ui-control-gap); width: var(--ui-button-width,auto); max-width: 100%; text-align: var(--ui-button-align,center); min-width: var(--ui-target-min); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-tone-border); background-color: var(--ui-tone-surface); color: var(--ui-tone-text); box-shadow: var(--ui-shadow-1); font-weight: var(--ui-weight-medium); letter-spacing: var(--ui-tracking-tight); text-decoration: none; white-space: normal; overflow-wrap: break-word; user-select: none; transition: background-color var(--ui-duration-quick) var(--ui-ease),border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease),transform var(--ui-duration-quick) var(--ui-ease); }:scope>[data-part=label] { min-width: 0; }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); }:scope>[data-part=indicator] { display: inline-flex; flex-shrink: 0; width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); margin-inline-start: calc(var(--ui-unit) * (-1 / 2)); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope>[data-part=indicator]>.ui-icon { width: 100%; height: 100%; }:scope:where([data-tone="accent"]) { --ui-tone-solid: var(--ui-accent); --ui-tone-solid-hover: var(--ui-accent-hover); --ui-tone-on-solid: var(--ui-on-accent); --ui-tone-soft: var(--ui-accent-soft); --ui-tone-soft-hover: var(--ui-accent-soft-hover); --ui-tone-text: var(--ui-accent-text); --ui-tone-border: var(--ui-accent-border); }:scope:where([data-tone="danger"]) { --ui-tone-solid: var(--ui-danger-solid); --ui-tone-solid-hover: var(--ui-danger-10); --ui-tone-on-solid: var(--ui-on-danger); --ui-tone-soft: var(--ui-danger-soft); --ui-tone-soft-hover: var(--ui-danger-4); --ui-tone-text: var(--ui-danger); --ui-tone-border: var(--ui-danger-border); --ui-tone-fill: var(--ui-danger-solid); --ui-tone-on-fill: var(--ui-on-danger); }:scope:where([data-emphasis="solid"]) { background-color: var(--ui-tone-solid); color: var(--ui-tone-on-solid); border-color: transparent; }:scope:where([data-emphasis="soft"]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-emphasis="ghost"]) { background-color: transparent; color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-size=small]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 2) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-sm)); gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-inset: max(calc(var(--ui-unit) * (5 / 2)),calc(var(--ui-radius) + var(--ui-stroke))); }:scope:where([data-size=small])>.ui-icon { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=small])>[data-part=indicator] { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=large]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 6) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-lg)); }:scope:where([data-size=large])>.ui-icon { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where([data-size=large])>[data-part=indicator] { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where(:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where(:active:not(:disabled):not([aria-disabled=true])) { transform: translateY(var(--ui-stroke)); }:scope:where([aria-pressed=true]) { background-color: var(--ui-accent-soft); color: var(--ui-accent-text); border-color: var(--ui-accent-border); }:scope:where([aria-expanded=true]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([aria-expanded=true])>[data-part=indicator] { rotate: 180deg; }:scope:where([data-emphasis="solid"][aria-expanded=true]) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"][aria-expanded=true]) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:focus-visible) { outline-color: var(--ui-tone-on-solid); outline-offset: calc(-2 * var(--ui-focus-width)); }:scope:where([data-effect=arrow-fill]) { padding-inline-end: calc(var(--ui-control-box-height) + var(--ui-control-gap)); overflow: var(--ui-button-overflow,hidden); isolation: var(--ui-button-isolation,isolate); --ui-fill-background: var(--ui-tone-fill); --ui-fill-text: var(--ui-tone-on-fill); }:scope:where([data-emphasis="solid"][data-effect=arrow-fill]) { --ui-fill-background: var(--ui-tone-on-solid); --ui-fill-text: var(--ui-tone-solid); }:scope:where([data-effect=arrow-fill]:focus-visible) { outline-color: var(--ui-focus); outline-offset: calc(var(--ui-unit) * (1 / 2)); }:scope:where(:is(:disabled,[aria-disabled=true]):not([data-pending=true])) { --ui-tone-solid: var(--ui-gray-3); --ui-tone-on-solid: var(--ui-gray-9); --ui-tone-soft: var(--ui-gray-3); --ui-tone-text: var(--ui-gray-9); --ui-tone-border: var(--ui-border-subtle); --ui-tone-surface: var(--ui-gray-2); --ui-fill-background: var(--ui-gray-3); --ui-fill-text: var(--ui-gray-9); box-shadow: none; cursor: not-allowed; }:scope:where([data-pending=true]) { cursor: progress; }
}
@scope (.ui-choice) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: var(--ui-item-padding-block) var(--ui-item-padding-inline); min-width: 0; white-space: normal; overflow-wrap: anywhere; display: flex; align-items: center; gap: calc(var(--ui-unit) * 3); width: 100%; border-width: 0; border-radius: 0; background-color: transparent; color: var(--ui-text); font-family: inherit; font-size: inherit; font-weight: var(--ui-weight-regular); line-height: 1.5; text-align: start; cursor: pointer; transition: background-color var(--ui-duration-quick) var(--ui-ease); }:scope:where(:enabled:hover) { background-color: var(--ui-menu-item-hover); color: var(--ui-text); }:scope:where(:enabled:active) { background-color: var(--ui-selection); color: var(--ui-accent-text); }:scope:where([aria-pressed=true]) { background-color: var(--ui-selection); color: var(--ui-accent-text); font-weight: var(--ui-weight-medium); }:scope:where([aria-pressed=true])::after { content: ''; width: calc(var(--ui-unit) * (3 / 2)); height: calc(var(--ui-unit) * (5 / 2)); flex-shrink: 0; margin-inline-start: auto; margin-inline-end: calc(var(--ui-unit) * (3 / 4)); border-style: solid; border-color: currentColor; border-width: 0 var(--ui-stroke-strong) var(--ui-stroke-strong) 0; transform: rotate(45deg); }:scope:where(:disabled) { cursor: default; }:scope:where(:disabled:not([aria-pressed=true])) { background-color: transparent; color: var(--ui-faint); }:scope:where(:focus-visible) { outline-width: var(--ui-focus-width); outline-style: solid; outline-color: var(--ui-focus); outline-offset: calc(-1 * var(--ui-focus-width)); }
}
@scope (.ui-input) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { font-family: inherit; font-size: var(--ui-input-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-input-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: max(var(--ui-input-trailing,0px),0px); width: 100%; min-width: 0; align-items: center; border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-control-border); background-color: var(--ui-surface); color: var(--ui-text); box-shadow: inset 0 var(--ui-stroke) var(--ui-stroke) var(--ui-inset-shade); transition: border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease); }:scope::placeholder { background-color: transparent; color: var(--ui-placeholder); }:scope:where([readonly]) { background-color: var(--ui-subtle); color: var(--ui-text); border-style: dashed; box-shadow: none; cursor: text; }:scope:where(:enabled:hover) { border-color: color-mix(in oklab,var(--ui-control-border) 70%,var(--ui-text)); }:scope:where(:enabled:focus) { border-color: var(--ui-focus); box-shadow: 0 0 0 calc(var(--ui-focus-width) + var(--ui-stroke)) var(--ui-accent-soft); }:scope:where([aria-invalid=true]) { border-color: var(--ui-danger); }:scope:where(:disabled) { background-color: var(--ui-gray-2); color: var(--ui-gray-9); border-color: var(--ui-border-subtle); box-shadow: none; cursor: not-allowed; }
}
@scope (.ui-nav-link) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: var(--ui-item-padding-block) var(--ui-item-padding-inline); min-width: 0; white-space: normal; overflow-wrap: anywhere; display: flex; align-items: center; gap: calc(var(--ui-unit) * (5 / 2)); border-radius: var(--ui-radius); background-color: transparent; color: var(--ui-muted); text-decoration: none; font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-weight: var(--ui-weight-medium); transition: background-color var(--ui-duration-quick) var(--ui-ease),color var(--ui-duration-quick) var(--ui-ease); }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); background-color: transparent; color: var(--ui-faint); }:scope:where(:hover) { background-color: var(--ui-menu-item-hover); color: var(--ui-text); }:scope:where(:hover)>.ui-icon { background-color: transparent; color: var(--ui-muted); }:scope:where([aria-current]) { background-color: var(--ui-selection); color: var(--ui-accent-text); }:scope:where([aria-current])>.ui-icon { background-color: transparent; color: var(--ui-accent-text); }:scope:where([data-emphasis="quiet"][aria-current]) { background-color: transparent; color: var(--ui-text); }
}
@scope (.ui-select) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { position: relative; min-width: 0; display: grid; align-self: start; }:scope>.ui-icon { position: absolute; inset-inline-end: var(--ui-select-arrow-inset); inset-block-start: 50%; width: var(--ui-select-arrow-size); height: var(--ui-select-arrow-size); translate: 0 -50%; pointer-events: none; background-color: transparent; color: var(--ui-muted); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope:where(:has(>.ui-select-input:open))>.ui-icon { rotate: 180deg; }
}
@scope (.ui-select-input) to (:scope :is(.ui-button,.ui-choice,.ui-input,.ui-nav-link,.ui-select,.ui-select-input)) {
:scope { appearance: none; --ui-input-trailing: var(--ui-select-reserve); }:scope::picker-icon { display: none; }@supports (appearance: base-select) {
:scope { appearance: base-select; }}
@supports (appearance: base-select) {
:scope::picker(select) { appearance: base-select; background-color: var(--ui-surface-raised); color: var(--ui-text); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-border); border-radius: var(--ui-radius-lg); padding: calc(var(--ui-unit) * 1); margin-block: calc(var(--ui-unit) * 1); box-shadow: var(--ui-shadow-3); max-block-size: var(--ui-menu-height,18rem); min-inline-size: anchor-size(inline); }}
@supports (appearance: base-select) {
:scope>option { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: var(--ui-item-padding-block) var(--ui-item-padding-inline); min-width: 0; white-space: normal; overflow-wrap: anywhere; display: flex; align-items: center; gap: calc(var(--ui-unit) * 2); border-radius: calc(var(--ui-radius-lg) - var(--ui-unit) - var(--ui-stroke)); background-color: transparent; color: var(--ui-text); cursor: default; transition: background-color var(--ui-duration-quick) var(--ui-ease); }}
@supports (appearance: base-select) {
:scope>option:hover { background-color: var(--ui-menu-item-hover); color: var(--ui-text); }}
@supports (appearance: base-select) {
:scope>option:focus-visible { background-color: var(--ui-menu-item-hover); color: var(--ui-text); outline: none; }}
@supports (appearance: base-select) {
:scope>option:checked { background-color: var(--ui-selection); color: var(--ui-accent-text); font-weight: var(--ui-weight-medium); }}
@supports (appearance: base-select) {
:scope>option::checkmark { order: 1; margin-inline-start: auto; background-color: transparent; color: var(--ui-accent-text); }}
@supports (appearance: base-select) {
:scope:where(:open)::picker(select) { display: grid; align-content: start; gap: var(--ui-menu-item-gap); }}

}
}
@layer lol, ui;
@layer ui {
[data-gap=none] { --ui-layout-gap: 0px; }
[data-gap=xs] { --ui-layout-gap: var(--ui-space-1); }
[data-gap=sm] { --ui-layout-gap: var(--ui-space-2); }
[data-gap=md] { --ui-layout-gap: var(--ui-space-4); }
[data-gap=lg] { --ui-layout-gap: var(--ui-space-5); }
[data-gap=xl] { --ui-layout-gap: var(--ui-space-6); }
[data-gap=xxl] { --ui-layout-gap: var(--ui-space-7); }
.ui-control { min-width: 0; }
:where(.ui-separator) { margin: var(--ui-space-5) 0; }
.ui-separator { border: 0; border-block-start: var(--ui-stroke) solid var(--ui-border-subtle); }
:is(.ui-row,.ui-grid,.ui-box,.ui-form-row)>* { margin-block: 0; }
.ui-flow { display: flow-root; min-width: 0; }
.ui-flow>* { margin-block: 0; }
.ui-flow>:where(:not([hidden]))~:where(:not([hidden])) { margin-block-start: var(--ui-flow-space,var(--ui-space-4)); }
.ui-flow>:where(h1,h2,h3,h4,h5,h6)+:where(*) { margin-block-start: var(--ui-flow-lead,var(--ui-space-2)); }
.ui-flow>:where(:not([hidden]))~:where(h1,h2,h3,h4,h5,h6,.ui-separator),.ui-flow>:where(.ui-separator)+:where(*) { margin-block-start: var(--ui-flow-section,var(--ui-space-6)); }
.ui-grid { display: grid; gap: var(--ui-layout-gap,var(--ui-space-5)); min-width: 0; grid-template-columns: repeat(auto-fit,minmax(min(100%,max(var(--ui-grid-min,18rem),calc((100% - (var(--ui-grid-columns,2) - 1)*var(--ui-layout-gap,var(--ui-space-5)))/var(--ui-grid-columns,2)))),1fr)); }
.ui-grid>* { min-width: 0; }
.ui-columns { columns: var(--ui-column-min,18rem) var(--ui-column-count,3); column-gap: var(--ui-layout-gap,var(--ui-space-5)); min-width: 0; }
.ui-columns>.ui-column-item { display: flow-root; break-inside: avoid; margin-block-end: var(--ui-layout-gap,var(--ui-space-5)); }
.ui-columns[data-columns='1'] { --ui-column-count: 1; }
.ui-columns[data-columns='2'] { --ui-column-count: 2; }
.ui-columns[data-columns='3'] { --ui-column-count: 3; }
.ui-columns[data-columns='4'] { --ui-column-count: 4; }
.ui-columns[data-columns='5'] { --ui-column-count: 5; }
.ui-columns[data-columns='6'] { --ui-column-count: 6; }
.ui-columns[data-min-width=compact] { --ui-column-min: 12rem; }
.ui-columns[data-min-width=normal] { --ui-column-min: 18rem; }
.ui-columns[data-min-width=wide] { --ui-column-min: 24rem; }
.ui-grid[data-align=start] { align-items: start; }
.ui-grid[data-align=center] { align-items: center; }
.ui-grid[data-align=end] { align-items: end; }
.ui-grid[data-columns='1'] { --ui-grid-columns: 1; }
.ui-grid[data-columns='2'] { --ui-grid-columns: 2; }
.ui-grid[data-columns='3'] { --ui-grid-columns: 3; }
.ui-grid[data-columns='4'] { --ui-grid-columns: 4; }
.ui-grid[data-columns='5'] { --ui-grid-columns: 5; }
.ui-grid[data-columns='6'] { --ui-grid-columns: 6; }
.ui-grid[data-min-width=compact] { --ui-grid-min: 12rem; }
.ui-grid[data-min-width=normal] { --ui-grid-min: 18rem; }
.ui-grid[data-min-width=wide] { --ui-grid-min: 24rem; }
.ui-row { display: flex; gap: var(--ui-layout-gap,var(--ui-space-4)); align-items: center; min-width: 0; }
.ui-row[data-wrap=true] { flex-wrap: wrap; }
.ui-row[data-align=start] { align-items: start; }
.ui-row[data-align=end] { align-items: end; }
.ui-row[data-align=baseline] { align-items: baseline; }
.ui-row[data-align=stretch] { align-items: stretch; }
.ui-row[data-justify=center] { justify-content: center; }
.ui-row[data-justify=end] { justify-content: end; }
.ui-row[data-justify=between] { justify-content: space-between; }
.ui-form-row { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr)); column-gap: var(--ui-layout-gap,var(--ui-space-4)); row-gap: var(--ui-field-gap); min-width: 0; }
.ui-form-cell,.ui-form-cell>.ui-control,.ui-form-cell>.ui-control>.ui-field { display: grid; grid-template-rows: subgrid; grid-row: span 3; min-width: 0; }
.ui-form-cell>.ui-control>.ui-field>label { grid-row: 1; }
.ui-form-cell>.ui-control>.ui-field>:is(input,select,textarea,.ui-select) { grid-row: 2; }
.ui-form-cell>.ui-control>.ui-field>[data-part=help] { grid-row: 3; }
.ui-form-cell>.ui-control>.ui-radio-group { grid-row: 1 / span 2; }
.ui-form-cell>.ui-control>.ui-check { grid-row: 2; }
.ui-form-cell>.ui-button { grid-row: 2; align-self: start; justify-self: start; }
.ui-box { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--ui-layout-gap,var(--ui-space-4)); padding: var(--ui-box-padding,0); min-width: 0; }
.ui-box[data-padding=none] { --ui-box-padding: 0px; }
.ui-box[data-padding=xs] { --ui-box-padding: var(--ui-space-1); }
.ui-box[data-padding=sm] { --ui-box-padding: var(--ui-space-2); }
.ui-box[data-padding=md] { --ui-box-padding: var(--ui-space-4); }
.ui-box[data-padding=lg] { --ui-box-padding: var(--ui-space-5); }
.ui-box[data-padding=xl] { --ui-box-padding: var(--ui-space-6); }
.ui-box[data-padding=xxl] { --ui-box-padding: var(--ui-space-7); }
.ui-box[data-surface=canvas] { background-color: var(--ui-canvas); }
.ui-box[data-surface=surface] { background-color: var(--ui-surface); }
.ui-box[data-surface=subtle] { background-color: var(--ui-subtle); }
:where(.ui-caption) { margin: 0; }
.ui-caption { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); font-weight: var(--ui-weight-medium); color: var(--ui-muted); }
:where(.ui-heading,.ui-text) { margin: 0; }
.ui-heading { font-family: var(--ui-font-display); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-heading); color: var(--ui-text); text-wrap: balance; }
.ui-heading[data-size=display] { font-size: var(--ui-text-3xl); line-height: var(--ui-leading-3xl); letter-spacing: var(--ui-tracking-display); }
.ui-heading[data-size=title] { font-size: var(--ui-text-2xl); line-height: var(--ui-leading-2xl); letter-spacing: var(--ui-tracking-display); }
.ui-heading[data-size=section] { font-size: var(--ui-text-lg); line-height: var(--ui-leading-lg); }
.ui-heading[data-size=subsection] { font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); letter-spacing: var(--ui-tracking-tight); }
.ui-heading[data-size=label] { font-family: var(--ui-font-sans); font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); font-weight: var(--ui-weight-medium); letter-spacing: normal; color: var(--ui-muted); }
.ui-text { text-wrap: pretty; }
.ui-text[data-size=xs] { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); }
.ui-text[data-size=sm] { font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); }
.ui-text[data-size=md] { font-size: var(--ui-text-md); line-height: var(--ui-leading-md); }
.ui-text[data-size=lg] { font-size: var(--ui-text-lg); line-height: var(--ui-leading-lg); }
.ui-text[data-tone=muted] { color: var(--ui-muted); }
.ui-text[data-tone=accent] { color: var(--ui-accent-text); }
.ui-text[data-tone=positive] { color: var(--ui-success); }
.ui-text[data-tone=warning] { color: var(--ui-warning); }
.ui-text[data-tone=negative] { color: var(--ui-danger); }
.ui-text[data-weight=regular] { font-weight: var(--ui-weight-regular); }
.ui-text[data-weight=medium] { font-weight: var(--ui-weight-medium); }
.ui-text[data-weight=semibold] { font-weight: var(--ui-weight-semibold); }
.ui-page-header { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: var(--ui-space-4) var(--ui-space-5); min-width: 0; }
.ui-page-header-copy { display: grid; gap: var(--ui-space-2); flex: 1 1 20rem; min-width: 0; }
.ui-page-header-copy>* { margin-block: 0; }
.ui-page-header-copy>.ui-text { max-inline-size: 68ch; }
.ui-page-header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-2); min-width: 0; }
.ui-button[data-pending=true]>:not([data-part=pending]) { opacity: 0; }
.ui-button .ui-button-pending { position: absolute; inset: 0; margin: auto; border-color: currentColor; border-inline-end-color: transparent; }
.ui-button-fill { --ui-fill-inset: calc(var(--ui-unit) * 1); --ui-fill-cap: calc(var(--ui-control-box-height) - 2 * var(--ui-stroke)); --ui-fill-start: calc(100% - var(--ui-fill-cap) + var(--ui-fill-inset)); position: absolute; inset: 0; display: flex; align-items: center; justify-content: inherit; gap: inherit; padding: inherit; pointer-events: none; background-color: var(--ui-fill-background); color: var(--ui-fill-text); clip-path: inset(var(--ui-fill-inset) var(--ui-fill-inset) var(--ui-fill-inset) var(--ui-fill-start) round max(0px,calc(var(--ui-radius) - var(--ui-stroke) - var(--ui-fill-inset)))); transition: clip-path var(--ui-duration-expressive) var(--ui-ease-standard); }
.ui-button-fill [data-part=effect-label] { min-width: 0; }
.ui-button:dir(rtl) .ui-button-fill { clip-path: inset(var(--ui-fill-inset) var(--ui-fill-start) var(--ui-fill-inset) var(--ui-fill-inset) round max(0px,calc(var(--ui-radius) - var(--ui-stroke) - var(--ui-fill-inset)))); }
.ui-button-arrow { position: absolute; inset-inline-end: calc((var(--ui-fill-cap) - var(--ui-control-icon)) / 2); display: inline-flex; transition: transform var(--ui-duration-control) var(--ui-ease-standard); }
.ui-button-arrow>.ui-icon { width: var(--ui-control-icon); height: var(--ui-control-icon); }
.ui-button:dir(rtl) .ui-button-arrow { rotate: 180deg; }
.ui-button[data-effect=arrow-fill]:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .ui-button-fill { --ui-fill-inset: 0px; --ui-fill-start: 0px; }
.ui-button[data-effect=arrow-fill]:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .ui-button-arrow { transform: translateX(var(--ui-stroke-strong)); }
.ui-field { display: grid; gap: var(--ui-field-gap); min-width: 0; }
.ui-field label { font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-weight: var(--ui-weight-medium); }
.ui-input:focus-visible { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: var(--ui-focus-offset); }
.ui-required { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-regular); color: var(--ui-muted); margin-inline: calc(var(--ui-unit) * 2); }
:where(.ui-field-help,.ui-field-error) { margin: 0; }
.ui-field-help { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); color: var(--ui-muted); }
.ui-field-error { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); color: var(--ui-danger); }
.ui-badge { --ui-badge-surface: var(--ui-gray-3); --ui-badge-text: var(--ui-gray-11); --ui-badge-edge: var(--ui-border); display: inline-flex; align-items: center; gap: calc(var(--ui-unit) * 1); min-height: calc(var(--ui-unit) * 5); padding: 0 calc(var(--ui-unit) * 2); border: var(--ui-stroke) solid transparent; border-radius: var(--ui-radius-sm); font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); font-weight: var(--ui-weight-medium); font-variant-numeric: tabular-nums; background-color: var(--ui-badge-surface); color: var(--ui-badge-text); white-space: nowrap; }
.ui-badge>.ui-icon { width: 1em; height: 1em; }
.ui-badge[data-tone=accent] { --ui-badge-surface: var(--ui-accent-soft); --ui-badge-text: var(--ui-accent-text); --ui-badge-edge: var(--ui-accent-border); }
.ui-badge[data-tone=positive] { --ui-badge-surface: var(--ui-success-soft); --ui-badge-text: var(--ui-success); --ui-badge-edge: var(--ui-success-border); }
.ui-badge[data-tone=warning] { --ui-badge-surface: var(--ui-warning-soft); --ui-badge-text: var(--ui-warning); --ui-badge-edge: var(--ui-warning-border); }
.ui-badge[data-tone=negative] { --ui-badge-surface: var(--ui-danger-soft); --ui-badge-text: var(--ui-danger); --ui-badge-edge: var(--ui-danger-border); }
.ui-badge[data-tone=info] { --ui-badge-surface: var(--ui-info-soft); --ui-badge-text: var(--ui-info); --ui-badge-edge: var(--ui-info-border); }
.ui-badge[data-emphasis=outline] { border-color: var(--ui-badge-edge); background-color: transparent; }
.ui-surface { background-color: var(--ui-surface); border: var(--ui-stroke) solid var(--ui-border); border-radius: var(--ui-radius-lg); box-shadow: var(--ui-shadow-1); overflow: clip; min-width: 0; }
.ui-surface-header { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--ui-unit) * 3); padding: calc(var(--ui-unit) * 4) calc(var(--ui-unit) * 5); border-block-end: var(--ui-stroke) solid var(--ui-border-subtle); }
.ui-surface-header h2 { font-size: var(--ui-text-md); line-height: var(--ui-leading-md); margin: 0; }
.ui-surface-body { --ui-flow-section: var(--ui-space-5); padding: calc(var(--ui-unit) * 5); }
.ui-empty { display: grid; justify-items: center; gap: calc(var(--ui-unit) * 2); padding: calc(var(--ui-unit) * 10) calc(var(--ui-unit) * 5); text-align: center; color: var(--ui-muted); }
.ui-empty>.ui-icon { box-sizing: content-box; padding: calc(var(--ui-unit) * (5 / 2)); margin-block-end: calc(var(--ui-unit) * 1); border-radius: var(--ui-radius-lg); background-color: var(--ui-subtle); color: var(--ui-muted); }
.ui-empty h3 { font-size: var(--ui-text-md); line-height: var(--ui-leading-md); color: var(--ui-text); margin: 0; }
.ui-empty p { font-size: var(--ui-text-sm); max-width: 38ch; margin: 0 auto calc(var(--ui-unit) * 2); }
.ui-slider-label { display: flex; align-items: baseline; justify-content: space-between; gap: calc(var(--ui-unit) * 3); }
.ui-slider-label output { font-size: var(--ui-text-xs); font-variant-numeric: tabular-nums; color: var(--ui-muted); }
.ui-range { --ui-range-track: calc(var(--ui-unit) * 1); --ui-range-thumb: calc(var(--ui-unit) * (9 / 2)); --ui-range-fill: var(--ui-accent); --ui-range-rest: var(--ui-control-border); --ui-range-knob: var(--ui-surface); appearance: none; display: block; width: 100%; height: max(calc(var(--ui-unit) * 9),var(--ui-target-min)); background: transparent; border: 0; border-radius: var(--ui-radius); cursor: pointer; }
:where(.ui-range) { margin: 0; }
.ui-range::-webkit-slider-runnable-track { height: var(--ui-range-track); border-radius: var(--ui-radius-full); background: linear-gradient(to right,var(--ui-range-fill) var(--ui-range-progress,0%),var(--ui-range-rest) var(--ui-range-progress,0%)); }
.ui-range:dir(rtl)::-webkit-slider-runnable-track { background: linear-gradient(to left,var(--ui-range-fill) var(--ui-range-progress,0%),var(--ui-range-rest) var(--ui-range-progress,0%)); }
.ui-range::-moz-range-track { height: var(--ui-range-track); border-radius: var(--ui-radius-full); background: var(--ui-range-rest); }
.ui-range::-moz-range-progress { height: var(--ui-range-track); border-radius: var(--ui-radius-full); background: var(--ui-range-fill); }
.ui-range::-webkit-slider-thumb { appearance: none; box-sizing: border-box; width: var(--ui-range-thumb); height: var(--ui-range-thumb); margin-block-start: calc((var(--ui-range-track) - var(--ui-range-thumb)) / 2); border: var(--ui-stroke-strong) solid var(--ui-range-fill); border-radius: 50%; background: var(--ui-range-knob); box-shadow: var(--ui-shadow-1),0 0 0 0 var(--ui-highlight); transition: box-shadow var(--ui-duration-quick) var(--ui-ease-standard),background-color var(--ui-duration-quick) var(--ui-ease-standard); }
.ui-range::-moz-range-thumb { box-sizing: border-box; width: var(--ui-range-thumb); height: var(--ui-range-thumb); border: var(--ui-stroke-strong) solid var(--ui-range-fill); border-radius: 50%; background: var(--ui-range-knob); box-shadow: var(--ui-shadow-1),0 0 0 0 var(--ui-highlight); transition: box-shadow var(--ui-duration-quick) var(--ui-ease-standard),background-color var(--ui-duration-quick) var(--ui-ease-standard); }
.ui-range:enabled:hover::-webkit-slider-thumb { box-shadow: var(--ui-shadow-1),0 0 0 calc(var(--ui-unit) * 5 / 4) var(--ui-highlight); }
.ui-range:enabled:hover::-moz-range-thumb { box-shadow: var(--ui-shadow-1),0 0 0 calc(var(--ui-unit) * 5 / 4) var(--ui-highlight); }
.ui-range:enabled:active { --ui-range-knob: var(--ui-range-fill); }
.ui-range:enabled:active::-webkit-slider-thumb { box-shadow: 0 0 0 calc(var(--ui-unit) * 3 / 2) var(--ui-highlight); }
.ui-range:enabled:active::-moz-range-thumb { box-shadow: 0 0 0 calc(var(--ui-unit) * 3 / 2) var(--ui-highlight); }
.ui-root .ui-range:focus-visible { outline: var(--ui-focus-width) solid transparent; }
[data-lol-input=keyboard] .ui-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 var(--ui-stroke-strong) var(--ui-surface),0 0 0 calc(var(--ui-stroke-strong) + var(--ui-focus-width)) var(--ui-focus); }
[data-lol-input=keyboard] .ui-range:focus::-moz-range-thumb { box-shadow: 0 0 0 var(--ui-stroke-strong) var(--ui-surface),0 0 0 calc(var(--ui-stroke-strong) + var(--ui-focus-width)) var(--ui-focus); }
.ui-range:disabled { --ui-range-fill: var(--ui-gray-8); --ui-range-rest: var(--ui-gray-5); --ui-range-knob: var(--ui-gray-2); cursor: not-allowed; }
@media (forced-colors:active) {
  .ui-range::-webkit-slider-thumb { border-color: ButtonText; background: ButtonFace; }
  .ui-range::-webkit-slider-runnable-track { background: ButtonText; }
}
textarea.ui-input { resize: vertical; line-height: 1.5; }
.ui-check { display: flex; align-items: center; gap: calc(var(--ui-unit) * (5 / 2)); width: fit-content; max-width: 100%; min-height: max(var(--ui-control-height),var(--ui-target-min)); cursor: pointer; }
.ui-check-label { display: block; }
.ui-check .ui-field-help { display: block; margin-block-start: calc(var(--ui-unit) * (1 / 2)); }
.ui-check:has(input:disabled) { color: var(--ui-faint); cursor: not-allowed; }
:where(.ui-checkbox,.ui-radio,.ui-switch) { margin: 0; }
.ui-checkbox,.ui-radio,.ui-switch { --ui-check-surface: var(--ui-surface); --ui-check-edge: var(--ui-control-border); appearance: none; position: relative; display: grid; place-items: center; flex-shrink: 0; width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); border: var(--ui-stroke) solid var(--ui-check-edge); border-radius: var(--ui-radius-sm); background-color: var(--ui-check-surface); color: var(--ui-on-accent); box-shadow: inset 0 var(--ui-stroke) var(--ui-stroke) var(--ui-inset-shade); cursor: inherit; transition: background-color var(--ui-duration-quick) var(--ui-ease-standard),border-color var(--ui-duration-quick) var(--ui-ease-standard),box-shadow var(--ui-duration-quick) var(--ui-ease-standard); }
.ui-check:hover input:enabled { --ui-check-edge: var(--ui-accent); box-shadow: 0 0 0 calc(var(--ui-unit) * 3 / 4) var(--ui-highlight); }
.ui-checkbox:checked,.ui-switch:checked { --ui-check-surface: var(--ui-accent); --ui-check-edge: var(--ui-accent); box-shadow: none; }
.ui-checkbox::before { content: ''; width: calc(var(--ui-unit) * 1); height: calc(var(--ui-unit) * 2); border: solid currentColor; border-width: 0 var(--ui-stroke-strong) var(--ui-stroke-strong) 0; transform: translateY(calc(-1 * var(--ui-stroke))) rotate(45deg); opacity: 0; }
.ui-checkbox:checked::before { opacity: 1; }
.ui-radio { border-radius: 50%; }
.ui-radio:checked { --ui-check-edge: var(--ui-accent); border-width: calc(var(--ui-unit) * (5 / 4)); box-shadow: none; }
.ui-switch { --ui-check-surface: var(--ui-control-border); width: calc(var(--ui-unit) * 8); height: calc(var(--ui-unit) * 5); border-radius: var(--ui-radius-full); box-shadow: none; }
.ui-switch::before { content: ''; width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); border-radius: 50%; background-color: var(--ui-surface); box-shadow: var(--ui-shadow-1); transform: translateX(calc(var(--ui-unit) * -3 / 2)); transition: transform var(--ui-duration-control) var(--ui-ease); }
.ui-switch:checked::before { transform: translateX(calc(var(--ui-unit) * 3 / 2)); background-color: var(--ui-on-accent); }
.ui-switch:dir(rtl)::before { transform: translateX(calc(var(--ui-unit) * 3 / 2)); }
.ui-switch:dir(rtl):checked::before { transform: translateX(calc(var(--ui-unit) * -3 / 2)); }
.ui-checkbox:disabled,.ui-radio:disabled,.ui-switch:disabled { --ui-check-surface: var(--ui-gray-3); --ui-check-edge: var(--ui-border-subtle); color: var(--ui-gray-9); box-shadow: none; }
.ui-checkbox:disabled:checked,.ui-radio:disabled:checked,.ui-switch:disabled:checked { --ui-check-surface: var(--ui-gray-7); --ui-check-edge: var(--ui-gray-7); }
.ui-check:has(.ui-field-help:not([hidden])) { align-items: start; }
.ui-check:has(.ui-field-help:not([hidden]))>input { margin-block-start: calc(var(--ui-unit) * (1 / 2)); }
:where(.ui-radio-group) { margin: 0; }
.ui-radio-group { border: 0; padding: 0; min-width: 0; }
.ui-radio-group legend { font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-weight: var(--ui-weight-medium); padding: 0 0 var(--ui-field-gap); }
.ui-segmented>div { display: flex; width: fit-content; max-width: 100%; flex-wrap: wrap; background-color: var(--ui-subtle); border-radius: var(--ui-radius); box-shadow: inset 0 0 0 var(--ui-stroke) var(--ui-border-subtle); }
.ui-segmented .ui-check { position: relative; isolation: isolate; padding: max(calc(var(--ui-unit) * 0),calc(calc(max(var(--ui-control-height),var(--ui-target-min)) - var(--ui-leading-sm)) / 2)) calc(calc(var(--ui-unit) * 3) + var(--ui-segment-inset)); font-size: var(--ui-text-sm); font-weight: var(--ui-weight-medium); line-height: var(--ui-leading-sm); color: var(--ui-muted); transition: color var(--ui-duration-quick) var(--ui-ease-standard); }
.ui-segmented .ui-check::before { content: ''; position: absolute; inset: var(--ui-segment-inset); z-index: -1; border-radius: max(calc(var(--ui-unit) * 0),calc(var(--ui-radius) - var(--ui-segment-inset))); transition: background-color var(--ui-duration-quick) var(--ui-ease-standard),box-shadow var(--ui-duration-quick) var(--ui-ease-standard); }
.ui-segmented input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.ui-segmented .ui-check:has(:checked) { color: var(--ui-text); }
.ui-segmented .ui-check:has(:checked)::before { background-color: var(--ui-surface-raised); box-shadow: var(--ui-shadow-1); }
.ui-segmented .ui-check:hover:has(input:enabled:not(:checked)) { color: var(--ui-text); }
.ui-segmented .ui-check:hover:has(input:enabled:not(:checked))::before { background-color: var(--ui-subtle-hover); }
[data-lol-input=keyboard] .ui-segmented .ui-check:has(:focus)::before { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: calc(-1 * var(--ui-focus-width)); }
.ui-error-state { max-width: 28rem; margin-inline: auto; text-align: center; overflow-wrap: anywhere; }
.ui-error-state .ui-error-artwork { margin-block-end: calc(var(--ui-unit) * 6); }
.ui-error-artwork img,.ui-error-artwork svg { max-width: 100%; }
.ui-error-state .ui-error-mark { display: grid; place-items: center; width: calc(var(--ui-unit) * 12); height: calc(var(--ui-unit) * 12); margin: 0 auto; border: var(--ui-stroke) solid var(--ui-border-subtle); border-radius: var(--ui-radius-lg); background-color: var(--ui-surface); color: var(--ui-muted); box-shadow: var(--ui-shadow-1); }
.ui-error-state h1 { font-size: var(--ui-text-2xl); line-height: var(--ui-leading-2xl); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-display); margin: 0 0 calc(var(--ui-unit) * 3); }
.ui-error-state p { font-size: var(--ui-text-md); line-height: var(--ui-leading-lg); color: var(--ui-muted); margin: 0; }
.ui-error-state .ui-error-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: calc(var(--ui-unit) * 2); margin-block-start: calc(var(--ui-unit) * 7); }
.ui-error-state .ui-error-detail { font-size: var(--ui-text-xs); line-height: var(--ui-leading-sm); color: var(--ui-muted); margin-block-start: calc(var(--ui-unit) * 5); }
body.ui-root { margin: 0; }
.ui-error-page { min-height: 100dvh; box-sizing: border-box; display: grid; place-items: center; padding: calc(var(--ui-unit) * 6); }
.ui-error-page pre { text-align: start; overflow-x: auto; margin: 0; padding: calc(var(--ui-unit) * 3); border-radius: var(--ui-radius); background-color: var(--ui-subtle); color: var(--ui-text); font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); }
.ui-callout { --ui-callout-surface: var(--ui-gray-2); --ui-callout-edge: var(--ui-border-subtle); --ui-callout-text: var(--ui-muted); --ui-callout-title: var(--ui-text); --ui-callout-icon: var(--ui-gray-11); display: flex; align-items: start; gap: calc(var(--ui-unit) * 3); padding: calc(var(--ui-unit) * 3) calc(var(--ui-unit) * 4); border: var(--ui-stroke) solid var(--ui-callout-edge); border-radius: var(--ui-radius-lg); background-color: var(--ui-callout-surface); color: var(--ui-callout-text); font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); }
.ui-callout>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); margin-block-start: calc(var(--ui-unit) * (1 / 2)); color: var(--ui-callout-icon); }
.ui-callout strong { font-weight: var(--ui-weight-semibold); color: var(--ui-callout-title); }
.ui-callout p { margin: calc(var(--ui-unit) * (1 / 2)) 0 0; }
.ui-callout[data-tone=accent] { --ui-callout-surface: var(--ui-accent-2); --ui-callout-edge: var(--ui-accent-6); --ui-callout-text: var(--ui-accent-text); --ui-callout-title: var(--ui-accent-12); --ui-callout-icon: var(--ui-accent-text); }
.ui-callout[data-tone=positive] { --ui-callout-surface: var(--ui-success-2); --ui-callout-edge: var(--ui-success-6); --ui-callout-text: var(--ui-success); --ui-callout-title: var(--ui-success-12); --ui-callout-icon: var(--ui-success); }
.ui-callout[data-tone=warning] { --ui-callout-surface: var(--ui-warning-2); --ui-callout-edge: var(--ui-warning-6); --ui-callout-text: var(--ui-warning); --ui-callout-title: var(--ui-warning-12); --ui-callout-icon: var(--ui-warning); }
.ui-callout[data-tone=negative] { --ui-callout-surface: var(--ui-danger-2); --ui-callout-edge: var(--ui-danger-6); --ui-callout-text: var(--ui-danger); --ui-callout-title: var(--ui-danger-12); --ui-callout-icon: var(--ui-danger); }
.ui-callout[data-tone=info] { --ui-callout-surface: var(--ui-info-2); --ui-callout-edge: var(--ui-info-6); --ui-callout-text: var(--ui-info); --ui-callout-title: var(--ui-info-12); --ui-callout-icon: var(--ui-info); }
.ui-progress { display: grid; gap: var(--ui-field-gap); }
.ui-progress>div { display: flex; justify-content: space-between; gap: calc(var(--ui-unit) * 3); font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); font-variant-numeric: tabular-nums; }
.ui-progress progress { appearance: none; display: block; width: 100%; height: calc(var(--ui-unit) * (3 / 2)); border: 0; border-radius: var(--ui-radius-full); overflow: hidden; background-color: var(--ui-gray-4); }
.ui-progress progress::-webkit-progress-bar { background-color: var(--ui-gray-4); }
.ui-progress progress::-webkit-progress-value { background-color: var(--ui-accent); border-radius: var(--ui-radius-full); transition: inline-size var(--ui-duration-control) var(--ui-ease); }
.ui-progress progress::-moz-progress-bar { background-color: var(--ui-accent); border-radius: var(--ui-radius-full); }
.ui-spinner { --ui-spinner-size: calc(var(--ui-unit) * 4); display: inline-block; flex-shrink: 0; width: var(--ui-spinner-size); height: var(--ui-spinner-size); border: var(--ui-stroke-strong) solid color-mix(in oklab,currentColor 22%,transparent); border-top-color: currentColor; border-radius: 50%; animation: ui-spin calc(var(--ui-duration-expressive) * 2.5) linear infinite; }
@keyframes ui-spin { to { transform: rotate(360deg); } }
.ui-skeleton { display: grid; gap: calc(var(--ui-unit) * (5 / 2)); }
.ui-skeleton span { height: calc(var(--ui-unit) * 3); border-radius: var(--ui-radius-sm); background: linear-gradient(90deg,var(--ui-gray-3),var(--ui-gray-4),var(--ui-gray-3)) 0 0 / 200% 100%; animation: ui-shimmer calc(var(--ui-duration-expressive) * 4) var(--ui-ease-standard) infinite; }
@keyframes ui-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.ui-skeleton span:last-child { width: 65%; }
.ui-avatar { display: inline-grid; place-items: center; flex-shrink: 0; width: calc(var(--ui-unit) * 9); height: calc(var(--ui-unit) * 9); border-radius: 50%; background-color: var(--ui-accent-soft); color: var(--ui-accent-text); box-shadow: inset 0 0 0 var(--ui-stroke) var(--ui-accent-border); font-size: var(--ui-text-xs); font-weight: var(--ui-weight-semibold); letter-spacing: var(--ui-tracking-caps); }
.ui-table-scroll { border-radius: var(--ui-radius-lg); }
.ui-table-scroll[data-variant=panel] { border: var(--ui-stroke) solid var(--ui-border); background-color: var(--ui-surface); box-shadow: var(--ui-shadow-1); }
.ui-table-scroll[data-variant=panel] thead { background-color: var(--ui-gray-2); }
.ui-table-scroll[data-variant=panel] caption:not(.ui-sr) { padding: calc(var(--ui-unit) * 3); }
.ui-table { width: 100%; border-collapse: collapse; text-align: start; font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-variant-numeric: tabular-nums; }
.ui-table caption { text-align: start; font-weight: var(--ui-weight-semibold); padding-block-end: calc(var(--ui-unit) * 3); }
.ui-table thead th { font-size: var(--ui-text-xs); font-weight: var(--ui-weight-medium); color: var(--ui-muted); white-space: nowrap; }
.ui-table th,.ui-table td { padding: var(--ui-table-padding,var(--ui-item-padding-block) var(--ui-control-inset)); border-block-end: var(--ui-stroke) solid var(--ui-border-subtle); text-align: start; vertical-align: middle; }
.ui-table tbody tr:last-child>:is(th,td) { border-block-end: 0; }
.ui-table tbody th { font-weight: var(--ui-weight-medium); }
.ui-table time { font-variant-numeric: tabular-nums; color: var(--ui-muted); white-space: nowrap; }
.ui-table tbody tr { transition: background-color var(--ui-duration-quick) var(--ui-ease-standard); }
.ui-table tbody tr:is(:hover,:focus-within) { background-color: var(--ui-gray-2); }
:where(.ui-navigation) { margin: 0; }
.ui-navigation { display: grid; align-content: start; gap: var(--ui-menu-item-gap); list-style: none; padding: 0; min-width: 0; }
.ui-navigation[data-orientation=horizontal] { grid-auto-flow: column; justify-content: start; }
.ui-navigation>li { min-width: 0; }
.ui-nav-copy { display: grid; gap: calc(var(--ui-unit) * (1 / 2)); flex: 1; min-width: 0; }
.ui-nav-label { overflow-wrap: anywhere; }
.ui-nav-description { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--ui-unit) * (3 / 2)) calc(var(--ui-unit) * 2); font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); font-weight: var(--ui-weight-regular); color: var(--ui-muted); }
.ui-nav-suffix { margin-inline-start: auto; font-size: var(--ui-text-2xs); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
:where(.ui-choice-list) { margin: 0; }
.ui-choice-list { list-style: none; padding: 0; border-radius: var(--ui-radius-lg); background-color: var(--ui-surface); }
.ui-choice-list:has(>.ui-choice),.ui-choice-list:has(>li) { border: var(--ui-stroke) solid var(--ui-border); box-shadow: var(--ui-shadow-1); overflow: auto; }
.ui-choice-list>li { margin: 0; padding: 0; min-width: 0; }
.ui-choice-list>li+li,.ui-choice-list>.ui-choice+.ui-choice { border-block-start: var(--ui-stroke) solid var(--ui-border-subtle); }
:where(.ui-media) { margin: 0; }
.ui-media { min-width: 0; display: grid; gap: calc(var(--ui-unit) * 2); }
.ui-media>img { display: block; width: 100%; height: auto; min-width: 0; border-radius: var(--ui-radius-lg); background-color: var(--ui-subtle); object-fit: cover; }
.ui-media:not([data-ratio=natural])>img { height: auto; aspect-ratio: var(--ui-media-ratio,1); }
.ui-media[data-ratio=square] { --ui-media-ratio: 1; }
.ui-media[data-ratio=portrait] { --ui-media-ratio: 3/4; }
.ui-media[data-ratio=landscape] { --ui-media-ratio: 3/2; }
.ui-media[data-ratio=wide] { --ui-media-ratio: 16/9; }
.ui-media[data-fit=contain]>img { object-fit: contain; }
.ui-media[data-position=top]>img { object-position: top; }
.ui-media[data-position=bottom]>img { object-position: bottom; }
.ui-media[data-position=left]>img { object-position: left; }
.ui-media[data-position=right]>img { object-position: right; }
.ui-media[data-sizing=fill] { height: 100%; min-height: 0; grid-template-rows: minmax(0,1fr); }
.ui-media[data-sizing=fill]>img { height: 100%; min-height: 0; }
.ui-media>figcaption { font-size: var(--ui-text-xs); line-height: var(--ui-leading-xs); color: var(--ui-muted); overflow-wrap: anywhere; }
.lol-button,.lol-trigger { min-height: max(var(--ui-control-height),var(--ui-target-min)); padding: 0 var(--ui-control-inset); border: var(--ui-stroke) solid var(--ui-button-border); border-radius: var(--ui-radius); background-color: var(--ui-button-surface); color: var(--ui-text); box-shadow: var(--ui-shadow-1); font-size: inherit; line-height: var(--ui-control-line); font-weight: var(--ui-weight-medium); letter-spacing: var(--ui-tracking-tight); transition: background-color var(--ui-duration-quick) var(--ui-ease),border-color var(--ui-duration-quick) var(--ui-ease); }
.lol-button:enabled:hover,.lol-trigger:enabled:hover { background-color: var(--ui-gray-3); border-color: var(--ui-button-border); }
.lol-button:enabled:active,.lol-trigger:enabled:active { background-color: var(--ui-gray-4); }
.lol-button[data-holding=true] { border-color: var(--ui-accent-border); background-color: var(--ui-accent-soft); }
.lol-button [data-part=progress] { background-color: var(--ui-accent); opacity: 0.16; }
.lol-tabs [role=tablist] { gap: calc(var(--ui-unit) * 1); padding: calc(var(--ui-unit) * 1) 0 calc(var(--ui-unit) * 2); border-block-end: var(--ui-stroke) solid var(--ui-border-subtle); }
.lol-tabs [role=tab] { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: 0 var(--ui-item-padding-inline); border-radius: var(--ui-radius); font-size: var(--ui-text-sm); line-height: var(--ui-leading-sm); font-weight: var(--ui-weight-medium); color: var(--ui-muted); transition: color var(--ui-duration-quick) var(--ui-ease); }
.lol-tabs [role=tab]:enabled:hover,.lol-tabs [role=tab][aria-selected=true] { color: var(--ui-text); }
.lol-tabs [data-part=selection-indicator],.lol-tabs [data-part=hover-indicator] { border-radius: var(--ui-radius); }
.lol-tabs [data-part=selection-indicator] { background-color: var(--ui-surface-raised); border-color: var(--ui-border); box-shadow: var(--ui-shadow-1); }
.lol-tabs [data-indicator-style=underline] [data-part=selection-indicator] { background-color: transparent; box-shadow: inset 0 calc(-1 * var(--ui-stroke-strong)) var(--ui-accent); }
.lol-tabs [role=tabpanel] { padding-block: var(--ui-space-4); }
.lol-reorder [data-part=handle] { min-height: max(var(--ui-item-height),var(--ui-target-min)); padding: 0 var(--ui-space-2); border-radius: var(--ui-radius); }
}
@layer lol, ui;
@layer ui {
@scope (.ui-button) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { font-family: inherit; font-size: var(--ui-button-font-size,inherit); line-height: var(--ui-control-line); --ui-control-box-height: max(var(--ui-button-height,var(--ui-control-height)),var(--ui-target-min)); min-height: var(--ui-control-box-height); padding-block: max(calc(var(--ui-unit) * 0),calc(calc(var(--ui-control-box-height) - var(--ui-control-line) - calc(2 * var(--ui-stroke))) / 2)); padding-inline-start: var(--ui-control-inset); padding-inline-end: calc(var(--ui-control-inset) + var(--ui-control-trailing-width,0px)); border-radius: var(--ui-radius); --ui-control-trailing-width: 0px; --ui-tone-solid: var(--ui-gray-12); --ui-tone-solid-hover: color-mix(in oklab,var(--ui-gray-12) 86%,var(--ui-gray-9)); --ui-tone-on-solid: var(--ui-gray-1); --ui-tone-soft: var(--ui-gray-3); --ui-tone-soft-hover: var(--ui-gray-4); --ui-tone-text: var(--ui-text); --ui-tone-border: var(--ui-button-border); --ui-tone-surface: var(--ui-button-surface); --ui-tone-fill: var(--ui-accent); --ui-tone-on-fill: var(--ui-on-accent); position: relative; display: var(--ui-button-display,inline-flex); align-items: center; justify-content: var(--ui-button-justify,center); overflow: var(--ui-button-overflow,visible); isolation: var(--ui-button-isolation,auto); flex-shrink: 0; gap: var(--ui-control-gap); width: var(--ui-button-width,auto); max-width: 100%; text-align: var(--ui-button-align,center); min-width: var(--ui-target-min); border-width: var(--ui-stroke); border-style: solid; border-color: var(--ui-tone-border); background-color: var(--ui-tone-surface); color: var(--ui-tone-text); box-shadow: var(--ui-shadow-1); font-weight: var(--ui-weight-medium); letter-spacing: var(--ui-tracking-tight); text-decoration: none; white-space: normal; overflow-wrap: break-word; user-select: none; transition: background-color var(--ui-duration-quick) var(--ui-ease),border-color var(--ui-duration-quick) var(--ui-ease),box-shadow var(--ui-duration-quick) var(--ui-ease),transform var(--ui-duration-quick) var(--ui-ease); }:scope>[data-part=label] { min-width: 0; }:scope>.ui-icon { width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); }:scope>[data-part=indicator] { display: inline-flex; flex-shrink: 0; width: calc(var(--ui-unit) * 4); height: calc(var(--ui-unit) * 4); margin-inline-start: calc(var(--ui-unit) * (-1 / 2)); transition: rotate var(--ui-duration-control) var(--ui-ease-standard); }:scope>[data-part=indicator]>.ui-icon { width: 100%; height: 100%; }:scope:where([data-tone="accent"]) { --ui-tone-solid: var(--ui-accent); --ui-tone-solid-hover: var(--ui-accent-hover); --ui-tone-on-solid: var(--ui-on-accent); --ui-tone-soft: var(--ui-accent-soft); --ui-tone-soft-hover: var(--ui-accent-soft-hover); --ui-tone-text: var(--ui-accent-text); --ui-tone-border: var(--ui-accent-border); }:scope:where([data-tone="danger"]) { --ui-tone-solid: var(--ui-danger-solid); --ui-tone-solid-hover: var(--ui-danger-10); --ui-tone-on-solid: var(--ui-on-danger); --ui-tone-soft: var(--ui-danger-soft); --ui-tone-soft-hover: var(--ui-danger-4); --ui-tone-text: var(--ui-danger); --ui-tone-border: var(--ui-danger-border); --ui-tone-fill: var(--ui-danger-solid); --ui-tone-on-fill: var(--ui-on-danger); }:scope:where([data-emphasis="solid"]) { background-color: var(--ui-tone-solid); color: var(--ui-tone-on-solid); border-color: transparent; }:scope:where([data-emphasis="soft"]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-emphasis="ghost"]) { background-color: transparent; color: var(--ui-tone-text); border-color: transparent; box-shadow: none; }:scope:where([data-size=small]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 2) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-sm)); gap: calc(var(--ui-unit) * (3 / 2)); --ui-control-inset: max(calc(var(--ui-unit) * (5 / 2)),calc(var(--ui-radius) + var(--ui-stroke))); }:scope:where([data-size=small])>.ui-icon { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=small])>[data-part=indicator] { width: calc(var(--ui-unit) * (7 / 2)); height: calc(var(--ui-unit) * (7 / 2)); }:scope:where([data-size=large]) { --ui-control-box-height: max(var(--ui-button-height,calc(var(--ui-control-line) + calc(calc(var(--ui-unit) * 6) * var(--ui-density)))),var(--ui-target-min)); font-size: var(--ui-button-font-size,var(--ui-text-lg)); }:scope:where([data-size=large])>.ui-icon { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where([data-size=large])>[data-part=indicator] { width: calc(var(--ui-unit) * (9 / 2)); height: calc(var(--ui-unit) * (9 / 2)); }:scope:where(:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"]:hover:not(:disabled):not([aria-disabled=true]):not([data-effect=arrow-fill])) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where(:active:not(:disabled):not([aria-disabled=true])) { transform: translateY(var(--ui-stroke)); }:scope:where([aria-pressed=true]) { background-color: var(--ui-accent-soft); color: var(--ui-accent-text); border-color: var(--ui-accent-border); }:scope:where([aria-expanded=true]) { background-color: var(--ui-tone-soft); color: var(--ui-tone-text); }:scope:where([aria-expanded=true])>[data-part=indicator] { rotate: 180deg; }:scope:where([data-emphasis="solid"][aria-expanded=true]) { background-color: var(--ui-tone-solid-hover); color: var(--ui-tone-on-solid); }:scope:where([data-emphasis="soft"][aria-expanded=true]) { background-color: var(--ui-tone-soft-hover); color: var(--ui-tone-text); }:scope:where([data-emphasis="solid"]:focus-visible) { outline-color: var(--ui-tone-on-solid); outline-offset: calc(-2 * var(--ui-focus-width)); }:scope:where([data-effect=arrow-fill]) { padding-inline-end: calc(var(--ui-control-box-height) + var(--ui-control-gap)); overflow: var(--ui-button-overflow,hidden); isolation: var(--ui-button-isolation,isolate); --ui-fill-background: var(--ui-tone-fill); --ui-fill-text: var(--ui-tone-on-fill); }:scope:where([data-emphasis="solid"][data-effect=arrow-fill]) { --ui-fill-background: var(--ui-tone-on-solid); --ui-fill-text: var(--ui-tone-solid); }:scope:where([data-effect=arrow-fill]:focus-visible) { outline-color: var(--ui-focus); outline-offset: calc(var(--ui-unit) * (1 / 2)); }:scope:where(:is(:disabled,[aria-disabled=true]):not([data-pending=true])) { --ui-tone-solid: var(--ui-gray-3); --ui-tone-on-solid: var(--ui-gray-9); --ui-tone-soft: var(--ui-gray-3); --ui-tone-text: var(--ui-gray-9); --ui-tone-border: var(--ui-border-subtle); --ui-tone-surface: var(--ui-gray-2); --ui-fill-background: var(--ui-gray-3); --ui-fill-text: var(--ui-gray-9); box-shadow: none; cursor: not-allowed; }:scope:where([data-pending=true]) { cursor: progress; }
}
}
@scope (.wp-controls) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { display: none; align-items: center; gap: var(--wp-control-gap,.75rem); flex-wrap: wrap; padding: var(--wp-controls-padding,.75rem 1rem); border-block-start: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope>.wp-position { flex: 1; text-align: center; font-variant-numeric: tabular-nums; min-width: 8ch; }@container presentation (max-width:40rem) {
:scope>.wp-position { font-size: var(--wp-position-size,.875rem); }}
@media (scripting: enabled) {
:scope:where(:is(.wp-stage:not([data-ready=true])>*)) { display: flex; visibility: hidden; }}
:scope:where(:is(.wp-stage[data-ready=true]>*)) { display: flex; }@media print {
:scope:where(:is(.wp-stage[data-ready=true]>*)) { display: none; }}
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>.wp-stage>*)) { display: none; }
}
@scope (.wp-overview) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { padding: calc(var(--ui-unit) * 3) calc(var(--ui-unit) * 4); }:scope>summary { cursor: pointer; display: list-item; align-content: center; min-height: calc(var(--ui-unit) * 11); }:scope>summary:focus-visible { outline: var(--ui-focus-width,2px) solid var(--wp-focus,var(--ui-focus,currentColor)); outline-offset: var(--ui-focus-offset,-2px); }:scope>ol { padding-inline-start: calc(var(--ui-unit) * 6); display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: calc(var(--ui-unit) * 2) calc(var(--ui-unit) * 8); font-size: calc(var(--ui-unit) * 4); line-height: 1.5; }@media print {
:scope { display: none; }}
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>.wp-stage>*)) { display: none; }
}
@scope (.wp-overview-entry) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { min-width: 0; break-inside: avoid; margin-block: 0; }:scope>a { display: block; box-sizing: border-box; overflow-wrap: anywhere; font-family: inherit; font-size: inherit; background-color: transparent; color: inherit; text-align: start; text-decoration: underline; text-underline-offset: .2em; min-height: calc(var(--ui-unit) * 11); padding: calc(var(--ui-unit) * 1) calc(var(--ui-unit) * 2); }:scope>a[aria-current=step] { font-weight: 700; text-decoration-thickness: 2px; }
}
@scope (.wp-print) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { background-color: var(--wp-paper,var(--ui-surface,Canvas)); color: var(--wp-ink,var(--ui-text,CanvasText)); font-family: var(--wp-font,inherit); font-size: var(--wp-text-size,1rem); line-height: var(--wp-line-height,1.5); container-type: inline-size; container-name: presentation; }@media print {
:scope { margin: 0; padding: 0; }}

}
@scope (.wp-reading) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { background-color: var(--wp-reading-surface-background,var(--wp-paper,var(--ui-surface,Canvas))); color: var(--wp-reading-surface-foreground,var(--wp-ink,var(--ui-text,CanvasText))); font-family: var(--wp-font,inherit); font-size: var(--wp-text-size,1rem); line-height: var(--wp-line-height,1.5); container-type: inline-size; container-name: presentation; max-width: var(--wp-reading-measure,var(--wp-reading-measure,78ch)); margin-inline: auto; padding: var(--wp-reading-padding,var(--wp-reading-padding,2rem)); }:scope>section { margin-block: var(--wp-section-gap,3rem); }
}
@scope (.wp-scene) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope>[data-presentation-state][hidden] { display: none; }:scope:where([hidden]) { display: none; }:scope:where(:is(.wp-stage[data-ready=true]>.wp-viewport>*)) { min-height: 100%; box-sizing: border-box; display: grid; }@container presentation (max-width:40rem) {
:scope:where(:is(.wp-stage[data-ready=true]>.wp-viewport>*)) { min-height: 0; }}

}
@scope (.wp-snapshot) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { padding: var(--wp-snapshot-padding,var(--wp-padding,clamp(1.25rem,4cqi,4rem))); font-size: var(--wp-snapshot-text-size,var(--wp-text-size,1rem)); min-width: 0; box-sizing: border-box; }:scope>h2 { font-family: var(--wp-heading-font,inherit); font-size: var(--wp-heading-size,clamp(1.75rem,3cqi,3.5rem)); font-weight: var(--wp-heading-weight,650); line-height: var(--wp-heading-line-height,1.12); text-wrap: balance; margin: 0 0 var(--wp-heading-gap,1.25em); }:scope>h3 { font-family: var(--wp-heading-font,inherit); font-size: var(--wp-heading-size,clamp(1.75rem,3cqi,3.5rem)); font-weight: var(--wp-heading-weight,650); line-height: var(--wp-heading-line-height,1.12); text-wrap: balance; margin: 0 0 var(--wp-heading-gap,1.25em); }:scope>.wp-explanation { max-width: var(--wp-prose-measure,70ch); margin: var(--wp-explanation-gap,1.75rem) 0 0; white-space: pre-line; }:scope:where([data-mode="reading"]) { padding: var(--wp-snapshot-padding,var(--wp-reading-snapshot-padding,1.5rem 0)); border-block-end: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope:where([data-mode="print"]) { break-inside: avoid; break-after: page; }:scope:where([data-mode="reading"])>h3 { font-size: var(--wp-reading-heading-size,1.5rem); }:scope:where([data-mode="reading"])>.wp-explanation { margin-block: 1rem 2rem; }@media print {
:scope { print-color-adjust: exact; }}
@media print {
:scope>h2 { font-size: var(--wp-print-heading-size,28pt); }}
@media print {
:scope>.wp-explanation { font-size: var(--wp-print-text-size,12pt); }}
@media print {
:scope:where([data-mode="print"]) { width: var(--wp-page-width); height: var(--wp-page-height); padding: var(--wp-snapshot-padding,var(--wp-print-padding,12mm)); overflow: visible; }}
:scope:where([data-mode="print"]:last-child) { break-after: auto; }
}
@scope (.wp-stage) to (:scope :is(.ui-button,.wp-controls,.wp-overview,.wp-overview-entry,.wp-print,.wp-reading,.wp-scene,.wp-snapshot,.wp-stage)) {
:scope { background-color: var(--wp-stage-surface-background,var(--wp-paper,var(--ui-surface,Canvas))); color: var(--wp-stage-surface-foreground,var(--wp-ink,var(--ui-text,CanvasText))); font-family: var(--wp-stage-font,var(--wp-font,inherit)); font-size: var(--wp-stage-text-size,var(--wp-text-size,1rem)); line-height: var(--wp-line-height,1.5); position: relative; min-width: 0; isolation: isolate; container-type: inline-size; container-name: presentation; }:scope>.wp-viewport { min-width: 0; }:scope>.wp-viewport:focus-visible { outline: var(--ui-focus-width,2px) solid var(--wp-focus,var(--ui-focus,currentColor)); outline-offset: var(--ui-focus-offset,-2px); }@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-viewport { aspect-ratio: var(--wp-aspect-ratio,16/9); overflow: hidden; position: relative; }}
@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-viewport>* { visibility: hidden; }}
@container presentation (max-width:40rem) {
@media (scripting: enabled) {
:scope:where(:not([data-ready=true]))>.wp-viewport { aspect-ratio: auto; min-height: var(--wp-narrow-min-height,24rem); }}
}
:scope:where([data-ready=true])>.wp-viewport { aspect-ratio: var(--wp-aspect-ratio,16/9); overflow: auto; position: relative; }@container presentation (max-width:40rem) {
:scope:where([data-ready=true])>.wp-viewport { aspect-ratio: auto; min-height: var(--wp-narrow-min-height,24rem); }}
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*)) { width: var(--wp-canvas-width,1280px); height: var(--wp-canvas-height,720px); transform-origin: top left; scale: tan(atan2(100cqi,var(--wp-canvas-width,1280px))); }:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*))>.wp-viewport { aspect-ratio: 16/9; min-height: 0; overflow: auto; }@media (max-width:40rem) {
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*)) { width: 100%; height: auto; scale: none; }}
@media (max-width:40rem) {
:scope:where(:is(.wp-audience[data-ready=true]>.wp-audience-canvas>*))>.wp-viewport { aspect-ratio: auto; overflow: visible; }}

}
@scope (.wp-composition) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope { display: grid; gap: var(--wp-composition-gap,var(--wp-exhibit-gap,clamp(1rem,3cqi,3rem))); align-items: start; grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }:scope>.wp-composition-primary { min-width: 0; }:scope>.wp-composition-secondary { min-width: 0; }:scope>.wp-composition-evidence { grid-column: 1/-1; padding-block-start: calc(var(--ui-unit) * 4); border-block-start: 1px solid var(--wp-border,var(--ui-border,currentColor)); }:scope:where([data-layout="split"]) { grid-template-columns: var(--wp-composition-columns,var(--wp-split-columns,minmax(0,1fr) minmax(0,1.15fr))); }:scope:where([data-layout="comparison"]) { grid-template-columns: var(--wp-composition-columns,repeat(2,minmax(0,1fr))); }:scope:where([data-layout="exhibit"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }@container presentation (max-width:40rem) {
:scope:where([data-layout="split"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }}
@container presentation (max-width:40rem) {
:scope:where([data-layout="comparison"]) { grid-template-columns: var(--wp-composition-columns,minmax(0,1fr)); }}

}
@scope (.wp-entity) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope { transform-origin: 0 0; }@media print {
:scope { transform: none; }}
@media (prefers-reduced-motion:reduce) {
:scope { transform: none; }}

}
@scope (.wp-sequence) to (:scope :is(.wp-composition,.wp-entity,.wp-sequence)) {
:scope>[data-sequence-state][hidden] { display: none; }
}
@scope (.wp-diagram) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { --wp-drawing-ink: var(--wp-diagram-ink,var(--wp-ink,var(--ui-text,CanvasText))); --wp-drawing-accent: var(--wp-diagram-accent,var(--ui-accent,currentColor)); --wp-drawing-quiet: var(--wp-diagram-quiet,var(--ui-muted,currentColor)); --wp-drawing-alert: var(--wp-diagram-alert,var(--ui-danger,var(--ui-warning,currentColor))); --wp-drawing-projected-height: var(--wp-diagram-projected-height,none); display: grid; gap: var(--wp-diagram-gap,calc(var(--ui-unit) * 3)); margin: 0; min-width: 0; font-size: var(--wp-diagram-text-size,inherit); container-type: inline-size; container-name: diagram; }:scope>figcaption { font-size: .78em; line-height: 1.4; font-weight: 550; text-wrap: balance; }:scope>p { font-size: .67em; line-height: 1.45; margin: 0; max-width: 75ch; }@media print {
:scope { break-inside: avoid; }}

}
@scope (.wp-diagram-label) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { font-family: var(--wp-font,inherit); font-size: 22px; fill: var(--wp-drawing-ink); stroke: none; }:scope:where([data-label="code"]) { font-family: var(--wp-code-font,monospace); font-size: 23px; }:scope:where([data-label="axis"]) { font-size: 20px; fill: var(--wp-drawing-quiet); }:scope:where([data-label="emphasis"]) { font-weight: 650; fill: var(--wp-drawing-accent); }:scope:where([data-label="value"]) { font-size: 32px; font-family: var(--wp-code-font,monospace); }:scope:where([data-label="return"]) { font-family: var(--wp-code-font,monospace); font-size: 21px; font-weight: 600; fill: var(--wp-drawing-accent); }:scope:where([data-label="elision"]) { font-family: var(--wp-code-font,monospace); font-size: 23px; fill: var(--wp-drawing-quiet); }:scope:where([data-label="alert"]) { font-size: 20px; font-weight: 650; fill: var(--wp-drawing-alert); }
}
@scope (.wp-diagram-mark) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { fill: none; stroke: var(--wp-drawing-ink); stroke-width: 2; }:scope:where([data-mark="axis"]) { stroke: var(--wp-drawing-quiet); stroke-width: 1; opacity: .55; }:scope:where([data-mark="guide"]) { stroke: var(--wp-drawing-quiet); stroke-width: 1; stroke-dasharray: 2 8; opacity: .4; }:scope:where([data-mark="flow"]) { stroke: var(--wp-drawing-accent); stroke-width: 4; }:scope:where([data-mark="wash"]) { fill: var(--wp-drawing-accent); fill-opacity: .09; stroke: none; }:scope:where([data-mark="cursor"]) { stroke: var(--wp-drawing-accent); stroke-width: 2; stroke-dasharray: 5 5; }:scope:where([data-mark="point"]) { fill: var(--wp-paper,var(--ui-surface,Canvas)); stroke: var(--wp-drawing-accent); stroke-width: 3; }:scope:where([data-mark="divider"]) { stroke: var(--wp-drawing-accent); stroke-width: 2; stroke-dasharray: 3 5; opacity: .7; }:scope:where([data-mark="limit"]) { stroke: var(--wp-drawing-alert); stroke-width: 2; stroke-dasharray: 10 6; }:scope:where([data-mark="climb"]) { stroke: var(--wp-drawing-alert); stroke-width: 4; stroke-dasharray: 4 7; }:scope:where([data-mark="overflow"]) { stroke: var(--wp-drawing-alert); stroke-width: 4; }:scope:where([data-mark="shelf"]) { stroke: var(--wp-drawing-quiet); stroke-width: 2; }:scope:where([data-mark="frame"]) { fill: var(--wp-paper,var(--ui-surface,Canvas)); stroke: var(--wp-drawing-quiet); stroke-width: 2; }:scope:where([data-mark="frame-next"]) { fill: var(--wp-drawing-accent); fill-opacity: .14; stroke: var(--wp-drawing-accent); stroke-width: 3; }:scope:where([data-mark="result"]) { fill: var(--wp-drawing-accent); fill-opacity: .14; stroke: var(--wp-drawing-accent); stroke-width: 4; }
}
@scope (.wp-diagram-svg) to (:scope :is(.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
:scope { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--wp-font,inherit); font-size: 22px; fill: var(--wp-drawing-ink); stroke-linecap: round; stroke-linejoin: round; }:scope:where([data-layout="compact"]) { display: none; }:scope:where([data-layout="wide"]) { display: block; }@container diagram (max-width:45rem) {
:scope:where([data-layout="compact"]) { display: block; }}
@container diagram (max-width:45rem) {
:scope:where([data-layout="wide"]) { display: none; }}
@container presentation (min-width:40.01rem) {
:scope { max-height: var(--wp-drawing-projected-height,none); }}

}
[id="print"].wp-print { --wp-page-width: 320.000mm; --wp-page-height: 180.000mm; }[id="print"].wp-print .wp-snapshot { page: wp-70-72-69-6E-74; }@page wp-70-72-69-6E-74 { size: 320.000mm 180.000mm; margin: 0; }.nc-explorer,.nc-source .wi-code,.nc-result-actions { --ui-gray-1: light-dark(#fcfdfe,#0f1011); --ui-gray-2: light-dark(#f7f8f9,#171819); --ui-gray-3: light-dark(#eff0f2,#202123); --ui-gray-4: light-dark(#e7e9eb,#27282a); --ui-gray-5: light-dark(#e0e2e4,#2e3032); --ui-gray-6: light-dark(#d8dadd,#37383b); --ui-gray-7: light-dark(#cdcfd2,#444649); --ui-gray-8: light-dark(#b7b9bd,#585a5e); --ui-gray-9: light-dark(#898c91,#686b70); --ui-gray-10: light-dark(#94979c,#5e6166); --ui-gray-11: light-dark(#616368,#b3b5b8); --ui-gray-12: light-dark(#1c1e21,#ecedee); --ui-canvas: light-dark(#f7f8f9,#0f1011); --ui-surface: light-dark(#ffffff,#171819); --ui-surface-raised: light-dark(#ffffff,#202123); --ui-subtle: var(--ui-gray-3); --ui-subtle-hover: var(--ui-gray-4); --ui-subtle-active: var(--ui-gray-5); --ui-text: var(--ui-gray-12); --ui-muted: var(--ui-gray-11); --ui-faint: var(--ui-gray-9); --ui-placeholder: light-dark(#6f7277,#7e8186); --ui-border-subtle: var(--ui-gray-5); --ui-border: var(--ui-gray-6); --ui-border-strong: var(--ui-gray-7); --ui-control-border: light-dark(#8e9094,#636569); --ui-menu-item-hover: var(--ui-gray-3); --ui-button-surface: var(--ui-surface-raised); --ui-button-border: var(--ui-gray-7); --ui-button-hover: var(--ui-gray-3); --ui-button-active: var(--ui-gray-4); --ui-button-quiet-surface: transparent; --ui-inset-shade: light-dark(#1c1e210a,#0000003d); --ui-overlay: light-dark(#1c1e2152,#0000009e); --ui-shadow-1: 0 1px 2px light-dark(#1c1e210f,#00000066); --ui-shadow-2: 0 1px 2px light-dark(#1c1e210d,#0000005c),0 2px 8px light-dark(#1c1e210f,#0000004c); --ui-shadow-3: 0 2px 6px light-dark(#1c1e210f,#00000066),0 12px 28px light-dark(#1c1e211a,#0000007a); --ui-shadow-4: 0 4px 12px light-dark(#1c1e2114,#00000070),0 24px 56px light-dark(#1c1e2129,#00000099); --ui-radius-factor: 1; --ui-font-sans: "Inter Variable","Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif; --ui-font-mono: var(--wp-code-font); --ui-font-display: var(--ui-font-sans); --color-surface: var(--ui-surface); --color-text: var(--ui-text); --color-border: var(--ui-border); --color-error: var(--ui-danger); --ui-danger-1: light-dark(#fffcfc,#190e0d); --ui-danger-2: light-dark(#fff7f6,#241413); --ui-danger-3: light-dark(#ffecea,#3a1917); --ui-danger-4: light-dark(#ffe1de,#4c1d1b); --ui-danger-5: light-dark(#ffd4d0,#5c2220); --ui-danger-6: light-dark(#ffc3bd,#6e2927); --ui-danger-7: light-dark(#ffa9a2,#873431); --ui-danger-8: light-dark(#ff7e77,#ad413e); --ui-danger-9: #c52b30; --ui-danger-10: #b91b25; --ui-danger-11: light-dark(#b33636,#ffa098); --ui-danger-12: light-dark(#511817,#ffe2df); --ui-danger: var(--ui-danger-11); --ui-danger-solid: var(--ui-danger-9); --ui-on-danger: #ffffff; --ui-danger-soft: var(--ui-danger-3); --ui-danger-border: var(--ui-danger-7); --ui-success-1: light-dark(#fafefb,#0d130e); --ui-success-2: light-dark(#f3fbf5,#131b15); --ui-success-3: light-dark(#e4f7e8,#162a1c); --ui-success-4: light-dark(#d6f2dc,#193521); --ui-success-5: light-dark(#c6ebce,#1e4028); --ui-success-6: light-dark(#b4e2bf,#244d31); --ui-success-7: light-dark(#9bd4a9,#2e5f3d); --ui-success-8: light-dark(#72bf88,#397a4e); --ui-success-9: #198044; --ui-success-10: #00763a; --ui-success-11: light-dark(#2a7846,#8dd09f); --ui-success-12: light-dark(#13361f,#d7f2dd); --ui-success: var(--ui-success-11); --ui-success-solid: var(--ui-success-9); --ui-on-success: #ffffff; --ui-success-soft: var(--ui-success-3); --ui-success-border: var(--ui-success-7); --ui-warning-1: light-dark(#fffcf9,#151009); --ui-warning-2: light-dark(#fff8ee,#1f170d); --ui-warning-3: light-dark(#ffeed9,#312108); --ui-warning-4: light-dark(#fee5c4,#3f2902); --ui-warning-5: light-dark(#fbdaaf,#4d3100); --ui-warning-6: light-dark(#f5cd97,#5c3b00); --ui-warning-7: light-dark(#ebba76,#714a00); --ui-warning-8: light-dark(#dc9d37,#8f5f00); --ui-warning-9: light-dark(#efa30f,#db9400); --ui-warning-10: light-dark(#fbae29,#e99e00); --ui-warning-11: light-dark(#8d5e00,#ebb25f); --ui-warning-12: light-dark(#402800,#fde6c7); --ui-warning: var(--ui-warning-11); --ui-warning-solid: var(--ui-warning-9); --ui-on-warning: #271700; --ui-warning-soft: var(--ui-warning-3); --ui-warning-border: var(--ui-warning-7); --ui-info-1: light-dark(#fbfdff,#0c1119); --ui-info-2: light-dark(#f5f9ff,#121924); --ui-info-3: light-dark(#e9f2ff,#15253b); --ui-info-4: light-dark(#dceaff,#182e4e); --ui-info-5: light-dark(#cee2ff,#1d375e); --ui-info-6: light-dark(#bbd6ff,#234371); --ui-info-7: light-dark(#9fc6ff,#2d538b); --ui-info-8: light-dark(#74acff,#386ab3); --ui-info-9: #236bcf; --ui-info-10: #1660c3; --ui-info-11: light-dark(#2d67ba,#95c0ff); --ui-info-12: light-dark(#132d53,#ddebff); --ui-info: var(--ui-info-11); --ui-info-solid: var(--ui-info-9); --ui-on-info: #ffffff; --ui-info-soft: var(--ui-info-3); --ui-info-border: var(--ui-info-7); --ui-accent-1: light-dark(#fcfdfe,#0f1114); --ui-accent-2: light-dark(#f6f9fd,#16191d); --ui-accent-3: light-dark(#ebf2fb,#1f252d); --ui-accent-4: light-dark(#e0eaf7,#262f3a); --ui-accent-5: light-dark(#d4e1f2,#2d3846); --ui-accent-6: light-dark(#c6d6ea,#374455); --ui-accent-7: light-dark(#b2c5de,#455468); --ui-accent-8: light-dark(#94adcd,#586c86); --ui-accent-9: light-dark(#a8c6ed,#8aa7cd); --ui-accent-10: light-dark(#b3d1f9,#95b2d8); --ui-accent-11: light-dark(#546b88,#a9c0dd); --ui-accent-12: light-dark(#242f3c,#e1eaf7); --ui-accent: var(--ui-accent-9); --ui-accent-hover: var(--ui-accent-10); --ui-on-accent: #141b25; --ui-accent-soft: var(--ui-accent-3); --ui-accent-soft-hover: var(--ui-accent-4); --ui-accent-border: var(--ui-accent-7); --ui-accent-text: var(--ui-accent-11); --ui-focus: light-dark(#546b88,#8aa7cd); --ui-selection: var(--ui-accent-3); --ui-highlight: var(--ui-accent-4); --color-primary: var(--ui-accent); --color-focus: var(--ui-focus); --color-selection: var(--ui-selection); --color-highlight: var(--ui-highlight); }.nc-site { --wp-diagram-accent: var(--link); --wp-diagram-ink: var(--ink); --wp-diagram-quiet: var(--muted); --wp-diagram-projected-height: 18rem; }
.nc-evidence>.wp-diagram { --wp-diagram-projected-height: 22rem; }
@scope (:root) to (:scope :is(.nc-explorer,.wp-diagram,.wp-diagram-label,.wp-diagram-mark,.wp-diagram-svg)) {
@font-face { font-family: NixCon Mono; src: url('/assets/DejaVuSansMono.ttf') format('truetype'); font-display: swap; font-weight: 400; }
.nc-site { --wp-font: var(--body-font); --wp-heading-font: var(--display-font); --wp-paper: var(--paper); --wp-ink: var(--ink); --wp-border: var(--rule); --wp-focus: var(--link); --wp-heading-size: clamp(1.7rem,4cqi,3.5rem); --wp-heading-weight: 500; --wp-heading-line-height: 1.08; --wp-heading-gap: .45em; --wp-text-size: clamp(1rem,2cqi,1.7rem); --wp-padding: clamp(1.25rem,2.8cqi,2.5rem); --wp-code-font: 'NixCon Mono',monospace; --wp-code-size: clamp(.8rem,1.7cqi,1.4rem); --wp-exhibit-gap: 2rem; --ui-font: var(--body-font); background: var(--paper); color: var(--ink); font-family: var(--body-font); font-synthesis: none; margin: 0; scrollbar-color: var(--muted) var(--paper); }
.nc-site ::selection { background: var(--ink); color: var(--paper); }
.nc-site.ui-root,.nc-site .ui-root { --ui-canvas: var(--paper); --ui-surface: var(--paper); --ui-subtle: var(--subtle); --ui-text: var(--ink); --ui-muted: var(--muted); --ui-border: var(--rule); --ui-control-border: var(--control-border); --ui-accent: var(--ink); --ui-accent-hover: var(--link-hover); --ui-accent-soft: var(--soft); --ui-accent-soft-hover: var(--silver); --ui-accent-border: var(--ink); --ui-accent-text: var(--ink); --ui-selection: var(--soft); --ui-highlight: var(--silver); --ui-on-accent: var(--paper); --ui-focus: var(--link); --ui-radius: 2px; --ui-success: var(--link); --ui-success-soft: var(--soft); --ui-info: var(--link); --ui-warning: #75501c; --ui-button-surface: var(--paper); --ui-button-border: var(--control-border); --ui-button-hover: var(--soft); }
.nc-site :is(input,textarea) { caret-color: var(--ink); }
.nc-site a:not(.ui-button) { text-decoration: none; color: var(--link); transition: color 160ms ease; }
.nc-site a:not(.ui-button):hover { color: var(--link-hover); text-decoration: none; }
.nc-site :is(a,button,input,textarea,select):focus-visible { outline: var(--ui-focus-width) solid var(--ui-focus); outline-offset: var(--ui-focus-offset); }
.nc-header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1rem 3vw; border-bottom: 1px solid var(--rule); font-size: 1rem; }
.nc-header nav { display: flex; gap: 1.4rem; flex-wrap: wrap; }
.nc-header a { min-height: 44px; display: inline-flex; align-items: center; }
.nc-header-brand { gap: .75rem; font-weight: 500; }
.nc-header-brand img { width: 28px; height: 28px; }
.nc-explore { max-width: 1280px; margin: 2rem auto 4rem; padding: 0 1.25rem; }
.nc-site .wp-snapshot { position: relative; }
.nc-site .wp-snapshot>h2,.nc-site .wp-snapshot>h3 { max-width: 31ch; letter-spacing: -.025em; text-wrap: balance; }
.nc-site .wp-snapshot p { font-size: inherit; line-height: 1.45; }
.nc-site .wp-snapshot figure { margin: 0; min-width: 0; }
.nc-site figcaption { font-size: .72em; line-height: 1.4; margin-bottom: .8em; font-weight: 500; }
.nc-site .wp-composition { align-items: start; }
.nc-site { --wp-split-columns: minmax(0,1.15fr) minmax(0,1fr); }
.nc-source .wi-code-snapshot,.nc-source .wi-code { font-size: var(--wp-code-size); min-width: 0; }
.nc-source pre,.nc-source .wi-code-pre { font-family: var(--wp-code-font); font-size: inherit; line-height: 1.38; }
.nc-source .wi-code-toolbar { display: none; }
.nc-source .wi-code-heading { display: none; }
.nc-source .wi-code { color-scheme: dark; }
.nc-source .wi-code-frame { border-color: var(--rule); border-radius: 2px; }
.nc-site .nc-source .wi-code-pre { margin: 0; padding: .75em .9em; white-space: pre-wrap; }
.nc-site .nc-source .wi-code-source { color: var(--ui-text); background: transparent; padding: 0; }
.nc-site .nc-source pre { background: var(--ui-surface); color: var(--ui-text); border: 0; }
.nc-frame-order { font-size: .72em!important; margin-top: 1em; margin-bottom: 0; }
.nc-reading-prose { max-width: 70ch; margin: 1.5rem 0 0; font-size: 1.1rem!important; line-height: 1.65!important; }
.nc-model-label,.nc-citation,.nc-provenance { display: block; font-family: var(--body-font); font-size: .6em; line-height: 1.45; color: var(--muted); margin-top: .8em; }
.nc-site .wp-snapshot .nc-citation { font-size: .72em; }
.nc-site .wp-snapshot .nc-resources .nc-citation { font-size: .9em; }
.nc-citation a { text-decoration: none; }
.nc-result { margin-top: .6em!important; padding: .6em .8em; background: var(--night); color: var(--light); border-radius: 2px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 1.5em; row-gap: .35em; align-items: baseline; position: relative; }
.nc-result .nc-demand,.nc-result .nc-output { font-family: var(--wp-code-font); font-size: .7em; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.4; }
.nc-result .nc-output { color: var(--work-light); font-weight: 400; max-height: 3.2em; overflow: auto; min-width: 0; }
.nc-result .nc-provenance { grid-column: 1/-1; color: var(--light-muted); font-size: .5em; margin-top: .6em; }
.nc-result-origin { grid-column: 1/-1; color: var(--light-muted); font-size: .5em; }
.nc-result>figcaption { grid-column: 1/-1; margin-bottom: 0; color: var(--light-muted); }
.nc-result-origin:empty { display: none; }
.nc-result[data-outcome=evaluator-error] .nc-output { color: #f0bcb0; }
.nc-result[data-run-state=running] .nc-output { color: var(--light); animation: nc-evaluating 900ms ease-in-out infinite alternate; }
.nc-result[data-run-state=finished] .nc-output { animation: nc-result-arrived 400ms ease-out; }
@keyframes nc-result-arrived { from { opacity: .2; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.nc-site .nc-result-actions { grid-column: 1/-1; display: flex; align-items: center; gap: .6em; flex-wrap: wrap; font-size: .52em; margin: 0; padding: 0; border: 0; }
.nc-result-actions { color-scheme: dark; }
.wp-preview .nc-result-actions,.wp-overview-thumbnail .nc-result-actions,.wp-audience .nc-result-actions,.wp-reading .nc-result-actions button { display: none; }
.nc-site .wp-presenter-actions button { font-family: var(--wp-code-font); font-size: .85rem; overflow-wrap: anywhere; }
.nc-presenter-example { display: flex; align-items: center; flex-wrap: wrap; gap: .5em; }
.nc-presenter-example>code { flex-basis: 100%; }
.nc-result-actions button:disabled { opacity: .5; cursor: wait; }
.wp-print .nc-result-actions { display: none; }
.nc-demand-table,.nc-branch-table { border-collapse: collapse; font-size: .8em; line-height: 1.35; }
.nc-demand-table { width: 100%; }
.nc-branch-table { width: auto; margin-top: .4em; }
.nc-demand-table th,.nc-branch-table th { text-align: left; font-size: .85em; font-weight: 500; color: var(--muted); padding: .3em 1.4em .45em 0; border-bottom: 1.5px solid var(--control-border); }
.nc-demand-table td,.nc-branch-table td { text-align: left; vertical-align: middle; padding: .55em 1.4em .55em 0; border-bottom: 1px solid var(--rule); }
.nc-demand-table code,.nc-branch-table code { font-family: var(--wp-code-font); font-size: 1.05em; white-space: nowrap; }
.nc-branch-table .nc-branch-arrow { padding-right: .9em; }
.nc-branch-table svg { display: block; width: 1.3em; height: 1em; }
.nc-prediction-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1em; margin: 1.2em 0 0; padding: 0; list-style: none; }
.nc-prediction-options li { display: flex; align-items: center; gap: .7em; padding: .7em .9em; border: 1.5px solid var(--control-border); }
.nc-prediction-options span { font-weight: 600; font-size: .85em; }
.nc-prediction-options code { font-family: var(--wp-code-font); font-size: .82em; }
.nc-result-large { display: flex; flex-direction: column; gap: .6em; min-height: 0; margin: 0!important; padding: 1em; }
.nc-result-large figcaption { font-size: .85em; margin: 0; }
.nc-result-large .nc-output { font-size: 1.2em; margin-block: .3em; min-height: 2.8em; }
.nc-result-large .nc-result-actions { align-self: stretch; margin-top: auto; }
.nc-result-large .nc-provenance { margin-top: auto; font-size: .5em; }
.nc-observation-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.nc-observation-boundary { margin-top: 1.2em; max-width: 48ch; }
.nc-trace-head,.nc-record,.nc-trace-links { display: grid; grid-template-columns: 5.5em minmax(0,1fr); gap: .75em; }
.nc-trace-head { font-family: var(--wp-code-font); font-size: .78em; margin-bottom: .35em; text-align: center; }
.nc-record { min-height: 2.2em; align-items: stretch; }
.nc-key,.nc-total { border: 1.5px solid var(--control-border); display: flex; justify-content: center; align-items: center; padding: .3em .4em; min-width: 0; font-family: var(--wp-code-font); font-size: .85em; white-space: nowrap; }
.nc-pending { border-style: dashed; }
.nc-evaluated { border-color: var(--ink); background: var(--soft); }
.nc-scalar { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.nc-future { color: var(--muted); }
.nc-trace-links { height: 1.35em; align-items: center; }
.nc-trace-links>span { position: relative; display: grid; place-items: center; height: 100%; }
.nc-trace-links svg { width: .85em; height: 1.2em; }
.nc-trace-links small { position: absolute; left: calc(50% + .75em); font-size: .6em; white-space: nowrap; color: var(--muted); }
.nc-payload-link { color: var(--link); }
.nc-link-quiet { visibility: hidden; }
.nc-legend { display: flex; flex-wrap: wrap; gap: .3em 1.1em; margin: .8em 0 0; padding: 0; list-style: none; font-size: .64em; color: var(--muted); }
.nc-legend li { display: flex; align-items: center; gap: .45em; }
.nc-legend li::before { content: ''; width: 1.5em; height: 1em; box-sizing: border-box; border: 1.5px solid var(--control-border); }
.nc-legend .nc-legend-scalar::before { background: var(--ink); border-color: var(--ink); }
.nc-legend .nc-legend-pending::before { border-style: dashed; }
.nc-legend .nc-legend-evaluated::before { background: var(--soft); border-color: var(--ink); }
.nc-trace .nc-model-label { font-size: .6em; margin-top: .35em; }
.nc-title-subtitle { font-size: 1.25em!important; max-width: 22ch; color: var(--light-muted); }
.nc-title { width: 45%; }
.nc-speaker { margin-top: 1.6em; font-size: .8em!important; }
.nc-counter-map,.nc-function-map,.nc-native-map { margin-top: 1em!important; }
.nc-diagram-note { font-size: .78em!important; margin-top: .8em; max-width: 60ch; }
.nc-state-fields { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--rule); margin-top: 1em; }
.nc-state-fields>div { padding: 1em; }
.nc-state-fields>div+div { border-left: 1px solid var(--rule); }
.nc-state-fields code { font-size: 1.25em; }
.nc-state-fields p { font-size: .8em!important; margin-top: .8em; }
.nc-list-map { display: flex; align-items: stretch; gap: .6em; margin-top: .6em; }
.nc-list-gap { align-self: center; }
.nc-loop { display: grid; justify-items: center; gap: .3em; font-size: .74em; color: var(--muted); }
.nc-loop-path { position: relative; justify-self: stretch; height: 1.1em; border: 2px solid var(--ink); border-top: 0; }
.nc-loop-path::before { content: ''; position: absolute; top: 0; left: -1px; width: .7em; height: .7em; border-left: 2px solid var(--ink); border-top: 2px solid var(--ink); transform: translate(-50%,21%) rotate(45deg); }
.nc-loop[data-span=self] .nc-loop-path { margin-inline: 42%; }
.nc-loop[data-span=pair] .nc-loop-path { margin-inline: 25%; }
.nc-loop[data-span=tail] .nc-loop-path { margin-inline: 50% 15.5%; }
.nc-observation-context { margin-block: 0 1em; }
.nc-observation-context code { font-family: var(--wp-code-font); }
.wp-snapshot:has(.nc-title) { background: var(--night); color: var(--light); min-height: 100%; overflow: hidden; }
.wp-snapshot:has(.nc-title)>h2,.wp-snapshot:has(.nc-title)>h3 { font-size: 5.3cqi; max-width: 46%; margin-top: 1em; margin-bottom: .4em; }
.nc-title-art { position: absolute; top: 50%; right: 2.8cqi; width: 49%; height: auto; max-height: 72%; object-fit: contain; transform: translateY(-50%); }
.nc-brand-mark { position: absolute; right: 3rem; top: 3rem; width: 3rem; height: 3rem; filter: brightness(0) invert(1); }
.nc-node-row,.nc-frame-chain { display: flex; align-items: stretch; gap: .5em; margin-top: .6em; }
.nc-node { flex: 1 1 0; min-width: 0; display: grid; align-content: center; gap: .2em; padding: .6em .75em; border: 1.5px solid var(--control-border); text-align: center; }
.nc-node-label { font-size: .8em; font-weight: 500; line-height: 1.25; }
.nc-node-value { display: grid; justify-items: center; font-family: var(--wp-code-font); font-size: .96em; line-height: 1.3; overflow-wrap: anywhere; }
.nc-node-detail { font-size: .74em; line-height: 1.3; color: var(--muted); }
.nc-link { flex: none; display: grid; align-content: center; justify-items: center; gap: .1em; min-width: 1.4em; }
.nc-link svg { width: 1.3em; height: 1em; }
.nc-link :is(small,code) { font-size: .74em; color: var(--muted); white-space: nowrap; }
.nc-link code { font-family: var(--wp-code-font); }
.nc-outcomes { flex: 1 1 0; min-width: 0; display: grid; gap: .5em; }
.nc-contract-table { width: 100%; border-collapse: collapse; font-size: .8em; line-height: 1.4; }
.nc-contract-table th,.nc-contract-table td { text-align: left; vertical-align: top; padding: .8em .8em .8em 0; border-bottom: 1px solid var(--rule); }
.nc-contract-table th { font-size: .8em; font-weight: 500; color: var(--muted); }
.nc-contract-table td:first-child { width: 42%; }
.nc-contract-boundary { font-size: .65em!important; margin-top: 1em; }
.nc-visit-row { display: grid; grid-template-columns: 4.5em 15em auto; gap: 1.2em; align-items: center; padding: .35em 0; }
.nc-visit-row>span,.nc-visit-row>strong { font-size: .8em; font-weight: 400; }
.nc-visit-chain { display: flex; gap: .5em; }
.nc-cons { border: 1px solid var(--ink); background: var(--soft); padding: .65em 1em; font-size: .8em; font-family: var(--wp-code-font); }
.nc-equation { font-size: 1.25em!important; margin-top: .6em; font-family: var(--wp-code-font); }
.nc-policy-pair,.nc-transform-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; margin-top: 1rem; }
.nc-policy-pair h3 { font-size: 1.1em; margin-bottom: .8em; }
.nc-policy-pair code,.nc-transform-pair code { display: block; font-size: .8em; font-family: var(--wp-code-font); line-height: 1.5; margin-block: 1em; overflow-wrap: anywhere; }
.nc-policy-pair p,.nc-transform-pair p { font-size: .85em!important; max-width: 28ch; }
.nc-transform-pair>div>span { font-size: .8em; font-weight: 500; }
.nc-transform-pair p { margin-bottom: 0; }
.nc-dispatch { margin-top: 1em!important; }
.nc-site .wp-snapshot:has(>.nc-evidence.nc-meme) { display: flex; flex-direction: column; min-height: 100%; box-sizing: border-box; }
.nc-site .wp-snapshot>.nc-evidence.nc-meme { flex: 1; display: grid; place-items: center; }
.nc-site .nc-meme { position: relative; width: fit-content; max-width: 100%; margin-inline: auto!important; font-size: clamp(1rem,2.1cqi,1.75rem); }
.nc-meme img { display: block; height: 33cqi; width: auto; max-width: 100%; object-fit: contain; }
.nc-site .nc-meme .nc-meme-top,.nc-site .nc-meme .nc-meme-bottom { position: absolute; left: 4%; right: 4%; margin: 0; text-align: center; font-family: var(--body-font); font-weight: 700; font-size: 1em; line-height: 1.15; text-wrap: balance; color: #fff; text-shadow: -2px -2px 2px #000,2px -2px 2px #000,-2px 2px 2px #000,2px 2px 2px #000,0 0 6px #000; }
.nc-meme-top { top: 5%; }
.nc-meme-bottom { bottom: 5%; }
.nc-site .nc-meme-surprised-pikachu .nc-meme-top { color: #101010; text-shadow: none; top: 4%; }
.nc-site .wp-composition .nc-meme { font-size: clamp(1rem,1.75cqi,1.5rem); align-self: center; }
.nc-site .wp-composition .nc-meme img { width: 100%; height: auto; }
.nc-question-subtitle,.nc-closing-question { font-size: 1.25em!important; max-width: 34ch; margin-top: 1.5em; }
.nc-resource-url { display: block; font-size: 1.5em; font-weight: 500; margin-top: 2em; }
.nc-resource-list { font-size: .8em!important; margin-top: 1em; }
.nc-site .wp-reading { max-width: 72rem; padding: 3rem 2rem; --wp-code-size: 1rem; --wp-text-size: 1.15rem; }
.nc-site .wp-reading>h1 { font-size: 3.5rem; max-width: 20ch; margin-bottom: 1em; }
.nc-site .wp-reading>section>h2 { font-size: 1.2rem; font-weight: 600; padding-block: 1rem; border-bottom: 1px solid var(--rule); }
.nc-site .wp-reading .wp-snapshot>h3 { font-size: 2.2rem; max-width: 30ch; margin-bottom: 1em; }
.nc-site .wp-reading .nc-title-art { position: static; height: auto; max-height: 20rem; margin-top: 2rem; }
.nc-site .wp-reading .wp-snapshot:has(.nc-title) { padding: 2rem; min-height: 0; }
.nc-site .wp-reading .nc-title-subtitle { font-size: 1.4rem!important; }
.nc-site .wp-reading .nc-brand-mark { display: none; }
.nc-site .wp-reading .nc-result .nc-demand,.nc-site .wp-reading .nc-result .nc-output { font-size: 1rem; }
.nc-site .wp-reading .nc-model-label,.nc-site .wp-reading .nc-provenance,.nc-site .wp-reading .nc-citation { font-size: .85rem; }
.nc-index { max-width: 80rem; padding: 5rem 4vw 3rem; margin: auto; }
.nc-index h1 { font-size: clamp(3rem,6vw,5.5rem); max-width: 16ch; line-height: 1.03; letter-spacing: -.035em; }
.nc-index-intro { max-width: 55ch; font-size: 1.3rem; line-height: 1.55; margin-block: 2rem 4rem; }
.nc-talk-row { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; padding-block: 2rem; border-top: 1px solid var(--rule); }
.nc-talk-row h2 { font-size: 2.4rem; margin-bottom: .4em; }
.nc-talk-row p { font-size: 1.1rem; max-width: 45ch; }
.nc-talk-actions { display: flex; flex-wrap: wrap; gap: 1.4rem; align-items: center; }
.nc-talk-actions a { min-height: 44px; align-content: center; font-weight: 500; }
.nc-index-art { width: 100%; height: 20rem; object-fit: cover; margin-top: 3rem; }
.nc-playground { max-width: 68rem; margin: 3rem auto; padding: 0 1.5rem; }
.nc-playground h1 { font-size: clamp(2.3rem,5vw,4rem); line-height: 1.1; margin-block: 0 1.25rem; }
.nc-playground p { max-width: 68ch; font-size: 1.1rem; line-height: 1.55; }
.nc-site .wp-overview a { text-decoration: none; }
@container presentation (max-width:40rem) {
  .nc-site .wp-snapshot>h2,.nc-site .wp-snapshot>h3 { font-size: 1.8rem; max-width: 25ch; }
  .nc-site .wp-composition,.nc-observation-pair,.nc-policy-pair,.nc-transform-pair { grid-template-columns: 1fr; gap: 1.5rem; }
  .nc-site .nc-result { grid-template-columns: 1fr; row-gap: .5em; }
  .nc-site .nc-result .nc-demand,.nc-site .nc-result .nc-output { font-size: .95rem; }
  .nc-site .nc-result .nc-provenance,.nc-site .nc-model-label,.nc-site .nc-citation { font-size: .75rem; }
  .nc-site .nc-trace { font-size: 1.2rem; }
  .wp-snapshot:has(.nc-title) { min-height: 0; }
  .nc-title { width: 100%; }
  .nc-brand-mark { right: 1.25rem; top: 1.25rem; width: 1.5rem; height: 1.5rem; }
  .nc-title-art { position: static; width: 100%; height: auto; max-height: none; transform: none; margin-top: 2rem; }
  .nc-node-row,.nc-frame-chain { flex-wrap: wrap; gap: .5rem; }
  .nc-node-row { flex-direction: column; }
  .nc-node-row>.nc-link svg { transform: rotate(90deg); }
  .nc-node { min-width: 5em; }
  .nc-loop { display: none; }
  .nc-meme img { width: 100%; height: auto; }
  .nc-prediction-options { grid-template-columns: 1fr; }
  .nc-state-fields { grid-template-columns: 1fr; }
  .nc-state-fields>div+div { border-left: 0; border-top: 1px solid var(--rule); }
  .nc-list-map { flex-wrap: wrap; }
  .nc-branch-table,.nc-demand-table { font-size: .7em; }
  .nc-branch-table code,.nc-demand-table code { white-space: normal; }
  .nc-visit-row { grid-template-columns: 3em 1fr; gap: .5em; }
  .nc-visit-row>strong { grid-column: 2; }
  .nc-cons { padding: .5em; }
  .nc-resource-url { font-size: 1.2em; overflow-wrap: anywhere; }
}
@media (max-width:700px) {
  .nc-header { align-items: start; flex-direction: column; gap: .5rem; }
  .nc-explore { padding: 0; margin-top: 0; }
  .nc-talk-row { grid-template-columns: 1fr; }
  .nc-index { padding-top: 3rem; }
  .nc-site .wp-reading { padding: 2rem 1rem; }
  .nc-site .wp-reading>h1 { font-size: 2.5rem; }
}
@media print {
  .nc-result-actions { display: none!important; }
  .nc-site { --wp-text-size: 17pt; --wp-code-size: 14pt; --wp-print-heading-size: 30pt; --wp-print-padding: 11mm; --wp-print-code-size: 14pt; --wp-exhibit-gap: 8mm; }
  .nc-site .wp-snapshot>h2 { font-size: 30pt; max-width: 31ch; }
  .nc-site .wp-snapshot:has(.nc-title) { min-height: 0; }
  .nc-site .wp-snapshot:has(.nc-title)>h2 { font-size: 44pt; max-width: 46%; }
  .nc-site .nc-source pre { font-size: 14pt; }
  .nc-site .nc-result { margin-top: 5mm!important; padding: 3mm 4mm; }
  .nc-site .nc-result .nc-demand,.nc-site .nc-result .nc-output { font-size: 11pt; }
  .nc-site .nc-result .nc-provenance,.nc-site .nc-model-label,.nc-site .nc-citation { font-size: 8pt; }
  .nc-site .nc-brand-mark { width: 12mm; height: 12mm; top: 11mm; right: 11mm; }
  .nc-site .nc-result-large { min-height: 76mm; padding: 6mm; }
  .nc-site .nc-result-large .nc-output { font-size: 20pt; }
  .nc-site .nc-resource-url { font-size: 25pt; }
  .nc-header { display: none!important; }
}

}