@charset "UTF-8";:root{--dsWhite: #ffffff;--dsBlack: #000000;--dsForest100: #17351f;--dsForest200: #102817;--dsForest300: #0b1d0f;--dsForest400: #08170b;--dsForest500: #061108;--dsGold100: #ffe28a;--dsGold200: #ffd86a;--dsGold300: #f5c84b;--dsGold400: #b98c12;--dsGold500: #2c2a12;--dsGreen100: #a8ecb2;--dsGreen200: #9be5ad;--dsGreen300: #6fd17f;--dsGreen400: #55c271;--dsGreen500: #3d9950;--dsGreen600: #26723a;--dsGreen700: #12351c;--dsRed100: #ffb4ad;--dsRed200: #ff7b72;--dsRed300: #c94b45;--dsRed400: #371916;--dsRed500: #f50000;--dsBlue100: #bae6fd;--dsBlue200: #7dd3fc;--dsBlue300: #2580a6;--dsBlue400: #0e2a33;--dsBlue500: #1454d0;--dsNeutral100: #f3f0c8;--dsNeutral200: #b9b27e;--dsNeutral300: #827c5a;--dsNeutral400: #3d6646;--dsNeutral500: #1f3d26;--dsLight100: #fefefe;--dsLight200: #efefef;--dsLight300: #e1e1e1;--dsLight400: #d2d2d2;--dsLight500: #c4c4c4;--dsDark100: #717171;--dsDark200: #575757;--dsDark300: #3f3f3f;--dsDark400: #282828;--dsDark500: #121212;--dsYellow100: #fef0ad;--dsYellow200: #fee67a;--dsYellow300: #fddd48;--dsYellow400: #fcd416;--dsYellow500: #ddb602;--dsMatcha100: #d4dfa7;--dsMatcha200: #b8c471;--dsMatcha300: #8ca63b;--dsMatcha400: #6b7f2f;--dsMatcha500: #4a5d23;--dsCream100: #f2e6d4;--dsCream200: #ddc4a8;--dsCream300: #c4a582;--dsCream400: #a68b6b;--dsCream500: #8b7355}:root{--dsSans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dsMono: "Cascadia Code", "Cascadia Mono", "JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--dsXs: .75rem;--dsSm: .875rem;--dsMd: 1rem;--dsLg: 1.125rem;--dsXl: 1.5rem;--ds2xl: 2rem;--dsTight: 1.2;--dsBody: 1.5;--dsCode: 1.6;--dsRegular: 400;--dsMedium: 500;--dsBold: 700}:root{--dsSemanticXs: .25rem;--dsSemanticSm: .5rem;--dsSemanticMd: 1rem;--dsSemanticLg: 1.5rem;--dsSemanticXl: 2rem;--dsDimension1: .25rem;--dsDimension2: .5rem;--dsDimension3: .75rem;--dsDimension4: 1rem;--dsDimension5: 1.25rem;--dsDimension6: 1.5rem;--dsDimension8: 2rem;--dsDimension10: 2.5rem}:root{--dsBorderRadiusSm: 4px;--dsBorderRadiusMd: 6px;--dsBorderRadiusLg: 8px}:root{--dsShadowSm: 0px 1px 2px 0px rgba(0, 0, 0, .28);--dsShadowMd: 0px 8px 24px 0px rgba(0, 0, 0, .32);--dsShadowLg: 0px 18px 48px 0px rgba(0, 0, 0, .42);--dsFocusRing: 0px 0px 0px 3px rgba(245, 200, 75, .3)}:root{--dsDurationInstant: 80ms;--dsDurationFast: .14s;--dsDurationBase: .2s;--dsDurationSlow: .28s;--dsEasingStandard: cubic-bezier(.2, 0, 0, 1);--dsEasingOut: cubic-bezier(.16, 1, .3, 1);--dsEasingIn: cubic-bezier(.7, 0, .84, 0)}:root{--dsCodeBg: #030904;--dsInteractionControlHeightSm: 32px;--dsInteractionControlHeightMd: 40px;--dsInteractionControlHeightLg: 48px;--dsInteractionLayoutSidebarWidth: 280px;--dsInteractionLayoutToolbarHeight: 48px;--dsInteractionLayoutTopbarHeight: 56px;--dsSurfaceBg: var(--dsForest500);--dsSurfaceSidebar: var(--dsForest400);--dsSurfaceDefault: var(--dsForest300);--dsSurfaceMuted: var(--dsForest200);--dsSurfaceRaised: var(--dsForest100);--dsBorderDefault: var(--dsNeutral500);--dsBorderStrong: var(--dsNeutral400);--dsForegroundDefault: var(--dsNeutral100);--dsForegroundMuted: var(--dsNeutral200);--dsForegroundSubtle: var(--dsNeutral300);--dsForegroundInverse: var(--dsForest500);--dsAccentPrimaryDefault: var(--dsGold300);--dsAccentPrimaryLight: var(--dsGold100);--dsAccentPrimaryDark: var(--dsGold400);--dsAccentPrimaryHover: var(--dsGold200);--dsAccentPrimarySoft: var(--dsGold500);--dsAccentSecondaryDefault: var(--dsGreen400);--dsAccentSecondaryLight: var(--dsGreen200);--dsAccentSecondaryDark: var(--dsGreen600);--dsAccentSecondarySoft: var(--dsGreen700);--dsStatusSuccessDefault: var(--dsGreen300);--dsStatusSuccessLight: var(--dsGreen100);--dsStatusSuccessDark: var(--dsGreen500);--dsStatusSuccessSoft: var(--dsGreen700);--dsStatusWarningDefault: var(--dsGold300);--dsStatusWarningLight: var(--dsGold100);--dsStatusWarningDark: var(--dsGold400);--dsStatusWarningSoft: var(--dsGold500);--dsStatusErrorDefault: var(--dsRed200);--dsStatusErrorLight: var(--dsRed100);--dsStatusErrorDark: var(--dsRed300);--dsStatusErrorSoft: var(--dsRed400);--dsStatusInfoDefault: var(--dsBlue200);--dsStatusInfoLight: var(--dsBlue100);--dsStatusInfoDark: var(--dsBlue300);--dsStatusInfoSoft: var(--dsBlue400);--dsNeutralDefault: var(--dsNeutral200);--dsNeutralLight: var(--dsNeutral400);--dsNeutralDark: var(--dsNeutral100);--dsNeutralSoft: var(--dsForest200);--dsCodeText: var(--dsNeutral100);--dsInteractionScrollbarSize: var(--dsDimension2);--dsInteractionScrollbarTrack: var(--dsForest500);--dsInteractionScrollbarThumb: var(--dsNeutral400);--dsInteractionScrollbarThumbHover: var(--dsGold400)}:root{--ds-color-bg: var(--dsSurfaceBg);--ds-color-sidebar: var(--dsSurfaceSidebar);--ds-color-surface: var(--dsSurfaceDefault);--ds-color-surface-muted: var(--dsSurfaceMuted);--ds-color-surface-raised: var(--dsSurfaceRaised);--ds-color-border: var(--dsBorderDefault);--ds-color-border-strong: var(--dsBorderStrong);--ds-color-text: var(--dsForegroundDefault);--ds-color-text-muted: var(--dsForegroundMuted);--ds-color-text-subtle: var(--dsForegroundSubtle);--ds-color-text-inverse: var(--dsForegroundInverse);--ds-color-primary: var(--dsAccentPrimaryDefault);--ds-color-primary-light: var(--dsAccentPrimaryLight);--ds-color-primary-dark: var(--dsAccentPrimaryDark);--ds-color-primary-hover: var(--dsAccentPrimaryHover);--ds-color-primary-soft: var(--dsAccentPrimarySoft);--ds-color-secondary: var(--dsAccentSecondaryDefault);--ds-color-secondary-light: var(--dsAccentSecondaryLight);--ds-color-secondary-dark: var(--dsAccentSecondaryDark);--ds-color-secondary-soft: var(--dsAccentSecondarySoft);--ds-color-success: var(--dsStatusSuccessDefault);--ds-color-success-light: var(--dsStatusSuccessLight);--ds-color-success-dark: var(--dsStatusSuccessDark);--ds-color-success-soft: var(--dsStatusSuccessSoft);--ds-color-warning: var(--dsStatusWarningDefault);--ds-color-warning-light: var(--dsStatusWarningLight);--ds-color-warning-dark: var(--dsStatusWarningDark);--ds-color-warning-soft: var(--dsStatusWarningSoft);--ds-color-error: var(--dsStatusErrorDefault);--ds-color-error-light: var(--dsStatusErrorLight);--ds-color-error-dark: var(--dsStatusErrorDark);--ds-color-error-soft: var(--dsStatusErrorSoft);--ds-color-info: var(--dsStatusInfoDefault);--ds-color-info-light: var(--dsStatusInfoLight);--ds-color-info-dark: var(--dsStatusInfoDark);--ds-color-info-soft: var(--dsStatusInfoSoft);--ds-color-neutral: var(--dsNeutralDefault);--ds-color-neutral-light: var(--dsNeutralLight);--ds-color-neutral-dark: var(--dsNeutralDark);--ds-color-neutral-soft: var(--dsNeutralSoft);--ds-color-code-bg: var(--dsCodeBg);--ds-color-code-text: var(--dsCodeText);--ds-font-family-sans: var(--dsSans);--ds-font-family-mono: var(--dsMono);--ds-font-family: var(--dsMono);--ds-font-size-xs: var(--dsXs);--ds-font-size-sm: var(--dsSm);--ds-font-size-md: var(--dsMd);--ds-font-size-lg: var(--dsLg);--ds-font-size-xl: var(--dsXl);--ds-font-size-2xl: var(--ds2xl);--ds-line-height-tight: var(--dsTight);--ds-line-height-body: var(--dsBody);--ds-line-height-code: var(--dsCode);--ds-font-weight-regular: var(--dsRegular);--ds-font-weight-medium: var(--dsMedium);--ds-font-weight-bold: var(--dsBold);--ds-spacing-xs: var(--dsSemanticXs);--ds-spacing-sm: var(--dsSemanticSm);--ds-spacing-md: var(--dsSemanticMd);--ds-spacing-lg: var(--dsSemanticLg);--ds-spacing-xl: var(--dsSemanticXl);--ds-space-1: var(--dsDimension1);--ds-space-2: var(--dsDimension2);--ds-space-3: var(--dsDimension3);--ds-space-4: var(--dsDimension4);--ds-space-5: var(--dsDimension5);--ds-space-6: var(--dsDimension6);--ds-space-8: var(--dsDimension8);--ds-space-10: var(--dsDimension10);--ds-radius-sm: var(--dsBorderRadiusSm);--ds-radius-md: var(--dsBorderRadiusMd);--ds-radius-lg: var(--dsBorderRadiusLg);--ds-shadow-sm: var(--dsShadowSm);--ds-shadow-md: var(--dsShadowMd);--ds-shadow-lg: var(--dsShadowLg);--ds-focus-ring: var(--dsFocusRing);--ds-control-height-sm: var(--dsInteractionControlHeightSm);--ds-control-height-md: var(--dsInteractionControlHeightMd);--ds-control-height-lg: var(--dsInteractionControlHeightLg);--ds-scrollbar-size: var(--dsInteractionScrollbarSize);--ds-scrollbar-track: var(--dsInteractionScrollbarTrack);--ds-scrollbar-thumb: var(--dsInteractionScrollbarThumb);--ds-scrollbar-thumb-hover: var(--dsInteractionScrollbarThumbHover);--ds-sidebar-width: var(--dsInteractionLayoutSidebarWidth);--ds-toolbar-height: var(--dsInteractionLayoutToolbarHeight);--ds-topbar-height: var(--dsInteractionLayoutTopbarHeight);--ds-duration-instant: var(--dsDurationInstant);--ds-duration-fast: var(--dsDurationFast);--ds-duration-base: var(--dsDurationBase);--ds-duration-slow: var(--dsDurationSlow);--ds-ease-standard: var(--dsEasingStandard);--ds-ease-out: var(--dsEasingOut);--ds-ease-in: var(--dsEasingIn);--ds-transition-control: color var(--ds-duration-fast) var(--ds-ease-standard), background-color var(--ds-duration-fast) var(--ds-ease-standard), border-color var(--ds-duration-fast) var(--ds-ease-standard), box-shadow var(--ds-duration-fast) var(--ds-ease-standard)}*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.diagonal-line{position:absolute;width:8px;height:3px;background:var(--line-color, var(--dsAccentPrimaryDefault));border-radius:2px;transform:rotate(var(--rotation, 0deg));transform-origin:center;mix-blend-mode:difference;animation:ds-click-line-movement .25s ease-in-out forwards;pointer-events:none;will-change:transform,opacity}@keyframes ds-click-line-movement{0%{opacity:1;transform:rotate(var(--rotation)) translate(0) scaleX(.3) scaleY(.5)}25%{opacity:1;transform:rotate(var(--rotation)) translate(calc(var(--move-x) * .3),calc(var(--move-y) * .3)) scaleX(1) scaleY(1)}50%{opacity:1;transform:rotate(var(--rotation)) translate(calc(var(--move-x) * .6),calc(var(--move-y) * .6)) scaleX(2) scaleY(1.2)}75%{opacity:1;transform:rotate(var(--rotation)) translate(calc(var(--move-x) * .8),calc(var(--move-y) * .8)) scaleX(1.5) scaleY(1.2)}to{opacity:0;transform:rotate(var(--rotation)) translate(calc(var(--move-x) * 1.5),calc(var(--move-y) * 1.5)) scaleX(0) scaleY(.3)}}*{box-sizing:border-box;scrollbar-color:var(--dsInteractionScrollbarThumb, #3d6646) var(--dsInteractionScrollbarTrack, #061108);scrollbar-width:thin}html,body{height:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--dsSurfaceBg, #f7f8fb);color:var(--dsForegroundDefault, #172033);font-family:var(--dsMono, system-ui, sans-serif);line-height:var(--dsBody, 1.5)}button,input,select,textarea{font:inherit}a{color:inherit}*::-webkit-scrollbar{width:var(--dsInteractionScrollbarSize, .5rem);height:var(--dsInteractionScrollbarSize, .5rem)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:var(--dsInteractionScrollbarTrack, #061108)}*::-webkit-scrollbar-thumb{background:var(--dsInteractionScrollbarThumb, #3d6646);border-radius:var(--dsBorderRadiusLg, 8px)}*::-webkit-scrollbar-thumb:hover{background:var(--dsInteractionScrollbarThumbHover, #b98c12)}.reference-page{display:grid;gap:var(--dsDimension8);padding:var(--dsDimension8)}.page-header,.section-heading{display:grid;gap:var(--dsDimension2)}.page-kicker{margin:0;color:var(--dsAccentPrimaryDefault);font-size:var(--dsSm);font-weight:var(--dsBold);text-transform:uppercase}.page-header h1,.section-heading h2{margin:0;color:var(--dsForegroundDefault);line-height:var(--dsTight)}.page-header h1{font-size:var(--ds2xl)}.section-heading h2{font-size:var(--dsXl)}.page-header p:last-child,.section-heading p{max-width:72ch;margin:0;color:var(--dsForegroundMuted)}code{width:fit-content;padding:0 var(--dsDimension1);color:var(--dsCodeText);background:var(--dsCodeBg);border-radius:var(--dsBorderRadiusSm);font-family:var(--dsMono);font-size:var(--dsXs)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--dsFocusRing, 0 0 0 3px rgba(37, 99, 235, .28))}.app-content{animation:ds-page-enter var(--dsDurationSlow) var(--dsEasingOut)}@keyframes ds-page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}