@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body:"Noto Sans SC Variable", "PingFang SC", sans-serif;--font-display:"Manrope Variable", "Noto Sans SC Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#f5f5f3;--bg-raised:#fff;--surface:#ededeb;--surface-strong:#dfdfdc;--text:#111;--muted:#626262;--soft:#707070;--border:#11111114;--primary:#262626;--primary-soft:#e7e7e4;--action-glass-tint:#fff;--demo-bg:linear-gradient(#0000000d 1px, transparent 1px), linear-gradient(90deg, #0000000d 1px, transparent 1px), #ebebe8;--bg-max:var(--bg-raised);--bg-1:#f3f3f1;--bg-2:#ececea;--bg-3:#e5e5e2;--bg-4:#dcdcd8;--bg-5:#cececa;--bg-6:#bdbdb8;--fg-1:var(--text);--fg-2:#4d4d4d;--fg-3:#707070;--fg-4:#999;--border-0:#11111108;--border-1:#11111114;--border-2:#11111138;--shadow-strong:#0000001f;--duration-snappy:.22s;--ease-snappy:cubic-bezier(.175, .885, .32, 1.1);--body-bg:var(--bg);color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;font-feature-settings:"kern" on;text-rendering:optimizelegibility}:root[data-theme=dark]{--bg:#111;--bg-raised:#171717;--surface:#1f1f1f;--surface-strong:#292929;--text:#f5f5f3;--muted:#aaa;--soft:#868686;--border:#ffffff14;--primary:#dededb;--primary-soft:#30302e;--action-glass-tint:#4a4a46;--demo-bg:linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), #1a1a1a;--bg-max:var(--bg-raised);--bg-1:#171717;--bg-2:#1e1e1e;--bg-3:#242424;--bg-4:#2c2c2c;--bg-5:#373737;--bg-6:#464646;--fg-2:#c7c7c5;--fg-3:#9b9b99;--fg-4:#737371;--border-0:#ffffff0b;--border-1:#ffffff16;--border-2:#ffffff3d;--shadow-strong:#00000080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;transition:color .2s,background-color .2s}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}figure{margin:0}::selection{color:var(--text);background:var(--primary-soft)}:where(:focus-visible):not([tabindex="-1"]){box-shadow:none;outline:none}:is(a,button,summary):focus-visible{text-underline-offset:4px;text-decoration:underline}.header-tools :is(.icon-button,.locale-button):focus-visible{background:var(--surface)}main[tabindex="-1"]:focus{box-shadow:none;outline:none}@media (forced-colors:active){:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid highlight}}.skip-link{z-index:100;color:var(--text);border-radius:8px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:where(.dg-switch,.dg-slider,.dg-tabs){--dg-control-accent:var(--primary,var(--lightningcss-light,#262626)var(--lightningcss-dark,#dededb));--dg-control-track:var(--bg-4,var(--lightningcss-light,#dcdcd8)var(--lightningcss-dark,#2c2c2c));--dg-control-surface:var(--bg-1,var(--lightningcss-light,#f3f3f1)var(--lightningcss-dark,#171717));--dg-control-border:var(--border-1,var(--lightningcss-light,#11111114)var(--lightningcss-dark,#ffffff16));--dg-control-text:var(--fg-1,var(--lightningcss-light,#111)var(--lightningcss-dark,#f5f5f3));--dg-control-text-hover:var(--fg-2,var(--lightningcss-light,#4d4d4d)var(--lightningcss-dark,#c7c7c5));--dg-control-text-muted:var(--fg-3,var(--lightningcss-light,#707070)var(--lightningcss-dark,#9b9b99));--dg-control-duration:var(--duration-snappy,.22s);--dg-control-ease:var(--ease-snappy,cubic-bezier(.175, .885, .32, 1.1))}.dg-control__padded-target{box-sizing:content-box;align-items:center;display:flex}.dg-switch{--dg-switch-off:var(--lightningcss-light,#c8c8c5)var(--lightningcss-dark,#535353);--dg-switch-on:var(--lightningcss-light,var(--dg-control-accent))var(--lightningcss-dark,#777773);cursor:pointer;border-radius:999px;display:block;position:relative}.dg-switch:has(input:disabled){opacity:.4;cursor:not-allowed}.dg-switch__input,.dg-slider__input{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dg-switch__track{background:color-mix(in srgb, var(--dg-switch-off), var(--dg-switch-on,var(--dg-control-accent)) calc(var(--dg-switch-progress) * 100%));display:block;position:relative;overflow:visible}.dg-switch__thumb-hit{will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute}.dg-switch__refracted-track{background:color-mix(in srgb, var(--dg-switch-off), var(--dg-switch-on,var(--dg-control-accent)) calc(var(--dg-switch-progress) * 100%));border-radius:999px;width:74px;height:21px}html[data-theme=dark] .dg-switch{--dg-switch-on:#777773}.dg-slider{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;position:relative}.dg-slider:has(input:disabled){opacity:.4;cursor:not-allowed}.dg-slider__root{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative;overflow:visible}.dg-slider__track{width:100%;position:relative;overflow:hidden}.dg-slider__track-base{background:var(--dg-control-track);border-radius:inherit;position:absolute;inset:0}.dg-slider__fill{width:var(--dg-slider-fill);background:var(--dg-control-accent);border-radius:inherit;position:absolute;inset:0 auto 0 0}.dg-slider__thumb-hit{will-change:transform;position:absolute;top:0;left:0}.dg-slider__refracted-track{border-radius:999px;width:240px;height:17px;position:relative;overflow:hidden}.dg-slider__refracted-fill{background:var(--dg-control-accent);border-radius:inherit;transform:translateX(calc((var(--dg-slider-progress) - 1) * 100%));position:absolute;inset:0}.dg-tabs{isolation:isolate;display:inline-block;position:relative}.dg-tabs__container.dg-surface{pointer-events:none;position:absolute;inset:0}.dg-tabs__group{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9999px;padding:2px;display:flex;position:relative}.dg-tabs__solid-thumb{pointer-events:none;z-index:0;transform-origin:50%;will-change:transform, width, opacity;background:#12121614;border-radius:9999px;transition:transform .22s cubic-bezier(.22,1,.36,1),width .18s cubic-bezier(.22,1,.36,1),height .18s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.dg-tabs__glass-layer{z-index:2;pointer-events:none;will-change:opacity;position:absolute;inset:0}.dg-tabs__item{--dg-icon-color-1:#bcbbbb;--dg-icon-color-2:#8f8f8f;cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--dg-control-text-muted);transition:color var(--dg-control-duration) var(--dg-control-ease), background-color .12s ease-out;white-space:nowrap;z-index:1;background:0 0;border:0;border-radius:9999px;align-items:center;gap:6px;padding:10px 13px;font-weight:500;display:flex;position:relative}.dg-tabs__item:hover{color:var(--dg-control-text-hover)}.dg-tabs__item:not([data-selected]):hover{background:#12121609}.dg-tabs>.dg-tabs__group>.dg-tabs__item[data-selected],.dg-tabs[data-crossfading] .dg-tabs__group--glass-base .dg-tabs__item[data-selected]{color:var(--dg-control-text);--dg-icon-color-1:var(--dg-icon-active-1)!important;--dg-icon-color-2:var(--dg-icon-active-2)!important}html[data-theme=dark] .dg-tabs__solid-thumb{background:#ffffff14}html[data-theme=dark] .dg-tabs__item:not([data-selected]):hover{background:#ffffff0a}.dg-tabs__item span{font-size:.875rem;line-height:1}.dg-tabs__icon{flex-shrink:0;width:20px;height:20px}.dg-tabs__overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dg-tabs__glass,.dg-tabs__group--glass-base{pointer-events:none}.dg-tabs__group--overlay{padding:2px}.dg-tabs__item--overlay{color:var(--dg-control-text);pointer-events:none;padding:8px 13px}@media (width<=700px){.dg-tabs__item:nth-of-type(n+5){display:none}}@media (width<=550px){.dg-tabs__item:nth-of-type(n+4){display:none}}@media (width<=460px){.dg-tabs__item:nth-of-type(n+3){display:none}}.dg-liquid-glass{--dg-liquid-menu-radius:44px;--dg-liquid-item-radius:31px;isolation:isolate;border-radius:3px;width:100%;height:880px;position:relative;overflow:hidden}.dg-liquid-menu__fusion-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.dg-liquid-menu__fusion-canvas{width:100%;height:100%;display:block}.dg-liquid-menu__fusion-source{display:none}.dg-liquid-glass,.dg-liquid-menu__panel,.dg-liquid-menu__scroll .dg-scroll-area__thumb{corner-shape:squircle}.dg-liquid-menu__dismiss{z-index:3;pointer-events:none;position:absolute;inset:0}.dg-liquid-menu__dismiss[data-open=true]{pointer-events:auto}.dg-liquid-menu__trigger{z-index:5;width:68px;height:68px;color:var(--text,#111);corner-shape:round;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transform-origin:50%;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.dg-liquid-menu__trigger svg{stroke-width:2px;width:25px;height:25px}.dg-liquid-menu__panel{z-index:4;color:var(--text,#111);pointer-events:none;will-change:opacity, transform, filter, clip-path;background:0 0;position:absolute;overflow:hidden}.dg-liquid-menu__panel[data-open=true]{pointer-events:auto}.dg-liquid-menu__scroll{box-sizing:border-box;--dg-scroll-inset:14px;height:100%}.dg-liquid-menu__scroll-content{padding:14px}.dg-liquid-menu__heading{color:var(--soft,#707070);letter-spacing:-.01em;margin:0 0 13px 47px;font-size:15px;font-weight:580;line-height:1.2}.dg-liquid-menu__section{flex-direction:column;display:flex}.dg-liquid-menu__sort-row,.dg-liquid-menu__filter-row{box-sizing:border-box;width:100%;color:inherit;text-align:left;border-radius:var(--dg-liquid-item-radius);corner-shape:round;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;transition:background-color .16s}.dg-liquid-menu__sort-row:hover,.dg-liquid-menu__filter-row:hover{background:var(--border-1,#0000000d)}.dg-liquid-menu__sort-row:active,.dg-liquid-menu__filter-row:active{background:var(--border-2,#0000001a)}.dg-liquid-menu__sort-row{letter-spacing:-.025em;grid-template-columns:42px minmax(0,1fr);align-items:center;height:64px;min-height:64px;font-size:21px;line-height:1.15;display:grid}.dg-liquid-menu__check{place-items:center;width:42px;height:42px;display:grid}.dg-liquid-menu__check svg{stroke-width:2.35px;width:23px;height:23px}.dg-liquid-menu__label-block{flex-direction:column;gap:5px;min-width:0;display:flex}.dg-liquid-menu__label-block small{color:var(--soft,#707070);letter-spacing:-.01em;font-size:14px;font-weight:520;line-height:1.05}.dg-liquid-menu__divider{background:var(--border-2,#0000001a);height:1px;margin:17px 8px 25px}.dg-liquid-menu__filter-row{letter-spacing:-.022em;grid-template-columns:31px minmax(0,1fr) 24px;align-items:center;gap:17px;min-height:61px;padding:0 8px 0 47px;font-size:20px;line-height:1.1;display:grid}.dg-liquid-menu__filter-row>svg:first-child{stroke-width:1.8px;width:27px;height:27px}.dg-liquid-menu__filter-row[data-active=true]>svg:first-child{stroke-width:2.15px}.dg-liquid-menu__chevron{stroke-width:2.3px;justify-self:end;width:20px;height:20px}@media (width<=640px){.dg-liquid-glass{--dg-liquid-menu-radius:40px;--dg-liquid-item-radius:30px;height:800px}.dg-liquid-menu__scroll-content{padding:10px}.dg-liquid-menu__heading{margin-left:45px}.dg-liquid-menu__filter-row{padding-left:45px;padding-right:6px}}.dg-hero{z-index:1;touch-action:none;background:var(--bg-4,#e5e5e2);border-radius:2px;position:relative;overflow:hidden}.dg-hero[data-variant=secondary]{width:100%}.dg-hero__content{touch-action:none;background:var(--bg-max,Canvas);padding:0;position:relative}.dg-hero__background-frame{aspect-ratio:1400/608;background:var(--bg-4,#e5e5e2);border-radius:0;overflow:hidden}.dg-hero__background{background:var(--demo-bg);object-fit:cover;object-position:center;background-size:52px 52px,52px 52px,auto;width:100%;height:100%;display:block}.dg-video-demo{flex-direction:column;gap:14px;margin:0;padding:0 28px 28px;display:flex}.dg-video-demo__stage{background:0 0;border-radius:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:visible}.dg-video-demo figcaption{color:var(--fg-4);text-align:center;padding:0;font-size:12px;line-height:20px}.dg-video-player{isolation:isolate;aspect-ratio:16/9;border-radius:16px;width:100%;max-width:100%;position:relative;overflow:hidden}.dg-video-player__placeholder,.dg-video-player__video,.dg-video-player__canvas{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.dg-video-player__placeholder{z-index:0;filter:blur(4px)}.dg-video-player__video{z-index:1}.dg-video-player__canvas{z-index:2;transition:opacity .3s}.dg-video-player__controls{z-index:3;opacity:0;filter:blur(4px);pointer-events:none;justify-content:center;align-items:center;gap:24px;transition:opacity .25s ease-out,filter .25s ease-out;display:flex;position:absolute;inset:0}.dg-video-player__controls[data-visible=true]{opacity:1;filter:blur();pointer-events:auto}.dg-video-player__button{cursor:pointer;color:#fff;will-change:transform;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.dg-video-player__button--large{width:111px;height:111px}.dg-video-player__button--small{width:65px;height:65px}.dg-video-player__button--large .dg-video-player__source-icon{width:49.55%;height:49.55%}.dg-video-player__button--small .dg-video-player__source-icon{width:70.83%;height:67.83%}.dg-video-player__source-icon{justify-content:center;align-items:center;display:flex;overflow:visible}.dg-video-player__source-icon svg{width:100%;max-width:none;height:100%;display:block;overflow:visible}.dg-video-player__bar{cursor:pointer;touch-action:none;align-items:center;height:30px;padding:0 14px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.dg-video-player__track{pointer-events:none;background:#ffffff4d;border-radius:3px;flex:1;height:6px;position:relative}.dg-video-player__progress{pointer-events:none;border-radius:inherit;background:#fff;width:0;height:100%;position:absolute;top:0;left:0}@media (width<=767px){.dg-video-demo{padding:0 12px 18px}.dg-video-player__button--large{width:83.25px;height:83.25px}.dg-video-player__button--small{width:48.75px;height:48.75px}.dg-video-player__bar{bottom:12px;left:12px;right:12px}}@media (width<=640px){.dg-hero__background-frame{aspect-ratio:1400/760}}.dg-stage{isolation:isolate;border-radius:inherit;min-width:0;color:inherit;background:var(--lightningcss-light,#f3f3f1)var(--lightningcss-dark,#202020);position:relative}.dg-stage__substrate{pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.dg-stage__contents{min-width:0;position:relative}.dg-surface{isolation:isolate;min-width:0;display:block;position:relative}.dg-surface__optics{pointer-events:none;z-index:-1;position:absolute;inset:-14px}.dg-surface__content{border-radius:inherit;min-width:0;display:block;position:relative}.dg-button,.dg-action__button{touch-action:none}.dg-button{appearance:none;color:inherit;font:inherit;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;padding:0;font-size:13px;font-weight:650;line-height:1;display:inline-block}.dg-button>.dg-surface>.dg-surface__content{justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;display:flex}.dg-button[data-size=small]>.dg-surface>.dg-surface__content{min-height:34px;padding:0 12px;font-size:12px}.dg-button[data-size=large]>.dg-surface>.dg-surface__content{min-height:50px;padding:0 24px}.dg-button[data-variant=solid]{font-weight:650}.dg-button[data-variant=solid] .dg-surface__content{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:inherit}.dg-button[data-variant=ghost] .dg-surface__optics{opacity:.5}.dg-button:disabled{opacity:.45;cursor:not-allowed}.dg-choice:has(input:disabled){opacity:.45;cursor:not-allowed}.dg-field:has(:disabled){opacity:.45;cursor:not-allowed}.dg-button[aria-pressed=true] .dg-surface__content{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:inherit}.dg-toggle>.dg-surface>.dg-surface__content{border-radius:inherit;transition:background-color .18s}.dg-toggle svg{transition:fill-opacity .18s}@media (prefers-reduced-motion:reduce){.dg-toggle>.dg-surface>.dg-surface__content,.dg-toggle svg{transition:none}}.dg-button svg{flex-shrink:0;width:16px;height:16px}.dg-glass-group{vertical-align:middle;isolation:isolate;max-width:100%;display:inline-block;position:relative}.dg-glass-group__optics{pointer-events:none;z-index:-1;position:absolute}.dg-glass-group__items{align-items:center;gap:24px;display:flex}.dg-glass-group__items>*{position:relative}.dg-glass-group__items>.dg-button>.dg-surface>.dg-surface__content{transition:background-color .15s,transform .18s}.dg-glass-group__items>.dg-button:hover:not(:disabled)>.dg-surface>.dg-surface__content{background-color:color-mix(in srgb, currentColor 6%, transparent)}.dg-glass-group__items>.dg-button[data-pressed]>.dg-surface>.dg-surface__content{transform:scale(.96)}.dg-button-group{vertical-align:middle;max-width:100%;display:inline-block}.dg-button-group__items{align-items:stretch;gap:1px;padding:4px;display:flex}.dg-button-group[data-orientation=vertical]>.dg-surface>.dg-surface__content>.dg-button-group__items{flex-direction:column}.dg-button-group__items>:is(.dg-button,a){border-radius:14px;flex:1 0 auto}.dg-button-group__items>.dg-button>.dg-surface{border-radius:inherit!important}.dg-button-group__items>.dg-button>.dg-surface>.dg-surface__content{border-radius:inherit;transition:background-color .15s,transform .18s}.dg-button-group__items>.dg-button:hover:not(:disabled)>.dg-surface>.dg-surface__content{background-color:color-mix(in srgb, currentColor 6%, transparent)}.dg-button-group__items>.dg-button[data-pressed]>.dg-surface>.dg-surface__content{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.dg-button-group__items>.dg-button>.dg-surface>.dg-surface__content{transition:none}}.dg-card{min-width:0;margin:0}.dg-card>.dg-surface>.dg-surface__content{padding:26px}.dg-card h3{font:inherit;margin:0 0 10px;font-weight:650}.dg-card p{opacity:.65;margin:0;line-height:1.65}.dg-badge{font-size:11px;font-weight:550;display:inline-block}.dg-badge>.dg-surface>.dg-surface__content{white-space:nowrap;padding:7px 12px}.dg-field{border-radius:12px;gap:10px;min-width:0;display:grid}.dg-field__label,.dg-radio-group legend{font-size:12px;font-weight:550}.dg-field input,.dg-field textarea,.dg-field select{width:100%;min-height:44px;color:inherit;border-radius:inherit;font:inherit;box-sizing:border-box;background:0 0;border:0;outline:none;padding:13px 16px;display:block}.dg-field :is(input,textarea,select):focus-visible{box-shadow:none}.dg-field textarea{resize:none;scrollbar-width:none;overscroll-behavior:contain;min-height:104px;position:sticky;top:0;overflow:hidden auto}.dg-field textarea::-webkit-scrollbar{display:none}.dg-textarea-scroll{border-radius:inherit;--dg-scroll-inset:18px;min-height:104px}.dg-field select{cursor:pointer;padding-right:32px}.dg-field select option{color:canvastext;background:canvas}.dg-field small{opacity:.6;font-size:11px}.dg-field input::placeholder,.dg-field textarea::placeholder{color:currentColor;opacity:.4}.dg-choice{cursor:pointer;border-radius:8px;align-items:center;gap:12px;font-size:13px;display:inline-flex}.dg-choice>.dg-surface{flex-shrink:0;width:24px;height:24px}.dg-choice .dg-surface__content{place-items:center;height:100%;display:grid}.dg-choice input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.dg-check{pointer-events:none;border-bottom:2px solid;border-left:2px solid;width:10px;height:6px;transition:transform .18s;transform:translateY(-2px)rotate(-45deg)scale(0)}.dg-choice input:checked+.dg-check{transform:translateY(-2px)rotate(-45deg)scale(1)}.dg-radio-dot{pointer-events:none;background:currentColor;border-radius:50%;width:9px;height:9px;transition:transform .18s;transform:scale(0)}.dg-choice input:checked+.dg-radio-dot{transform:scale(1)}.dg-radio-group{border:0;flex-direction:column;gap:16px;margin:0;padding:0;display:flex}.dg-radio-group legend{margin-bottom:18px}.dg-progress{width:100%;height:12px}.dg-progress>.dg-surface,.dg-progress .dg-surface__content{height:100%}.dg-progress__fill{opacity:.55;background:currentColor;border-radius:20px;height:100%;transition:width .3s;display:block}.dg-avatar{font-size:13px;font-weight:600;display:inline-block}.dg-avatar>.dg-surface,.dg-avatar .dg-surface__content{width:100%;height:100%}.dg-avatar .dg-surface__content{box-sizing:border-box;place-items:center;padding:5px;display:grid}.dg-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dg-alert>.dg-surface>.dg-surface__content{padding:18px 22px}.dg-alert strong{margin-bottom:6px;font-size:13px;display:block}.dg-alert div{font-size:12px;line-height:1.6}.dg-accordion{gap:12px;display:grid}.dg-accordion__heading{font:inherit;margin:0}.dg-accordion__heading button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;font-size:13px;display:flex}.dg-accordion__mark{font-size:18px}.dg-accordion__body{padding:0 20px 20px;font-size:13px;line-height:1.7}.dg-dialog{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.dg-dialog::backdrop{background:0 0}.dg-dialog__body{z-index:4;box-sizing:border-box;flex-direction:column;width:min(440px,100vw - 40px);max-height:calc(100dvh - 48px);padding:0;display:flex;position:absolute}.dg-dialog__body>.dg-popover__scroll>.dg-scroll-area__viewport>div>.dg-popover__content{padding:28px}.dg-dialog header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.dg-dialog h2{font:inherit;margin:0;font-size:20px;font-weight:600}.dg-dialog__description{color:inherit;margin:0 0 24px;font-size:13px;line-height:1.6}.dg-dialog--sheet .dg-dialog__body{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.dg-dismiss{width:28px;height:28px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;line-height:1;display:grid}.dg-dropdown{gap:4px;min-width:160px;margin:-10px;display:grid}.dg-dropdown button{text-align:left;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;padding:10px 14px;font-size:13px}.dg-dropdown button:hover,.dg-dropdown button:focus{background:color-mix(in srgb, currentColor 8%, transparent)}.dg-dropdown button:focus-visible,.dg-select-options button:focus-visible{box-shadow:none;outline:2px solid #0000}.dg-liquid-menu__sort-row:focus-visible,.dg-liquid-menu__filter-row:focus-visible{box-shadow:none;background:color-mix(in srgb, currentColor 10%, transparent);outline:2px solid #0000}.dg-dropdown button:disabled{opacity:.4;cursor:not-allowed}.dg-toast{min-width:0}.dg-toast>div>.dg-surface>.dg-surface__content{justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;font-size:13px;display:flex}.dg-toast p{opacity:.65;margin:5px 0 0;font-size:12px}.dg-tab-panel{padding:26px 4px 4px;font-size:13px;line-height:1.7}.dg-tabs[data-custom]{max-width:100%}.dg-tabs[data-custom] .dg-tabs__item{display:inline-flex}@media (prefers-reduced-motion:reduce){.dg-progress__fill,.dg-check,.dg-radio-dot,.dg-tabs__solid-thumb,.dg-tabs__item{transition:none}}.dg-action{flex:1;min-height:320px;position:relative}.dg-action__glass{height:100%}.dg-action__surface{width:100%;height:100%;min-height:320px;overflow:hidden}.dg-action__button{z-index:3;min-width:176px;height:52px;color:var(--text,CanvasText);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:13px;font-weight:650;line-height:1;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dg-action__button svg{flex:none;display:block}.dg-action__button span{line-height:1;display:block}.dg-action__button:active{transform:translate(-50%,-50%)scale(.98)}.dg-action{--dg-action-tint:var(--lightningcss-light,#fff)var(--lightningcss-dark,#4a4a46);width:100%}.dg-action__button:disabled{opacity:.4;cursor:not-allowed}html[data-theme=dark] .dg-action{--action-glass-tint:#4a4a46}.dg-scroll-area{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.dg-scroll-area__viewport{width:100%;height:100%;min-height:0;max-height:inherit;border-radius:inherit;overscroll-behavior:contain;scrollbar-width:none}.dg-scroll-area__viewport::-webkit-scrollbar{display:none}.dg-scroll-area[data-axis=vertical]>.dg-scroll-area__viewport>div{display:block!important}.dg-scroll-area__content{min-width:0;display:flow-root}.dg-scroll-area__bar{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;z-index:10;padding:3px;display:flex}.dg-scroll-area__bar[data-orientation=vertical]{width:10px;margin-block:var(--dg-scroll-inset,4px)}.dg-scroll-area__bar[data-orientation=horizontal]{height:10px;margin-inline:var(--dg-scroll-inset,4px);flex-direction:column}.dg-scroll-area__thumb{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:999px;flex:1;position:relative}.dg-scroll-area__thumb:hover{background:color-mix(in srgb, currentColor 50%, transparent)}.dg-scroll-area__corner{background:0 0}.dg-scroll-area__viewport:focus-visible{outline:none}.dg-scroll-area__viewport:focus-visible:after{content:"";background:color-mix(in srgb, currentColor 35%, transparent);pointer-events:none;height:1px;position:absolute;inset:auto 12px 1px}@media (forced-colors:active){.dg-scroll-area__thumb{background:buttontext}.dg-scroll-area__viewport:focus-visible{outline-offset:-2px;outline:1px solid highlight}}.dg-popover-anchor{isolation:isolate;vertical-align:middle;display:inline-block;position:relative}.dg-popover-anchor>button{z-index:1;position:relative}.dg-popover-anchor[data-open]>button>.dg-surface>.dg-surface__content{opacity:0}.dg-popover-layer{width:100%;max-width:none;height:100%;max-height:none;color:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.dg-popover-layer::backdrop{pointer-events:none;background:0 0}.dg-popover__panel{z-index:2;box-sizing:border-box;pointer-events:auto;transform-origin:50%;flex-direction:column;width:max-content;max-width:min(420px,100vw - 24px);max-height:calc(100dvh - 90px);padding:0;display:flex;position:absolute}.dg-popover__scroll{max-height:inherit;border-radius:inherit;--dg-scroll-inset:20px;flex:auto}.dg-popover__content{padding:20px;overflow:clip}.dg-popover__panel[inert]{pointer-events:none}.dg-popover__panel--tooltip{max-width:min(260px,100vw - 24px);font-size:12px;line-height:1.4}.dg-popover__panel--tooltip .dg-popover__content{padding:10px 14px}.dg-popover__trigger-ink{z-index:3;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.dg-popover__trigger-ink svg{width:16px;height:16px}.dg-select .dg-popover-anchor,.dg-select .dg-button{width:100%}.dg-select .dg-button>.dg-surface>.dg-surface__content{justify-content:space-between;min-height:44px}.dg-native-select{display:none!important}.dg-select-options{gap:4px;min-width:160px;margin:-10px;display:grid}.dg-select-options button{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:11px 14px;font-size:13px;display:flex}.dg-select-options button:is(:hover,:focus-visible){background:color-mix(in srgb, currentColor 8%, transparent);outline:none}.dg-select-options button:disabled{opacity:.4;cursor:not-allowed}.dg-select-options small{opacity:.55;padding:6px 14px}:is(.dg-button,.dg-dismiss,.dg-video-player__bar,.dg-video-player__button,.dg-liquid-menu__trigger,.dg-accordion__heading button):focus-visible{box-shadow:none;text-underline-offset:4px;outline:none;text-decoration:underline}:is(.dg-switch,.dg-slider,.dg-choice):has(:focus-visible){box-shadow:none;text-underline-offset:4px;outline:none;text-decoration:underline}:is(.dg-switch,.dg-slider,.dg-choice):has(:focus-visible){background-color:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff0c)}.dg-tabs__item:focus-visible{box-shadow:none;outline:none}.dg-tabs__item:focus-visible>span{text-underline-offset:4px;text-decoration:underline}@media (forced-colors:active){:is(.dg-button,.dg-tabs__item,.dg-dismiss,.dg-video-player__bar,.dg-video-player__button,.dg-liquid-menu__trigger,.dg-liquid-menu__sort-row,.dg-liquid-menu__filter-row,.dg-accordion__heading button,.dg-dropdown button,.dg-select-options button):focus-visible,.dg-field:focus-within>.dg-surface{outline-offset:3px;box-shadow:none;outline:2px solid highlight}:is(.dg-switch,.dg-slider,.dg-choice):has(:focus-visible){outline-offset:3px;box-shadow:none;outline:2px solid highlight}}.dg-liquid-glass--small{--dg-liquid-item-radius:20px;height:520px}.dg-liquid-glass--small .dg-liquid-menu__trigger svg{width:16px;height:16px}.dg-liquid-glass--small .dg-liquid-menu__scroll-content{padding:10px}.dg-liquid-glass--small .dg-liquid-menu__heading{margin:0 0 8px 30px;font-size:10px}.dg-liquid-glass--small .dg-liquid-menu__sort-row{grid-template-columns:27px minmax(0,1fr);height:42px;min-height:42px;font-size:14px}.dg-liquid-glass--small .dg-liquid-menu__check{width:27px;height:27px}.dg-liquid-glass--small .dg-liquid-menu__check svg{width:15px;height:15px}.dg-liquid-glass--small .dg-liquid-menu__label-block{gap:3px}.dg-liquid-glass--small .dg-liquid-menu__label-block small{font-size:10px}.dg-liquid-glass--small .dg-liquid-menu__divider{margin:11px 5px 16px}.dg-liquid-glass--small .dg-liquid-menu__filter-row{grid-template-columns:20px minmax(0,1fr) 16px;gap:11px;min-height:40px;padding:0 5px 0 30px;font-size:13px}.dg-liquid-glass--small .dg-liquid-menu__filter-row>svg:first-child{width:18px;height:18px}.dg-liquid-glass--small .dg-liquid-menu__chevron{width:13px;height:13px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Manrope Variable", "Noto Sans SC Variable", sans-serif;--font-mono:"JetBrains Mono Variable", monospace;--bg:#fafaf9;--border:#18181816;--page-stripe:#18181809;--scrollbar:#1818183d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--border:#ffffff19;--page-stripe:#ffffff06;--scrollbar:#ffffff38}body{background-image:repeating-linear-gradient(135deg, var(--page-stripe) 0px, var(--page-stripe) 1px, transparent 1px, transparent 12px);font-size:14px;line-height:1.65;transition:none}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;scrollbar-gutter:stable}.site-shell{min-height:100dvh;overflow-x:clip}button,input,select,textarea{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{-webkit-appearance:none}button:disabled{cursor:not-allowed}button,a,input,select,textarea{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:550;line-height:1.2}svg{flex-shrink:0}code,kbd{font-family:var(--font-mono);font-size:.86em}.header-inner{align-items:center;gap:30px;max-width:1440px;min-height:80px;margin:auto;padding:10px 40px;display:flex}.wordmark{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.wordmark-symbol{font-size:27px;line-height:1;transform:rotate(-35deg)}.wordmark-react{color:var(--soft);letter-spacing:-.1px;font-size:12px;font-weight:450}.top-nav{align-items:center;font-size:12px;display:flex}.header-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.header-tools .icon-button,.header-tools .locale-button{min-width:34px}.locale-button{font-family:var(--font-mono);font-size:11px}.github-link{align-items:center;gap:3px;font-size:11px;display:flex}.mobile-menu-button,.mobile-navigation{display:none}.site-container{max-width:1440px;margin:auto;padding:0 40px}.docs-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:56px;display:grid}.docs-sidebar{height:100dvh;min-height:0;position:sticky;top:0}.sidebar-scroll{height:100%}.sidebar-scroll__content{padding:36px 10px 60px 0}.sidebar-intro{margin:0 0 20px;display:block}.sidebar-intro a{color:var(--muted);font-size:12px}.sidebar-group{margin:0 0 23px}.sidebar-group h2{padding:0 10px 9px;font-size:11px;font-weight:650}.sidebar-links{gap:2px;display:grid}.sidebar-group a{color:var(--muted);font-size:12px;display:block}.sidebar-group a>span{opacity:.6;font-size:10px}.sidebar-group a:hover,.sidebar-intro a:hover{color:var(--text)}.docs-sidebar a[aria-current],.mobile-navigation a[aria-current]{color:var(--text);background:var(--surface)}.docs-main{outline:0;min-width:0;min-height:calc(100vh - 180px);padding:52px 0 96px}.home-main{outline:0}.page-loading{min-height:60vh}.eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.075em;font-size:10px;font-weight:450;line-height:1.6}.page-heading{margin:0 0 36px}.page-heading h1{letter-spacing:-1.5px;margin-top:10px;font-size:clamp(30px,3.2vw,42px)}.page-heading p{color:var(--muted);max-width:580px;margin-top:16px;font-size:13px;line-height:1.85}.page-heading .text-link{margin-top:20px}.link-button{color:var(--text);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:550;line-height:1.6;display:inline-flex}.link-button--primary{background:var(--text);color:var(--bg)}.site-link.link-button--primary:hover{color:var(--bg);opacity:.85}.text-link{align-items:center;gap:8px;font-size:12px;font-weight:550;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.page-actions{gap:9px;margin-top:27px;display:flex}.home{max-width:1200px;margin:auto}.home-intro{padding:74px 0 50px}.home-intro h1{letter-spacing:-4px;margin:22px 0 25px;font-size:clamp(54px,6.2vw,80px);font-weight:550;line-height:1.035}.home-intro h1 span{color:var(--muted)}.home-intro p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.8}.home-hero{border-radius:8px;position:relative;overflow:hidden}.home-hero .dg-hero{padding:0}.home-hero__label{pointer-events:none;color:#fff;mix-blend-mode:difference;font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;inset:auto 24px 20px}.home-section{margin:80px 0}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px;display:flex}.section-heading h2{letter-spacing:-1px;margin-top:12px;font-size:clamp(22px,2.4vw,30px)}.home-controls,.home-control-labels{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.home-controls .component-preview{height:220px;min-height:220px}.home-control-labels a{justify-content:space-between;align-items:center;padding:14px 2px;font-size:11px;display:flex}.home-playground{border-block:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:56px 0;display:grid}.home-playground h2{letter-spacing:-1.2px;max-width:330px;margin:14px 0 18px;font-size:34px}.home-playground p{color:var(--muted);max-width:330px;margin-bottom:24px;font-size:13px}.home-material{border-radius:8px}.home-material>.dg-stage__contents{flex-direction:column;align-items:center;gap:35px;padding:48px 20px;display:flex}.site-footer{border-top:1px solid var(--border);max-width:1360px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:28px 0;font-size:10px;display:flex}.site-footer>a{align-items:center;gap:4px;display:inline-flex}.site-footer>a:first-child{color:var(--text);font-weight:650}.catalog-tools{margin-bottom:26px}.filter-scroll{margin:-18px -10px}.filter-scroll>.dg-scroll-area__viewport>div>.dg-scroll-area__content{padding:18px 10px;overflow:clip}.filter-scroll .dg-tabs{width:max-content;max-width:none}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;display:grid}.component-tile{min-width:0}.component-tile__label{justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.component-tile__label>span{flex-direction:column;gap:1px;display:flex}.component-tile__label small{color:var(--soft);font-size:10px}.component-tile__label:hover{text-underline-offset:3px;text-decoration:underline}.breadcrumb{color:var(--soft);gap:9px;margin:0 0 25px;font-size:11px;display:flex}.breadcrumb>span:last-child{color:var(--text)}.doc-section{margin:0 0 40px}.doc-section h2{letter-spacing:-.45px;margin:0 0 17px;font-size:19px}.doc-section p{max-width:750px;color:var(--muted);margin:14px 0;font-size:13px;line-height:1.9}.preview-bar{justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;display:flex}.preview-bar>span:last-child{color:var(--soft);font-size:10px}.code-block{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;margin:16px 0;display:block;overflow:hidden}.code-block__bar{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:9px 15px;font-size:10px;display:flex}.code-block__bar .plain-button{gap:6px;font-size:10px}.code-block pre{tab-size:2;margin:0;padding:20px}.code-block code{font-size:11px;line-height:1.9}.doc-note,.doc-section p.doc-note{color:var(--muted);font-size:11px;line-height:1.8}.doc-note a{text-underline-offset:3px;align-items:center;gap:3px;text-decoration:underline;display:inline-flex}.table-scroll{min-width:0}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:var(--muted);background:var(--surface);padding:10px 14px;font-weight:550}td{border-bottom:1px solid var(--border);padding:13px 14px}td code{font-size:10px}td.api-description{color:var(--muted);min-width:200px;line-height:1.6}.doc-pagination{border-top:1px solid var(--border);justify-content:space-between;margin-top:50px;padding-top:24px;display:flex}.doc-pagination a{align-items:center;gap:9px;font-size:12px;display:flex}.empty-state{text-align:center;padding:70px 20px}.empty-state h1{margin:15px 0 25px;font-size:30px}.empty-state p{margin-bottom:20px}.playground-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:25px;display:grid}.playground-main{min-width:0}.playground-toolbar{gap:12px;margin-bottom:16px;display:flex}.playground-toolbar .dg-select{flex:1;gap:6px;font-size:11px}.playground-toolbar .dg-field__label{color:var(--muted);font-size:10px}.playground-single .component-preview{min-height:430px}.playground-options{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 22px;margin:-2px 0 16px;font-size:11px;display:flex}.playground-options label{align-items:center;gap:9px;display:inline-flex}.frame-stats{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.playground-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.playground-compare figcaption{color:var(--muted);padding:10px 1px 0;font-size:10px}.playground-single .playground-compare .component-preview{min-height:360px}.playground-substrate{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:inherit;position:absolute;inset:0}.playground-substrate--photo{object-fit:cover;width:100%;height:100%}.playground-substrate--text{letter-spacing:-.2px;color:var(--muted);padding:22px 26px;font-size:21px;line-height:1.45;overflow:hidden}.playground-substrate--text p{margin:0 0 12px}.playground-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.playground-caption{justify-content:space-between;align-items:start;gap:12px;padding:11px 1px 18px;font-size:10px;display:flex}.playground-caption>span{color:var(--soft);text-align:right;max-width:220px;font-size:10px}.playground-all .playground-caption>span{display:none}.playground-inspector{height:calc(100dvh - 152px);position:sticky;top:20px}.playground-inspector>.dg-surface__content{height:100%}.playground-inspector .material-scroll{border-radius:inherit;--dg-scroll-inset:22px;height:100%}.material-scroll>.dg-scroll-area__viewport>div>.dg-scroll-area__content{overflow:clip}.material-inspector{min-width:0;padding:18px}.inspector-heading{justify-content:space-between;align-items:center;display:flex}.inspector-heading h2{font-size:13px}.inspector-heading button{color:var(--muted)}.preset-list{margin:4px -10px 8px}.preset-list>.dg-scroll-area__viewport>div>.dg-scroll-area__content{padding-block:14px}.preset-list .dg-tabs__item{padding-inline:11px}.material-fields{gap:18px;display:grid}.material-field{grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:8px;display:grid}.material-field>span{flex-direction:column;font-size:10px;line-height:1.5;display:flex}.material-field output{font-family:var(--font-mono);color:var(--muted);font-size:10px}.material-field output small{font:inherit;opacity:.7}.share-material{width:100%;margin-top:24px}.playground-code{margin-top:20px}.playground-code .code-block{margin-block:0}.showcase-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.showcase-card{min-width:0;display:block}.showcase-card__visual{justify-content:center;align-items:center;height:205px;display:flex;position:relative;overflow:hidden}.showcase-card__visual>span{font-family:var(--font-mono);letter-spacing:-1px;opacity:.7;font-size:clamp(22px,2.8vw,42px)}.showcase-card--sequencer .showcase-card__visual>span{letter-spacing:-3px;font-size:clamp(18px,2.5vw,28px)}.showcase-card--orbit .showcase-card__visual>span{letter-spacing:-12px;font-size:68px;font-family:var(--font-body)}.showcase-card__visual>small{font-family:var(--font-mono);color:var(--soft);font-size:10px;position:absolute;bottom:14px;left:17px}.showcase-card__title{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 10px;display:flex}.showcase-card h3{font-size:16px}.showcase-card p{color:var(--muted);max-width:260px;margin-bottom:15px;font-size:11px;line-height:1.8}.showcase-card .eyebrow{color:var(--soft);font-size:10px}.showcase-card:hover .showcase-card__title>svg{transform:translate(3px)}.back-link{color:var(--muted);margin-bottom:24px;font-size:10px}.scene-loading{min-height:460px;color:var(--muted);background:var(--surface);border-radius:10px;place-items:center;font-size:12px;display:grid}.scene-credits{color:var(--muted);justify-content:space-between;gap:20px;padding:20px 0;font-size:10px;display:flex}.scene-credits a{align-items:center;gap:4px;display:flex}@media (width>=1500px){.site-footer{max-width:1360px}}@media (width<=1400px){.site-footer{margin-inline:40px}.docs-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.header-inner{gap:28px}.top-nav{gap:20px}.wordmark-react{display:none}.playground-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.material-inspector{padding:14px}.playground-all{grid-template-columns:1fr}.home-controls .component-preview{padding-inline:10px}.home-playground{gap:40px}}@media (width<=900px){.docs-layout{grid-template-columns:minmax(0,1fr)}.docs-sidebar{display:none}.header-inner,.site-container{padding-inline:24px}.header-inner{gap:22px}.top-nav{gap:18px}.header-tools{gap:6px}.github-link{display:none}.mobile-menu-button{display:inline-grid}.site-footer{margin-inline:24px}.home-intro{padding-top:56px}.home-controls{grid-template-columns:1fr;gap:8px}.home-controls .component-preview{height:160px;min-height:160px}.home-control-labels{display:none}.home-playground h2{font-size:29px}.mobile-navigation{padding:12px 0;display:block}.mobile-navigation>.mobile-top-links{font-size:13px}.mobile-navigation .sidebar-intro{display:none}}@media (width<=640px){.header-inner{min-height:62px;padding-inline:20px}.top-nav{display:none}.wordmark{font-size:15px}.wordmark-symbol{font-size:24px}.site-container{padding-inline:20px}.docs-main{padding:32px 0 60px}.page-heading h1{letter-spacing:-1.2px;font-size:30px}.page-heading p{font-size:12px}.home-intro{padding:45px 0 36px}.home-intro h1{letter-spacing:-3px;font-size:60px}.home-intro p{max-width:295px;font-size:12px}.home-section{margin-block:50px}.section-heading{align-items:start;gap:16px}.section-heading h2{max-width:235px;font-size:22px}.section-heading .text-link{white-space:nowrap;gap:5px;margin-top:29px;font-size:10px}.home-playground{grid-template-columns:1fr;gap:28px;padding-block:35px}.home-material>.dg-stage__contents{padding-block:38px}.showcase-cards{grid-template-columns:1fr;gap:30px}.showcase-card__visual{height:190px}.showcase-card__visual>span{font-size:45px}.showcase-card--sequencer .showcase-card__visual>span{font-size:36px}.showcase-card--orbit .showcase-card__visual>span{font-size:80px}.showcase-card p{max-width:none;margin-bottom:8px}.site-footer{gap:12px;margin-inline:20px;padding-block:22px;font-size:10px}.site-footer>span{display:none}.component-grid{grid-template-columns:1fr;gap:18px}.playground-layout{flex-direction:column;gap:28px;display:flex}.playground-main,.playground-inspector{width:100%}.playground-inspector{position:relative;top:auto}.material-inspector{padding:20px}.material-fields{gap:18px}.material-field>span{font-size:10px}.playground-single .component-preview{min-height:280px}.playground-toolbar{gap:14px}.playground-caption{gap:8px}.playground-caption>span{max-width:165px}.scene-credits{flex-direction:column;gap:7px}.code-block pre{padding:15px}.code-block code{font-size:10px}.doc-section h2{font-size:18px}.doc-section p{font-size:12px}.home-hero__label{font-size:10px;inset:auto 16px 14px}}.material-advanced{color:var(--muted);margin-top:22px;font-size:10px}.material-advanced .material-fields{color:var(--text);margin-top:20px}.debug-field{justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.material-choice{gap:8px;font-size:10px;display:grid}.material-choice .dg-tabs{max-width:none}@media (width<=640px){.playground-compare{grid-template-columns:1fr}.playground-code{margin:0 0 12px}.playground-inspector{height:calc(100svh - 40px)}}.catalog-material{z-index:40;position:fixed;bottom:24px;right:28px}.catalog-material>.dg-popover-anchor>.dg-button{font-size:12px}.catalog-material .dg-button small,.catalog-material .dg-popover__trigger-ink small{opacity:.5;font-size:10px}.catalog-material .material-inspector{background:0 0;border:0;width:min(276px,100vw - 80px);max-height:none;padding:0;position:static}.catalog-material .dg-popover__panel{height:calc(100dvh - 96px);max-height:calc(100dvh - 96px)}@media (width<=640px){.catalog-material{bottom:16px;right:16px}}.site-shell:has(.catalog-material) .site-footer{padding-bottom:92px}@media (width<=640px){.site-shell:has(.catalog-material) .site-footer{padding-bottom:76px}}.site-link:hover{color:var(--text)}.sidebar-intro{gap:2px;display:grid}.sidebar-intro a,.sidebar-links a{border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.site-input{border:1px solid var(--border);background:0 0;border-radius:7px;width:100%;padding:9px 10px}.display-settings{align-items:center;gap:2px;display:flex}.header-tools button,.plain-button{background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px;display:inline-flex}.header-tools button:hover,.plain-button:hover{background:var(--surface)}.display-settings button{width:34px;height:34px;padding:0}.hdr-control{display:inline-flex}.hdr-control:has(:disabled){cursor:not-allowed}.header-tools .hdr-toggle[aria-pressed=true]{background:var(--surface)}.header-tools .hdr-toggle[aria-pressed=false]{color:var(--muted)}.header-tools .hdr-toggle:disabled{color:var(--soft);pointer-events:none;background:0 0}.header-tools .mobile-menu-button{display:none}.showcase-card__visual{background:var(--surface);border-radius:8px}.breadcrumb{align-items:center}.mobile-top-links{gap:4px;margin-bottom:24px;display:grid}.mobile-top-links a{border-radius:6px;padding:8px 10px}@media (width<=900px){.header-tools .mobile-menu-button{display:inline-flex}}.material-advanced summary{cursor:pointer;align-items:center;gap:6px;padding-block:12px;list-style:none;display:flex}.material-advanced summary::-webkit-details-marker{display:none}.material-advanced summary svg{transform:rotate(-90deg)}.material-advanced[open] summary svg{transform:none}.material-advanced .material-fields{margin-top:10px}.material-advanced .material-field{grid-template-columns:minmax(0,1fr) 120px}@media (width<=640px){.header-inner{gap:12px;padding:10px 14px}.header-tools{gap:8px}.wordmark{gap:6px;font-size:14px}.section-heading .text-link{margin-top:18px}}@media (width<=767px){.top-nav{display:none}}.component-preview{isolation:isolate;border-radius:8px;min-height:340px;position:relative}.component-preview>.dg-stage__contents{min-height:inherit;justify-content:center;align-items:center;padding:48px 28px;display:flex}.component-preview--compact{height:230px;min-height:230px}.component-preview--compact>.dg-stage__contents{height:100%;padding:30px 22px}.component-preview--spotlight,.component-preview--video{overflow:hidden}.component-preview--spotlight>.dg-stage__contents,.component-preview--video>.dg-stage__contents{padding:0}.component-preview--spotlight .dg-hero,.component-preview--spotlight .dg-hero>div{width:100%;padding:0}.component-preview--spotlight .dg-hero__background-frame{aspect-ratio:2;min-height:340px}.component-preview--spotlight.component-preview--compact .dg-hero__background-frame{min-height:230px}.component-preview--video .dg-video-demo{width:100%;padding:0}.component-preview--video .dg-video-player{border-radius:8px}.component-preview--video.component-preview--compact .dg-video-player{min-height:230px}.example-stack{flex-direction:column;align-items:center;gap:22px;width:max-content;max-width:100%;display:flex}.example-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:100%;display:flex}.example-status{color:var(--muted);text-align:center;font-size:10px}.example-form{gap:16px;width:100%;max-width:300px;display:grid}.example-card{width:290px;max-width:100%}.example-card>.dg-surface>.dg-surface__content{padding:24px}.example-card h3{letter-spacing:-.6px;margin:26px 0 10px;font-size:18px}.example-card p{color:var(--muted);font-size:11px}.example-card__top{align-items:center;gap:10px;font-size:10px;display:flex}.example-between{justify-content:space-between;align-items:center;gap:24px;width:100%;font-size:12px;display:flex}.example-glass-group .dg-glass-group__items{gap:28px;transition:gap .55s cubic-bezier(.2,.8,.2,1)}.example-glass-group.is-merged .dg-glass-group__items{gap:2px}.example-glass-group .dg-button>.dg-surface>.dg-surface__content{width:44px;padding:0}@media (prefers-reduced-motion:reduce){.example-glass-group .dg-glass-group__items{transition:none}}.component-preview--compact .example-card h3{margin-top:18px;font-size:16px}.component-preview--compact .example-card>.dg-surface>.dg-surface__content{padding:17px}.component-preview--compact .dg-tab-panels{max-width:100%}.component-preview--compact .dg-tab-panel{padding:15px 5px 0;font-size:11px}.component-preview--compact .dg-accordion{width:100%}.component-preview--compact .dg-accordion summary{padding:12px;font-size:11px}.focus-scene,.sequencer-scene{border-radius:10px}.focus-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:50px 36px;display:grid}.focus-clock{flex-direction:column;align-items:center;gap:25px;min-width:0;display:flex}.focus-clock>.eyebrow{font-size:10px}.focus-clock__glass{width:100%}.focus-clock__glass>.dg-surface__content{justify-content:center;padding:28px 15px;display:flex}.focus-time{font-family:var(--font-mono);letter-spacing:-4px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.5vw,68px);line-height:1.25}.focus-time>span{opacity:.35}.focus-state{color:var(--muted);text-align:center;font-size:11px}.focus-clock>.dg-progress{width:80%;max-width:280px}.focus-clock .dg-tabs{margin-top:5px}.focus-note{min-width:0}.focus-note h2{letter-spacing:-.8px;max-width:260px;margin:13px 0 24px;font-size:25px;line-height:1.4}.focus-note .dg-field{margin-bottom:14px}.focus-note textarea{font-size:12px;line-height:1.9}.focus-note>.doc-note{font-size:10px;display:block}.sequencer-scene>.dg-stage__contents{padding:32px}.sequencer-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.sequencer-header h2{letter-spacing:-.7px;margin-top:10px;font-size:22px}.sequencer-tempo{font-family:var(--font-mono);flex-direction:column;align-items:end;font-size:28px;line-height:1.3;display:flex}.sequencer-tempo small{color:var(--muted);letter-spacing:.08em;font-size:10px}.sequencer-grid{grid-template-columns:28px repeat(8,minmax(0,1fr));align-items:center;gap:10px;display:grid;position:relative}.sequencer-row{display:contents}.step-label,.note-label{color:var(--soft);font-family:var(--font-mono);text-align:center;font-size:10px}.step-label{padding-bottom:5px}.step-label.is-playing{color:var(--text);font-weight:750}.sequencer-key{border-radius:15px;min-width:0;height:62px;position:relative}.sequencer-key>.dg-surface{height:100%}.sequencer-key>.dg-surface>.dg-surface__content{width:100%;height:100%;padding:0}.sequencer-key .dg-surface__content>span{opacity:.15;background:currentColor;border-radius:50%;width:5px;height:5px;display:block}.sequencer-key[aria-pressed=true] .dg-surface__content>span{opacity:1}.sequence-cursor{pointer-events:none;position:absolute;inset:0}.sequence-cursor--key{outline:1px solid var(--text);outline-offset:3px;border-radius:15px}.sequencer-transport{justify-content:space-between;align-items:end;gap:24px;margin:35px 0;display:flex}.sequencer-transport>.dg-field{width:100%;max-width:150px}.sequencer-mix{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:60px;padding-top:22px;display:grid}.sequencer-mix>label{justify-items:center;gap:22px;display:grid}.sequencer-mix>label>span{justify-content:space-between;width:100%;font-size:11px;display:flex}.sequencer-mix output{color:var(--muted);font-family:var(--font-mono);font-size:10px}.sequencer-scene .doc-note{text-align:center;margin-top:30px;font-size:10px}.orbit-board{background:var(--surface);border-radius:10px;height:460px;position:relative;overflow:hidden}.orbit-board>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.orbit-handle{touch-action:none;cursor:grab;font-family:var(--font-mono);color:var(--text);background:0 0;border:0;border-radius:50%;padding:0;font-size:12px;position:absolute;top:0;left:0}.orbit-handle:active{cursor:grabbing}.orbit-handle>span{opacity:.65;pointer-events:none}.orbit-board__label{pointer-events:none;font-family:var(--font-mono);letter-spacing:.09em;color:var(--muted);font-size:10px;position:absolute;bottom:19px;left:22px}.orbit-toolbar{justify-content:space-between;align-items:center;gap:25px;padding:30px 0;display:flex}.orbit-toolbar>.example-between{width:auto;font-size:11px}.orbit-viscosity{flex-direction:column;gap:15px;display:flex}.orbit-viscosity>span{justify-content:space-between;font-size:10px;display:flex}.orbit-viscosity output{color:var(--muted);font-family:var(--font-mono);font-size:10px}@media (width<=640px){.sequence-cursor--key{border-radius:10px}}@media (width<=1100px){.focus-layout{gap:25px;padding:35px 24px}.focus-time{font-size:45px}.sequencer-scene>.dg-stage__contents{padding:25px}.sequencer-grid{gap:8px}.sequencer-key{height:52px}.sequencer-mix{gap:24px}}@media (width<=640px){.component-preview{min-height:290px}.component-preview>.dg-stage__contents{padding:40px 18px}.component-preview--compact{height:230px;min-height:230px}.component-preview--compact>.dg-stage__contents{padding:30px 20px}.component-preview--video>.dg-stage__contents,.component-preview--spotlight>.dg-stage__contents{padding:0}.component-preview--spotlight .dg-hero__background-frame{min-height:290px}.focus-layout{grid-template-columns:1fr;gap:40px;padding:34px 22px}.focus-clock{gap:24px}.focus-time{font-size:55px}.focus-clock__glass{max-width:320px}.focus-note h2{font-size:23px}.sequencer-scene>.dg-stage__contents{padding:24px 15px}.sequencer-header h2{max-width:190px;font-size:20px}.sequencer-header .eyebrow{font-size:10px}.sequencer-grid{grid-template-columns:20px repeat(8,minmax(0,1fr));gap:6px}.sequencer-key{border-radius:10px;height:40px}.step-label,.note-label{font-size:10px}.sequencer-key .dg-surface{border-radius:10px!important}.sequencer-transport{flex-wrap:wrap;gap:14px;margin-block:26px}.sequencer-transport>.dg-field{max-width:100%}.sequencer-transport>.example-row{gap:10px}.sequencer-mix{grid-template-columns:1fr;gap:24px}.sequencer-mix>label{gap:17px}.orbit-board{height:380px}.orbit-toolbar{flex-wrap:wrap;justify-content:start;gap:20px}.orbit-toolbar>.example-row{gap:10px}.orbit-toolbar>.example-between{margin-left:auto}.orbit-viscosity{align-items:center;gap:15px;width:100%}.orbit-viscosity>span{width:160px}}.component-preview--morph-menu>.dg-stage__contents{padding:18px}.component-preview--morph-menu.component-preview--compact .dg-liquid-glass--small{height:100%}