.playground[data-v-0e489842]{min-height:100vh;display:flex;flex-direction:column}.playground-header[data-v-0e489842]{text-align:center;padding:20px;background:var(--w-xp-title-bar);color:#fff;flex-shrink:0}.playground-header h1[data-v-0e489842]{margin:0 0 6px;font-size:28px}.playground-header p[data-v-0e489842]{margin:0 0 12px;opacity:.9;font-size:13px}.global-controls[data-v-0e489842]{display:inline-flex;align-items:center;gap:24px;background:#00000026;padding:8px 16px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.control-group[data-v-0e489842]{display:flex;align-items:center;gap:8px}.control-label[data-v-0e489842]{font-size:12px;opacity:.9}.size-btn[data-v-0e489842]{padding:3px 10px;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;color:#fff;cursor:pointer;font-size:12px;border-radius:2px}.size-btn[data-v-0e489842]:hover{background:#ffffff40}.size-btn.active[data-v-0e489842]{background:#ffffffe6;color:var(--w-color-primary);font-weight:700;border-color:#fff}.preset-btn[data-v-0e489842]{width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-radius:3px;cursor:pointer;padding:0}.color-input[data-v-0e489842]{width:24px;height:24px;border:1px solid rgba(255,255,255,.4);padding:0;background:none;cursor:pointer}.color-preview[data-v-0e489842]{width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-radius:3px}.reset-btn[data-v-0e489842]{padding:3px 10px;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;color:#fff;cursor:pointer;font-size:12px;border-radius:2px}.reset-btn[data-v-0e489842]:hover{background:#ffffff40}.admin-link[data-v-0e489842]{padding:4px 12px;border:1px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;text-decoration:none;font-size:12px;border-radius:2px;margin-right:8px}.admin-link[data-v-0e489842]:hover{background:#ffffff4d}.playground-body[data-v-0e489842]{display:flex;flex:1;max-width:1600px;margin:0 auto;width:100%;padding:16px;gap:16px}.playground-sidebar[data-v-0e489842]{width:220px;flex-shrink:0;position:sticky;top:16px;align-self:flex-start;max-height:calc(100vh - 32px);overflow-y:auto}.sidebar-nav[data-v-0e489842]{background:var(--w-bg-color);border:2px solid;border-color:#fff #808080 #808080 #fff}.sidebar-link[data-v-0e489842]{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#000;text-decoration:none;font-size:13px;border-bottom:1px solid #d4d0c8;transition:background .15s}.sidebar-link[data-v-0e489842]:last-child{border-bottom:none}.sidebar-link[data-v-0e489842]:hover{background:var(--w-color-primary-light);color:#fff}.sidebar-link.is-active[data-v-0e489842]{background:var(--w-color-primary);color:#fff;font-weight:700}.sidebar-link.is-indented[data-v-0e489842]{padding-left:28px;font-size:12px;background:#f5f5f5}.sidebar-link.is-indented[data-v-0e489842]:hover{background:#e8e8e8;color:var(--w-color-primary)}.sidebar-link.is-indented.is-active[data-v-0e489842]{background:#dcebfc;color:var(--w-color-primary)}.playground-content[data-v-0e489842]{flex:1;min-width:0}.home-page[data-v-4db09fd5]{padding:8px}.section-title[data-v-4db09fd5]{font-size:20px;color:#245edb;margin:20px 0 12px}.nav-grid[data-v-4db09fd5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.nav-card[data-v-4db09fd5]{display:block;padding:16px;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;text-decoration:none;color:#000;transition:transform .15s}.nav-card[data-v-4db09fd5]:hover{transform:translateY(-2px);box-shadow:2px 2px 8px #0003}.nav-card__icon[data-v-4db09fd5]{font-size:28px;margin-bottom:8px}.nav-card__title[data-v-4db09fd5]{font-size:16px;font-weight:700;color:#245edb;margin-bottom:4px}.nav-card__count[data-v-4db09fd5]{font-size:12px;color:#3a9e3a;margin-bottom:4px}.nav-card__desc[data-v-4db09fd5]{font-size:11px;color:#666}.overview-grid[data-v-4db09fd5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.overview-card[data-v-4db09fd5]{margin-bottom:0}.page-title[data-v-de70feb4]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.component-grid[data-v-de70feb4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.component-card[data-v-de70feb4]{display:block;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;text-decoration:none;color:inherit;transition:transform .1s}.component-card[data-v-de70feb4]:hover{transform:translateY(-2px);background:#f8f8f8}.component-card h3[data-v-de70feb4]{margin:0 0 8px;font-size:16px;color:#245edb}.component-card p[data-v-de70feb4]{margin:0;font-size:12px;color:#666}.page-title[data-v-25725257]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.component-grid[data-v-25725257]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.component-card[data-v-25725257]{display:block;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;text-decoration:none;color:inherit;transition:transform .1s}.component-card[data-v-25725257]:hover{transform:translateY(-2px);background:#f8f8f8}.component-card h3[data-v-25725257]{margin:0 0 8px;font-size:16px;color:#245edb}.component-card p[data-v-25725257]{margin:0;font-size:12px;color:#666}.page-title[data-v-8acc330b]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.component-grid[data-v-8acc330b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.component-card[data-v-8acc330b]{display:block;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;text-decoration:none;color:inherit;transition:transform .1s}.component-card[data-v-8acc330b]:hover{transform:translateY(-2px);background:#f8f8f8}.component-card h3[data-v-8acc330b]{margin:0 0 8px;font-size:16px;color:#245edb}.component-card p[data-v-8acc330b]{margin:0;font-size:12px;color:#666}.page-title[data-v-475c4ebd]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.component-grid[data-v-475c4ebd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.component-card[data-v-475c4ebd]{display:block;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;text-decoration:none;color:inherit;transition:transform .1s}.component-card[data-v-475c4ebd]:hover{transform:translateY(-2px);background:#f8f8f8}.component-card h3[data-v-475c4ebd]{margin:0 0 8px;font-size:16px;color:#245edb}.component-card p[data-v-475c4ebd]{margin:0;font-size:12px;color:#666}.page-title[data-v-f5de1abc]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.component-grid[data-v-f5de1abc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.component-card[data-v-f5de1abc]{display:block;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;text-decoration:none;color:inherit;transition:transform .1s}.component-card[data-v-f5de1abc]:hover{transform:translateY(-2px);background:#f8f8f8}.component-card h3[data-v-f5de1abc]{margin:0 0 8px;font-size:16px;color:#245edb}.component-card p[data-v-f5de1abc]{margin:0;font-size:12px;color:#666}.page-title[data-v-b2d547e9]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.component-grid[data-v-b2d547e9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.component-card[data-v-b2d547e9]{display:block;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;text-decoration:none;color:inherit;transition:transform .1s}.component-card[data-v-b2d547e9]:hover{transform:translateY(-2px);background:#f8f8f8}.component-card h3[data-v-b2d547e9]{margin:0 0 8px;font-size:16px;color:#245edb}.component-card p[data-v-b2d547e9]{margin:0;font-size:12px;color:#666}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.demo-section[data-v-34721a9d]{margin-bottom:24px;background:#fff;border:2px solid;border-color:#fff #808080 #808080 #fff}.demo-section__header[data-v-34721a9d]{padding:12px 16px;background:linear-gradient(180deg,#f8f8f8,#e0e0e0);border-bottom:1px solid #d4d0c8}.demo-section__title[data-v-34721a9d]{font-size:18px;color:#245edb;margin:0}.demo-section__desc[data-v-34721a9d]{font-size:12px;color:#666;margin:4px 0 0}.demo-section__body[data-v-34721a9d]{padding:16px}.demo-section__docs[data-v-34721a9d]{border-top:1px solid #d4d0c8}.docs-header[data-v-34721a9d]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f0f0f0;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:#333}.docs-header[data-v-34721a9d]:hover{background:#e8e8e8}.docs-icon[data-v-34721a9d]{display:inline-block;width:16px;text-align:center;font-size:11px;transition:transform .2s ease}.docs-icon.expanded[data-v-34721a9d]{transform:rotate(180deg)}.docs-body[data-v-34721a9d]{padding:16px;background:#fafafa;border-top:1px solid #d4d0c8}.docs-slide-enter-active[data-v-34721a9d],.docs-slide-leave-active[data-v-34721a9d]{transition:all .2s ease}.docs-slide-enter-from[data-v-34721a9d],.docs-slide-leave-to[data-v-34721a9d]{opacity:0;transform:translateY(-4px)}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:0;color:#1a1a1a}.markdown-body h1{font-size:18px;border-bottom:2px solid #245edb;padding-bottom:6px}.markdown-body h2{font-size:16px;margin-top:16px;color:#245edb}.markdown-body h3{font-size:14px;margin-top:12px}.markdown-body p{margin:8px 0;line-height:1.6}.markdown-body pre{background:#1e1e1e;color:#d4d4d4;padding:12px;overflow-x:auto;border-radius:0}.markdown-body code{font-family:Consolas,Menlo,monospace;font-size:12px}.markdown-body pre code{display:block}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid #d4d0c8;padding:6px 10px;text-align:left}.markdown-body th{background:#e8e8e8}.markdown-body ul,.markdown-body ol{padding-left:20px}.markdown-body blockquote{margin:8px 0;padding-left:12px;border-left:3px solid #245edb;color:#555}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.code-block[data-v-897802b1]{margin-top:8px;border:1px solid #d4d0c8;background:#fff;border-radius:0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.code-block__header[data-v-897802b1]{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:linear-gradient(to bottom,#245edb,#3a6ee5);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;border-bottom:1px solid #d4d0c8}.code-block__title[data-v-897802b1]{font-weight:600}.code-block__icon[data-v-897802b1]{display:inline-block;width:16px;text-align:center;font-size:11px;transition:transform .2s ease}.code-block__icon.expanded[data-v-897802b1]{transform:rotate(180deg)}.code-block__body[data-v-897802b1]{margin:0;padding:0;overflow-x:auto;font-size:13px;line-height:1.6;background:#f8f8f8;border-top:1px solid #d4d0c8}.code-block__body code[data-v-897802b1]{display:block;padding:12px;font-family:Consolas,Menlo,Courier New,monospace;white-space:pre}.code-slide-enter-active[data-v-897802b1],.code-slide-leave-active[data-v-897802b1]{transition:all .2s ease}.code-slide-enter-from[data-v-897802b1],.code-slide-leave-to[data-v-897802b1]{opacity:0;transform:translateY(-4px)}.demo-block[data-v-6f7a9a10]{margin-bottom:16px}.demo-block[data-v-6f7a9a10]:last-child{margin-bottom:0}.demo-block__title[data-v-6f7a9a10]{font-size:14px;font-weight:700;color:#333;margin-bottom:8px;padding-left:8px;border-left:3px solid var(--w-color-primary)}.demo-block__content[data-v-6f7a9a10]{padding:12px;background:#fafafa;border:1px solid #e0e0e0}.page-title[data-v-e44ec1b1],.page-title[data-v-640594c1],.page-title[data-v-ef18c1c6],.page-title[data-v-88fd70e5],.page-title[data-v-31932069]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.icon-demo[data-v-31932069]{display:inline-flex;flex-direction:column;align-items:center;width:80px;padding:8px}.icon-label[data-v-31932069]{margin-top:6px;font-size:12px;color:#666;font-family:monospace}.page-title[data-v-518129ce],.page-title[data-v-c1e428e9],.page-title[data-v-27882272],.page-title[data-v-e5d20d08],.page-title[data-v-26deaa5a],.page-title[data-v-2ed2cc92],.page-title[data-v-bc66ecd6],.page-title[data-v-4d9722b3],.page-title[data-v-5e492d49],.page-title[data-v-0274bd87],.page-title[data-v-ed8acef8],.page-title[data-v-262abe98],.page-title[data-v-46147915],.page-title[data-v-db6b2d1e],.page-title[data-v-f1cf5aed],.page-title[data-v-3fede5ff],.page-title[data-v-eb4d4547],.page-title[data-v-c1537b1c],.page-title[data-v-2748dc8e],.page-title[data-v-3e93a218],.page-title[data-v-0299293d],.page-title[data-v-0526aeda],.page-title[data-v-a27110fb],.page-title[data-v-94274b1b],.page-title[data-v-dc81baea],.page-title[data-v-7ba847cc],.page-title[data-v-4e5977a2],.page-title[data-v-2c2ec313],.page-title[data-v-78536777],.page-title[data-v-53a659e9],.page-title[data-v-27728a2b],.page-title[data-v-6555a7b1],.page-title[data-v-0b7addcc],.page-title[data-v-4a0cccb9],.page-title[data-v-8fb35829],.page-title[data-v-e40b20dd],.page-title[data-v-14812ed6],.page-title[data-v-6d337676],.page-title[data-v-28889b1c],.page-title[data-v-052038e3],.page-title[data-v-191ee18d],.page-title[data-v-62cba249],.page-title[data-v-d07460b3],.page-title[data-v-1a8324d7]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}.demo-note[data-v-1a8324d7]{margin-top:8px;font-size:12px;color:#666}.page-title[data-v-0ccc47e0],.page-title[data-v-f38149d1],.page-title[data-v-f2136f56],.page-title[data-v-ef0507c5],.page-title[data-v-943a6d17],.page-title[data-v-cfb4b9b8],.page-title[data-v-af2be7fb],.page-title[data-v-fb826819],.page-title[data-v-0eaf3d23],.page-title[data-v-59ce5d98],.page-title[data-v-91b23c31],.page-title[data-v-7e1c57b8],.page-title[data-v-2d1f2716],.page-title[data-v-25944a2a],.page-title[data-v-c40861ed],.page-title[data-v-11156c0d],.page-title[data-v-38ab7963],.page-title[data-v-c7760d15],.page-title[data-v-25e8fd76],.page-title[data-v-e1e2fe5d],.page-title[data-v-001dc2c4],.page-title[data-v-eba4b33c],.page-title[data-v-d0a7bffb],.page-title[data-v-97232682],.page-title[data-v-33422715],.page-title[data-v-f1fcd365],.page-title[data-v-efb59894],.page-title[data-v-9113a28a],.page-title[data-v-52178a8d],.page-title[data-v-df4697d5],.page-title[data-v-8ce31e78],.page-title[data-v-b70de034]{font-size:24px;color:#245edb;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #d4d0c8}html,body{margin:0;padding:0;font-family:Tahoma,"Microsoft Sans Serif",sans-serif;background:#ece9d8}