:root{color-scheme:light;--nk-color-normal: blue;--nk-color-action: red;--nk-color-normal-1: #1c5cff;--nk-color-normal-2: #52e0ff;--nk-color-action-1: #ff1c55;--nk-color-action-2: #ff52c2}*{margin:0;padding:0;box-sizing:border-box;border:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#fff;color:#1b1b1b;font-family:Roboto,Inter,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:#1b1b1b}.hero-section{text-align:center;margin-top:64px;margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.hero-subtitle{font-family:Roboto,sans-serif;font-size:24px;color:#1b1b1b;margin-bottom:24px}.hero-title{font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:96px;font-weight:600;line-height:1.1;letter-spacing:-2px;color:#1b1b1b;margin-bottom:104px}.hero-description{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:600;color:#1b1b1b;margin-top:32px}.hero-cards{display:flex;gap:16px;justify-content:center;margin-bottom:120px;-webkit-user-select:none;user-select:none}.hero-card{position:relative;width:400px;height:240px;border-radius:32px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:left;padding:24px;cursor:pointer;transition:transform .3s cubic-bezier(.16,.5,.3,1.4),width .3s cubic-bezier(.5,.5,.1,1.4)}.hero-card:hover{width:500px}.hero-card:active{width:400px;transform:scale(.98)}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#1b1b1b00 40%,#1b1b1bd9);z-index:1}.hero-card-title{position:relative;z-index:2;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:600;letter-spacing:.5px}.page-title{font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:80px;font-weight:600;letter-spacing:-2px;margin-bottom:32px;line-height:1.1}.section-heading{font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:600;margin-bottom:24px}.nav-title,.demo-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:600}.page-description{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:600;color:#1b1b1b;margin-bottom:32px;line-height:1.5}.page-body{font-family:Roboto,sans-serif;font-size:16px;color:#1b1b1b;margin-bottom:104px;line-height:1.6}.layout{display:flex;width:100vw;height:100vh;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-width, 300px);height:100%;background-color:#f8f8f8;display:block;overflow:hidden;flex-shrink:0;transition:width .32s cubic-bezier(.16,1,.3,1),opacity .25s ease;will-change:width}.sidebar-inner{width:var(--sidebar-width, 300px);min-width:200px;height:100%;display:flex;flex-direction:column;padding:32px 16px 0;overflow:hidden;box-sizing:border-box}.layout.resizing .sidebar,.layout.resizing .sidebar-inner{transition:none!important}.layout.sidebar-collapsed .sidebar{width:0!important;opacity:0;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;padding-left:8px;flex-shrink:0}.logo-container{display:flex;align-items:center;padding:8px 12px;margin-left:-8px;border-radius:9999px;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.logo-container:hover{background-color:#1b1b1b0f}.logo-container:active{background-color:#1b1b1b1a}.logo-img{height:24px;width:auto;max-width:200px;display:block;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.sidebar-toggle-btn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#1b1b1b00;color:#7d7d7d;border:none;cursor:pointer;outline:none;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.sidebar-toggle-btn:hover{background-color:#1b1b1b0f;color:#1b1b1b}.sidebar-toggle-btn:active{background-color:#1b1b1b1a}.sidebar-toggle-btn .material-symbols-rounded{font-size:22px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1b1b1b73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,.5,.3,1.4);will-change:opacity}.sidebar-expand-btn{display:none;position:fixed;top:24px;left:24px;z-index:100;width:48px;height:48px;border-radius:9999px;background-color:#f8f8f8;color:#1b1b1b;border:none;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:background-color .15s ease}.sidebar-expand-btn:hover{background-color:#eaeaea}.sidebar-expand-btn:active{background-color:#dfdfdf}.layout.sidebar-collapsed .sidebar-expand-btn{display:inline-flex}.sidebar-resizer{width:8px;height:100%;cursor:col-resize;flex-shrink:0;position:relative;background-color:transparent;transition:background-color .2s ease;user-select:none;-webkit-user-select:none}.sidebar-resizer:hover,.layout.resizing .sidebar-resizer{background-color:#1b1b1b0d}.resizer-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;border-radius:9999px;background-color:#d8d8d8;opacity:0;transition:opacity .2s ease,background-color .2s ease}.sidebar-resizer:hover .resizer-handle,.layout.resizing .sidebar-resizer .resizer-handle{opacity:1;background-color:#7d7d7d}.layout.sidebar-collapsed .sidebar-resizer{display:none}.sidebar-search{padding:0 8px 24px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:24px;padding-left:8px;padding-right:8px;padding-bottom:32px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#D8D8D8 transparent}.sidebar-nav::-webkit-scrollbar,.search-results-panel::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track,.search-results-panel::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb,.search-results-panel::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:9999px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.search-results-panel::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.search-results-panel{display:none;flex-direction:column;gap:8px;padding-left:8px;padding-right:8px;padding-bottom:32px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#D8D8D8 transparent}.search-results-header{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#7d7d7d;padding:4px 8px 8px;display:flex;align-items:center;justify-content:space-between}.search-result-item{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:16px;background-color:#fff;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.search-result-item:hover{background-color:#1b1b1b0d}.search-result-item:active{background-color:#1b1b1b17}.search-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-result-title{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#1b1b1b;display:flex;align-items:center;gap:6px}.search-result-badge{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#7d7d7d;background-color:#eaeaea;padding:2px 8px;border-radius:9999px;white-space:nowrap}.search-result-section{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:#7d7d7d;display:flex;align-items:center;gap:4px}.search-result-snippet{font-family:Roboto,sans-serif;font-size:13px;line-height:1.45;color:#7d7d7d;word-break:break-word}.search-highlight{background-color:#e2e2e2;color:#1b1b1b;font-weight:600;padding:0 4px;border-radius:4px}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;gap:12px}.search-empty-icon{font-size:32px;color:#7d7d7d}.search-empty-text{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;color:#1b1b1b}.search-empty-subtext{font-family:Roboto,sans-serif;font-size:13px;color:#7d7d7d;line-height:1.5}@keyframes targetFlash{0%{background-color:#ececec}to{background-color:transparent}}.search-target-highlight{border-radius:16px;animation:targetFlash 2s cubic-bezier(.16,.5,.3,1) forwards}.nav-section{display:flex;flex-direction:column}.nav-title{font-size:18px;color:#1b1b1b;padding:8px 8px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-title .chevron{font-size:20px;color:#7d7d7d;transition:transform .4s cubic-bezier(.16,.5,.3,1.4)}.nav-section.collapsed .chevron{transform:rotate(-90deg)}.nav-group-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.16,.5,.3,1.4)}.nav-section.collapsed .nav-group-wrapper{grid-template-rows:0fr}.nav-group{overflow:hidden;list-style:none;display:flex;flex-direction:column;gap:16px;position:relative;padding-left:16px;flex-shrink:0}.nav-group-home{flex-shrink:0;min-height:32px}.nav-group:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#e8e8e8;border-radius:9999px}.nav-item{height:32px;min-height:32px;flex-shrink:0;display:flex;align-items:center;font-family:Roboto Flex,sans-serif;font-size:16px;color:#7d7d7d;cursor:pointer;transition:color .15s ease;-webkit-user-select:none;user-select:none}.nav-item:hover{color:#1b1b1b}.nav-item.active{color:#1b1b1b;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;width:4px;height:32px;background-color:#1b1b1b;border-radius:9999px}.main-content{flex:1;height:100%;overflow-y:auto;padding:80px 120px;background-color:#fff}.docs-section{margin-bottom:80px;max-width:960px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.feature-card{background-color:#fafafa;border-radius:32px;padding:32px}.feature-icon{font-size:32px;color:#1b1b1b;margin-bottom:24px}.feature-title{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:600;margin-bottom:16px}.feature-desc{font-family:Roboto,sans-serif;font-size:14px;color:#7d7d7d;line-height:1.6}.table-container{background-color:#fafafa;border-radius:32px;padding:32px;overflow-x:auto}.docs-table{width:100%;border-collapse:collapse;text-align:left}.docs-table th,.docs-table td{padding:16px 24px;font-family:Roboto,sans-serif}.docs-table th{font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:14px;color:#7d7d7d;padding-bottom:24px}.docs-table td{font-size:16px;color:#1b1b1b}.docs-table tr:not(:last-child){position:relative}.docs-table tr:not(:last-child):after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background-color:#e8e8e8}.docs-table-note{margin-top:16px;font-size:14px;color:#7d7d7d;line-height:1.6}.docs-table-note code{font-family:monospace;font-size:13px;padding:2px 6px;border-radius:8px;background-color:#f0f0f0;color:#1b1b1b}.status-badge{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:9999px;font-family:Roboto Flex,sans-serif;font-size:14px;font-weight:500}.status-badge.supported{background-color:#e8f5e9;color:#2e7d32}.docs-page{display:none}.docs-page.active{display:block;animation:pageFadeIn .3s cubic-bezier(.16,.5,.3,1.4)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.demo-section{margin-bottom:64px}.demo-container{background-color:#fafafa;border-radius:32px;padding:48px;margin-bottom:104px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(27,27,27,.25) transparent}.demo-container::-webkit-scrollbar{height:4px}.demo-container::-webkit-scrollbar-track{background:transparent}.demo-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:9999px;transition:background-color .4s ease}.demo-container:has(nk-select),.demo-container:has(nk-tooltip){overflow:visible!important}.demo-header{margin-bottom:40px}.demo-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#1b1b1b;margin-bottom:8px}.demo-subtitle{font-family:Roboto Flex,monospace;font-size:14px;color:#7d7d7d}.demo-stage,.demo-stage.grid-stage{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center}.demo-stage.column-stage{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;margin-inline:auto;min-width:0;max-width:100%}.demo-stage.card-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1024px;width:100%;margin-inline:auto;justify-content:center}@media (max-width: 640px){.demo-stage.card-stage{grid-template-columns:1fr}}.code-block{position:relative;background-color:#1b1b1b;color:#fff;border-radius:24px;margin-bottom:104px;overflow:hidden}.code-block pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;color:#fff;margin:0;padding:56px 32px 32px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.code-block pre::-webkit-scrollbar{height:4px}.code-block pre::-webkit-scrollbar-track{background:transparent}.code-block pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.code-block pre::-webkit-scrollbar-thumb:hover{background:#fff6}.code-copy-btn{position:absolute;top:16px;right:16px;height:32px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;background-color:#2b2b2be6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:9999px;cursor:pointer;font-family:Roboto Flex,sans-serif;font-size:12px;font-weight:500;outline:none;z-index:5;transition:background-color .2s cubic-bezier(.16,.5,.3,1.4),color .2s ease}.code-copy-btn:hover{background-color:#383838}.code-copy-btn:active{background-color:#202020}.code-copy-btn .icon{font-size:16px}.code-copy-btn.copied{background-color:#2e5c38;color:#fff}.api-section{margin-bottom:64px}.api-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:600;color:#1b1b1b;margin-bottom:24px}.docs-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:96px;padding-top:48px;position:relative}.docs-pagination:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#e8e8e8}.pagination-btn{display:inline-flex;align-items:center;gap:16px;height:104px;border-radius:9999px;background-color:#f5f5f5;padding:48px 32px;cursor:pointer;color:#1b1b1b;border:none;outline:none;transition:background-color .15s ease,padding .25s cubic-bezier(.16,.5,.3,1.4)}.pagination-btn:hover{background-color:#e8e8e8}.pagination-btn:active{background-color:#e8e8e8;padding:48px 24px}.pagination-btn .icon{font-size:24px;color:#1b1b1b}.pagination-info{display:flex;flex-direction:column;text-align:left}.pagination-btn.next .pagination-info{text-align:right}.pagination-label{font-family:Roboto,sans-serif;font-size:16px;color:#7d7d7d;line-height:1.2;margin-bottom:4px}.pagination-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:600;color:#1b1b1b;line-height:1.3}.pagination-btn.hidden{visibility:hidden;opacity:0;pointer-events:none}.color-theme-controls{display:flex;margin-bottom:104px;flex-wrap:wrap}.color-picker-group{display:flex;flex-direction:column;gap:16px}.color-picker-center{display:flex;flex-wrap:wrap;gap:24px;margin:auto}.color-picker-title{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;color:#1b1b1b;margin:0}.color-picker-capsule,.color-swatches-row{display:inline-flex;align-items:center;gap:8px;background-color:#fff;box-shadow:0 4px 16px #0a0a0a1a;padding:8px;border-radius:24px}.color-swatch{width:48px;height:48px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;position:relative;transition:box-shadow .2s ease,width .3s cubic-bezier(.16,.5,.3,1.4),border-radius .3s cubic-bezier(.16,.5,.3,1.4);will-change:box-shadow;transform:translateZ(0)}.color-swatch.active{border-radius:16px;animation:swatchPulse .6s ease}.color-swatch .check-icon{font-size:24px;color:#fff;opacity:0;transition:opacity .24s ease}.color-swatch.active .check-icon{opacity:1;animation:swatchPulse_span .6s ease}@keyframes swatchPulse{0%{border-radius:24px;width:48px}5%{border-radius:24px;width:48px}25%{border-radius:16px;width:56px}45%{border-radius:18px;width:47px}to{border-radius:16px;width:48px}}@keyframes swatchPulse_span{0%{transform:rotate(0)}5%{transform:rotate(0)}25%{transform:rotate(12deg)}45%{transform:rotate(-3deg)}to{transform:rotate(0)}}.color-swatch[data-color=blue]{background:linear-gradient(135deg,#1c5cff,#52e0ff)}.color-swatch[data-color=red]{background:linear-gradient(135deg,#ff1c55,#ff52c2)}.color-swatch[data-color=orange]{background:linear-gradient(135deg,#ff5722,#ffb74d)}.color-swatch[data-color=green]{background:linear-gradient(135deg,#00c853,#69f0ae)}.color-swatch[data-color=purple]{background:linear-gradient(135deg,#7c3aed,#c084fc)}.nk-dialog-action:focus,.nk-dialog-action:focus-visible{outline:none}.content-header{margin-top:168px;margin-bottom:168px}.material-symbols-rounded{-webkit-user-select:none;user-select:none}@media (max-width: 768px){html,body{width:100%;height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.layout{display:block;width:100%;height:auto;min-height:100vh;overflow:visible;position:relative}.layout.mobile-sidebar-open{height:100vh!important;overflow:hidden!important}.sidebar{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100%;z-index:1000;background-color:#f8f8f8;transform:translate(-100%);transition:transform .32s cubic-bezier(.16,1,.3,1);will-change:transform;display:block!important;opacity:1!important;pointer-events:auto!important}.layout.mobile-sidebar-open .sidebar{transform:translate(0)}.sidebar-inner{width:100%!important;min-width:0!important;height:100%;padding:24px 16px 0}.layout.mobile-sidebar-open .sidebar-overlay{display:block;opacity:1;pointer-events:auto}.sidebar-resizer{display:none!important}.sidebar-expand-btn{display:inline-flex!important;position:fixed;top:16px;left:16px;z-index:100;width:48px;height:48px;border-radius:9999px;background-color:#f8f8f8;box-shadow:0 4px 8px #00000014}.layout.mobile-sidebar-open .sidebar-expand-btn{display:none!important}.main-content{width:100%;height:auto;overflow:visible;padding:80px 16px 48px;box-sizing:border-box}.content-header{margin-top:64px;margin-bottom:104px}.docs-section{margin-bottom:56px;max-width:100%}.hero-section{margin-top:24px;margin-bottom:64px}.hero-subtitle{font-size:18px;margin-bottom:16px}.hero-title{font-size:64px;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.hero-description{font-size:18px;margin-top:16px}.page-title{font-size:48px;letter-spacing:-1px;line-height:1.15;margin-bottom:32px}.page-description{font-size:18px;line-height:1.4;margin-bottom:32px}.page-body{font-size:15px;line-height:1.6;margin-bottom:32px}.section-heading{font-size:24px;margin-bottom:16px}.hero-cards{flex-direction:column;width:100%;gap:16px;margin-bottom:64px}.hero-card{width:100%!important;height:180px;border-radius:24px;padding:20px}.hero-card:hover,.hero-card:active{width:100%!important}.hero-card-title{font-size:20px}.feature-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.feature-card{padding:24px;border-radius:24px}.demo-container{padding:24px;border-radius:24px;margin-bottom:64px}.demo-stage{gap:16px}.demo-stage.card-stage{grid-template-columns:1fr;gap:24px}.code-block{padding:0;border-radius:24px;margin-bottom:32px;overflow:hidden}.code-block pre{font-size:13px;line-height:1.5;padding:56px 20px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:104px;border-radius:24px}.docs-table{min-width:680px}.docs-table th,.docs-table td{padding:16px 20px;font-size:14px;line-height:1.6}.color-picker-center{flex-direction:column;gap:24px;align-items:center}.color-swatches-row{flex-wrap:wrap;justify-content:center;gap:12px}.docs-pagination{flex-direction:column;gap:16px;margin-top:48px;padding-top:32px}.pagination-btn{width:100%;justify-content:center}}#buttom_mini{margin-bottom:32px!important}nk-slider,nk-slider:focus,nk-slider:focus-visible,nk-slider:focus-within{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}