:where(:root){--vk-chart-1:#0072b2;--vk-chart-2:#d55e00;--vk-chart-3:#009e73;--vk-chart-4:#cc79a7;--vk-chart-5:#c68800;--vk-chart-6:#159cde;--vk-chart-grid:color-mix(in oklab, var(--vk-color-fg) 12%, transparent);--vk-chart-axis:color-mix(in oklab, var(--vk-color-fg) 32%, transparent);--vk-chart-label:var(--vk-color-muted);--vk-chart-surface:var(--vk-color-surface);--vk-chart-area-opacity:.18;--vk-chart-tooltip-bg:var(--vk-color-fg);--vk-chart-tooltip-fg:var(--vk-color-bg)}:where([data-theme=dark]){--vk-chart-1:#4ea3ff;--vk-chart-2:#f0b552;--vk-chart-3:#34d399;--vk-chart-4:#e9aad3;--vk-chart-5:#ff8f52;--vk-chart-6:#8ed4f5;--vk-chart-area-opacity:.24}:where(.vk-chart){font-family:var(--vk-font-sans);color:var(--vk-color-fg);position:relative}:where(.vk-chart__svg){block-size:auto;inline-size:100%;overflow:visible}:where(.vk-chart__grid-line){stroke:var(--vk-chart-grid);stroke-width:1px}:where(.vk-chart__axis){stroke:var(--vk-chart-axis);stroke-width:1px}:where(.vk-chart__zero){stroke:var(--vk-chart-axis);stroke-width:1px;stroke-dasharray:4 3}:where(.vk-chart__tick),:where(.vk-chart__empty){fill:var(--vk-chart-label)}:where(.vk-chart__value){fill:var(--vk-color-fg);font-weight:600}:where(.vk-chart__line){fill:none;stroke-linecap:round;stroke-linejoin:round}:where(.vk-chart__area){stroke:none;opacity:var(--vk-chart-area-opacity)}:where(.vk-chart__marker){stroke:var(--vk-chart-surface);stroke-width:1px}:where(.vk-chart__legend){gap:var(--vk-space-1) var(--vk-space-4);margin:var(--vk-space-2) 0 0;font-size:var(--vk-text-sm);color:var(--vk-color-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}:where(.vk-chart__legend-item){align-items:center;gap:var(--vk-space-2);display:inline-flex}:where(.vk-chart__swatch){flex:none}:where(.vk-chart__table){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(.vk-chart__hit){cursor:crosshair;fill:#0000;pointer-events:all}:where(.vk-chart__tooltip){pointer-events:none}:where(.vk-chart__crosshair){stroke:var(--vk-chart-axis);stroke-width:1px;stroke-dasharray:3 3}:where(.vk-chart__tooltip-box){fill:var(--vk-chart-tooltip-bg);stroke:none}:where(.vk-chart__tooltip-title){fill:var(--vk-chart-tooltip-fg);opacity:.85;font-weight:600}:where(.vk-chart__tooltip-row){fill:var(--vk-chart-tooltip-fg)}:where(.vk-chart__series){animation:vk-chart-fade var(--vk-duration) var(--vk-ease) both}@keyframes vk-chart-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:where(.vk-chart__series){animation:none}}@media (hover:hover){:where(.vk-chart__series:hover)>:where(g){opacity:.4;transition:opacity var(--vk-duration-fast) var(--vk-ease)}:where(.vk-chart__series:hover)>:where(g:hover){opacity:1}:where(.vk-chart__series:hover)>:where(g:hover)>:where(.vk-chart__line){stroke-width:calc(var(--vk-chart-line-width,2px) + 1px);transition:stroke-width var(--vk-duration-fast) var(--vk-ease)}:where(.vk-chart__legend:hover)>:where(.vk-chart__legend-item){opacity:.45;transition:opacity var(--vk-duration-fast) var(--vk-ease)}:where(.vk-chart__legend:hover)>:where(.vk-chart__legend-item:hover){opacity:1}}@media (prefers-reduced-motion:reduce){:where(.vk-chart__series:hover)>:where(g),:where(.vk-chart__series:hover)>:where(g:hover)>:where(.vk-chart__line),:where(.vk-chart__legend:hover)>:where(.vk-chart__legend-item){transition:none}}:where(.vk-chart__legend[data-interactive]) :where(.vk-chart__legend-control){align-items:center;gap:var(--vk-space-2);padding:var(--vk-space-1) var(--vk-space-2);margin-inline:calc(var(--vk-space-2) * -1);border-radius:var(--vk-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--vk-duration-fast) var(--vk-ease);display:inline-flex}@media (hover:hover){:where(.vk-chart__legend[data-interactive]) :where(.vk-chart__legend-control:hover){background:var(--vk-color-surface-hover)}}:where(.vk-chart__legend-toggle){opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}:where(.vk-chart__legend-control:has(.vk-chart__legend-toggle:focus-visible)){outline:var(--vk-ring-width) solid var(--vk-color-ring);outline-offset:var(--vk-ring-offset)}:where(.vk-chart__legend-control:has(.vk-chart__legend-toggle:not(:checked))){opacity:.45}:where(.vk-chart__legend-control:has(.vk-chart__legend-toggle:not(:checked))) :where(.vk-chart__legend-label){text-decoration:line-through}:where([data-series-index]){transition:opacity var(--vk-duration-slow) var(--vk-ease-out), visibility 0s linear var(--vk-duration-slow);visibility:visible}:where(.vk-chart:has(.vk-chart__legend-toggle[data-series="1"]:not(:checked))) :where([data-series-index="1"]),:where(.vk-chart:has(.vk-chart__legend-toggle[data-series="2"]:not(:checked))) :where([data-series-index="2"]),:where(.vk-chart:has(.vk-chart__legend-toggle[data-series="3"]:not(:checked))) :where([data-series-index="3"]),:where(.vk-chart:has(.vk-chart__legend-toggle[data-series="4"]:not(:checked))) :where([data-series-index="4"]),:where(.vk-chart:has(.vk-chart__legend-toggle[data-series="5"]:not(:checked))) :where([data-series-index="5"]),:where(.vk-chart:has(.vk-chart__legend-toggle[data-series="6"]:not(:checked))) :where([data-series-index="6"]){opacity:0;visibility:hidden;transition:opacity var(--vk-duration-slow) var(--vk-ease-out), visibility 0s linear var(--vk-duration-slow)}@media (prefers-reduced-motion:reduce){:where([data-series-index]){transition:none}}:where(.vk-sparkline){vertical-align:middle;inline-size:var(--vk-sparkline-width,7rem);--vk-sparkline-stroke:var(--vk-chart-1);display:inline-block}:where(.vk-sparkline__svg){inline-size:100%;display:block}:where(.vk-sparkline__line){fill:none;stroke:var(--vk-sparkline-stroke);stroke-linecap:round;stroke-linejoin:round}:where(.vk-sparkline__area){stroke:none;fill:var(--vk-sparkline-area,color-mix(in oklab, var(--vk-sparkline-stroke) 22%, transparent))}:where(.vk-sparkline__point){fill:var(--vk-sparkline-stroke);stroke:var(--vk-chart-surface);stroke-width:1px}:where(.vk-line-chart){inline-size:100%;display:block}:where(.vk-line-chart .vk-chart__line){stroke-dashoffset:0;animation:vk-line-draw .6s var(--vk-ease) both}@keyframes vk-line-draw{0%{opacity:.2}}@media (prefers-reduced-motion:reduce){:where(.vk-line-chart .vk-chart__line){animation:none}}:where(.vk-area-chart){inline-size:100%;display:block}:where(.vk-area-chart[data-stacked=true]) :where(.vk-chart__area){opacity:calc(var(--vk-chart-area-opacity) + .5)}:where(.vk-area-chart[data-stacked=true]) :where(.vk-chart__line){stroke:var(--vk-chart-surface);stroke-width:1px}:where(.vk-area-chart .vk-chart__area){animation:vk-area-rise var(--vk-duration) var(--vk-ease) both}@keyframes vk-area-rise{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:where(.vk-area-chart .vk-chart__area){animation:none}}:where(.vk-bar-chart){inline-size:100%;display:block}:where(.vk-bar-chart__bar){stroke:var(--vk-chart-surface);stroke-width:1px}:where(.vk-bar-chart[data-orientation=vertical]) :where(.vk-bar-chart__bar){transform-box:fill-box;transform-origin:bottom;animation:vk-bar-grow-y .42s var(--vk-ease) both}:where(.vk-bar-chart[data-orientation=horizontal]) :where(.vk-bar-chart__bar){transform-box:fill-box;transform-origin:0;animation:vk-bar-grow-x .42s var(--vk-ease) both}@keyframes vk-bar-grow-y{0%{opacity:.4;transform:scaleY(.02)}}@keyframes vk-bar-grow-x{0%{opacity:.4;transform:scaleX(.02)}}@media (prefers-reduced-motion:reduce){:where(.vk-bar-chart__bar){animation:none}}@media (hover:hover){:where(.vk-bar-chart .vk-chart__series:hover)>:where(.vk-bar-chart__bar){opacity:.45;transition:opacity var(--vk-duration-fast) var(--vk-ease)}:where(.vk-bar-chart .vk-chart__series:hover)>:where(.vk-bar-chart__bar:hover){opacity:1;stroke:var(--vk-color-surface);stroke-width:1.5px;paint-order:stroke}}@media (prefers-reduced-motion:reduce){:where(.vk-bar-chart .vk-chart__series:hover)>:where(.vk-bar-chart__bar){transition:none}}:where(.vk-pie-chart){inline-size:100%;display:block}:where(.vk-pie-chart__svg){margin-inline:auto}:where(.vk-pie-chart__slice){stroke:var(--vk-chart-surface);stroke-width:1.5px}:where(.vk-pie-chart__track){stroke:var(--vk-chart-grid)}:where(.vk-pie-chart__label){fill:var(--vk-chart-surface);paint-order:stroke;stroke:color-mix(in oklab, var(--vk-color-fg) 45%, transparent);stroke-width:2.5px;stroke-linejoin:round;font-weight:600}:where(.vk-pie-chart__center){fill:var(--vk-color-fg);font-size:var(--vk-text-xl);font-weight:700}:where(.vk-pie-chart__center-sub){fill:var(--vk-color-muted)}:where(.vk-pie-chart__slice){animation:vk-pie-in .32s var(--vk-ease) both}@keyframes vk-pie-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:where(.vk-pie-chart__slice){animation:none}}@media (hover:hover){:where(.vk-pie-chart__svg:hover) :where(.vk-pie-chart__slice){opacity:.5;transition:opacity var(--vk-duration-fast) var(--vk-ease), transform var(--vk-duration) var(--vk-ease-out)}:where(.vk-pie-chart__svg:hover) :where(.vk-pie-chart__slice:hover){opacity:1;transform-origin:50%;transform-box:view-box;stroke:var(--vk-color-surface);stroke-width:1.5px;paint-order:stroke;transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){:where(.vk-pie-chart__svg:hover) :where(.vk-pie-chart__slice){transition:none}:where(.vk-pie-chart__svg:hover) :where(.vk-pie-chart__slice:hover){transform:none}}:where(.vk-progress-ring){justify-content:center;align-items:center;display:inline-flex}:where(.vk-progress-ring__svg){block-size:auto;inline-size:100%;display:block}:where(.vk-progress-ring__track){stroke:var(--vk-progress-ring-track,color-mix(in oklab, var(--vk-color-fg) 12%, transparent))}:where(.vk-progress-ring__arc){stroke:var(--vk-progress-ring-color,var(--vk-chart-1));transition:stroke-dashoffset var(--vk-duration) var(--vk-ease)}:where(.vk-progress-ring__center){font-size:var(--vk-text-md);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;line-height:1.1;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){:where(.vk-progress-ring__arc){transition:none}}
[data-accent=blue]{--vk-color-primary:#0071e3;--vk-color-primary-hover:#0266cd;--vk-color-primary-active:#0659b2;--vk-color-primary-subtle:#e8f1fe;--vk-color-primary-subtle-fg:#126ace;--vk-color-primary-fg:#fff;--vk-color-ring:#0071e3}[data-theme=dark][data-accent=blue]{--vk-color-primary:#3b9bff;--vk-color-primary-hover:#62acff;--vk-color-primary-active:#2c8ef1;--vk-color-primary-subtle:#112740;--vk-color-primary-subtle-fg:#3b9bff;--vk-color-primary-fg:#0a0a0b;--vk-color-ring:#3b9bff}[data-accent=violet]{--vk-color-primary:#6d28d9;--vk-color-primary-hover:#6311cb;--vk-color-primary-active:#5403b1;--vk-color-primary-subtle:#f0eefd;--vk-color-primary-subtle-fg:#6d28d9;--vk-color-primary-fg:#fff;--vk-color-ring:#6d28d9}[data-theme=dark][data-accent=violet]{--vk-color-primary:#a78bfa;--vk-color-primary-hover:#b59ffe;--vk-color-primary-active:#9b7fec;--vk-color-primary-subtle:#28213f;--vk-color-primary-subtle-fg:#a78bfa;--vk-color-primary-fg:#0a0a0b;--vk-color-ring:#a78bfa}[data-accent=emerald]{--vk-color-primary:#0f7a3d;--vk-color-primary-hover:#0c6d36;--vk-color-primary-active:#035d2c;--vk-color-primary-subtle:#dbf9e1;--vk-color-primary-subtle-fg:#0f7a3d;--vk-color-primary-fg:#fff;--vk-color-ring:#0f7a3d}[data-theme=dark][data-accent=emerald]{--vk-color-primary:#3fd07a;--vk-color-primary-hover:#54e189;--vk-color-primary-active:#2cc36e;--vk-color-primary-subtle:#0d2e19;--vk-color-primary-subtle-fg:#3fd07a;--vk-color-primary-fg:#0a0a0b;--vk-color-ring:#3fd07a}[data-accent=rose]{--vk-color-primary:#c8215d;--vk-color-primary-hover:#ba0652;--vk-color-primary-active:#a10546;--vk-color-primary-subtle:#fdebee;--vk-color-primary-subtle-fg:#c8215d;--vk-color-primary-fg:#fff;--vk-color-ring:#c8215d}[data-theme=dark][data-accent=rose]{--vk-color-primary:#ff7aa8;--vk-color-primary-hover:#ff98b9;--vk-color-primary-active:#f16d9c;--vk-color-primary-subtle:#3c1a25;--vk-color-primary-subtle-fg:#ff7aa8;--vk-color-primary-fg:#0a0a0b;--vk-color-ring:#ff7aa8}[data-accent=amber]{--vk-color-primary:#9a6700;--vk-color-primary-hover:#8b5d05;--vk-color-primary-active:#785002;--vk-color-primary-subtle:#feedd7;--vk-color-primary-subtle-fg:#916311;--vk-color-primary-fg:#fff;--vk-color-ring:#9a6700}[data-theme=dark][data-accent=amber]{--vk-color-primary:#e0a83d;--vk-color-primary-hover:#f1b84f;--vk-color-primary-active:#d39b2d;--vk-color-primary-subtle:#342301;--vk-color-primary-subtle-fg:#e0a83d;--vk-color-primary-fg:#0a0a0b;--vk-color-ring:#e0a83d}
body{background:var(--vk-color-bg);color:var(--vk-color-fg);font-family:var(--vk-font-sans);-webkit-font-smoothing:antialiased;margin:0}.skip-link{z-index:2000;padding:var(--vk-space-2) var(--vk-space-4);background:var(--vk-color-primary);color:var(--vk-color-primary-fg);border-radius:var(--vk-radius-md);transition:inset-block-start var(--vk-duration) var(--vk-ease);text-decoration:none;position:absolute;inset-block-start:-3rem;inset-inline-start:var(--vk-space-4)}.skip-link:focus-visible{inset-block-start:var(--vk-space-4)}.docs-shell{padding-block:var(--vk-space-6) var(--vk-space-16)}.docs-shell__bar{justify-content:flex-end;margin-block-end:var(--vk-space-4);display:flex}.docs-shell__grid{gap:var(--vk-space-8);align-items:start;display:grid}@media (min-width:1024px){.docs-shell__grid{grid-template-columns:15rem minmax(0,1fr)}.docs-shell__nav{top:var(--vk-space-4);max-height:calc(100vh - var(--vk-space-8));position:sticky}}.docs-sidebar{max-height:calc(100vh - var(--vk-space-12))}.docs-shell__content{gap:var(--vk-space-8);flex-direction:column;min-width:0;display:flex}.docs-shell__content>section{gap:var(--vk-space-3);flex-direction:column;min-width:0;display:flex}.doc-header>p,.docs-shell__content>section>p{max-width:68ch}.doc-header{gap:var(--vk-space-3);border-block-end:1px solid var(--vk-color-border);flex-direction:column;padding-block-end:var(--vk-space-4);display:flex}.doc-pager{justify-content:space-between;gap:var(--vk-space-4);display:flex}.code-block{border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-md);background:color-mix(in oklab, var(--vk-color-fg) 3%, var(--vk-color-bg));overflow:hidden}.code-block__bar{align-items:center;gap:var(--vk-space-2);padding:var(--vk-space-2) var(--vk-space-3);border-block-end:1px solid var(--vk-color-border);background:color-mix(in oklab, var(--vk-color-fg) 4%, var(--vk-color-bg));display:flex}.code-block__name{min-width:0;font-size:var(--vk-text-sm);color:var(--vk-color-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.code-block :where(.vk-code--block){background:0 0;border:0;border-radius:0;margin:0}.preview{padding:var(--vk-space-6);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-md);background:var(--vk-color-bg);overflow-x:auto;container-type:inline-size}.preview-override{color:#fff;border-radius:var(--vk-radius-full);background:#db2777}.preview-tile{padding:var(--vk-space-3) var(--vk-space-4);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-sm);background:color-mix(in oklab, var(--vk-color-fg) 4%, var(--vk-color-bg));font-size:var(--vk-text-sm);color:var(--vk-color-muted);text-align:center;justify-content:center;align-items:center;display:flex}.preview-panel{padding:var(--vk-space-4);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-sm);background:color-mix(in oklab, var(--vk-color-fg) 4%, var(--vk-color-bg))}.preview-portal-note{padding:var(--vk-space-2) var(--vk-space-3);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-full);background:var(--vk-color-bg);box-shadow:var(--vk-shadow-md);font-size:var(--vk-text-sm)}.preview-stage{border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-sm);background:color-mix(in oklab, var(--vk-color-fg) 4%, var(--vk-color-bg));min-height:14rem;position:relative;overflow:hidden}.props-variant{gap:var(--vk-space-2);flex-direction:column;margin-block-start:var(--vk-space-4);display:flex}.props-variant>h4{font-size:var(--vk-text-md);margin:0}.playground-page{padding-block:var(--vk-space-6) var(--vk-space-12);gap:var(--vk-space-6);flex-direction:column;display:flex}.playground{gap:var(--vk-space-3);flex-direction:column;display:flex}.playground__bar{gap:var(--vk-space-3);padding:var(--vk-space-2) var(--vk-space-3);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-md);background:var(--vk-color-surface-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.playground__bar>*>:where(.vk-select){max-width:15rem}.playground__group{border:0;gap:0;margin:0;padding:0;display:inline-flex}.playground__toggle{min-width:2.25rem;height:2rem;padding-inline:var(--vk-space-2);font:inherit;font-size:var(--vk-text-sm);font-weight:var(--vk-weight-medium);color:var(--vk-color-fg-subtle);background:var(--vk-color-surface);border:1px solid var(--vk-color-border);cursor:pointer;transition:background-color var(--vk-duration-fast) var(--vk-ease), color var(--vk-duration-fast) var(--vk-ease)}.playground__group>:first-child .playground__toggle,.playground__group>.playground__toggle:first-child{border-start-start-radius:var(--vk-radius-sm);border-end-start-radius:var(--vk-radius-sm)}.playground__group>:last-child .playground__toggle,.playground__group>.playground__toggle:last-child{border-start-end-radius:var(--vk-radius-sm);border-end-end-radius:var(--vk-radius-sm)}.playground__bar>*>.playground__toggle,.playground__bar .vk-tooltip-anchor>.playground__toggle{border-radius:var(--vk-radius-sm)}@media (hover:hover){.playground__toggle:hover{background:var(--vk-color-surface-hover);color:var(--vk-color-fg)}}.playground__toggle[aria-pressed=true]{background:var(--vk-color-primary);border-color:var(--vk-color-primary);color:var(--vk-color-primary-fg)}.playground__toggle:focus-visible{outline:var(--vk-ring-width) solid var(--vk-color-ring);outline-offset:var(--vk-ring-offset);z-index:1;position:relative}.playground__split{gap:var(--vk-space-4);align-items:stretch;display:grid}@media (min-width:1024px){.playground__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.playground__pane{gap:var(--vk-space-2);flex-direction:column;min-width:0;display:flex}.playground__pane-head{justify-content:space-between;align-items:center;gap:var(--vk-space-3);min-height:2rem;display:flex}.playground__tabs{gap:var(--vk-space-1);display:inline-flex}.playground__tab{padding:var(--vk-space-1) var(--vk-space-3);font:inherit;font-size:var(--vk-text-sm);font-weight:var(--vk-weight-medium);color:var(--vk-color-muted);border-radius:var(--vk-radius-sm);cursor:pointer;transition:color var(--vk-duration-fast) var(--vk-ease);background:0 0;border:0}.playground__tab[aria-selected=true]{color:var(--vk-color-fg);background:var(--vk-color-surface-active)}.playground__tab:focus-visible{outline:var(--vk-ring-width) solid var(--vk-color-ring);outline-offset:var(--vk-ring-offset)}.playground__editor{border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-md);background:var(--vk-color-surface-subtle);min-height:28rem;font-family:var(--vk-font-mono);font-size:var(--vk-text-sm);flex:1;line-height:1.6;display:flex;overflow:hidden}.playground__editor:focus-within{border-color:var(--vk-color-ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--vk-color-ring) 32%, transparent)}.playground__gutter{padding:var(--vk-space-3) var(--vk-space-2);text-align:end;color:var(--vk-color-muted);background:color-mix(in oklab, var(--vk-color-fg) 4%, var(--vk-color-surface-subtle));border-inline-end:1px solid var(--vk-color-border);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex-direction:column;flex:none;display:flex;overflow:hidden}.playground__code{min-width:0;padding:var(--vk-space-3);font:inherit;color:var(--vk-color-fg);resize:none;tab-size:2;white-space:pre;background:0 0;border:0;flex:1;overflow:auto}.playground__code:focus{outline:none}.playground__stage{padding:var(--vk-space-6);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-md);background:var(--vk-color-bg);color:var(--vk-color-fg);flex:1;justify-content:center;display:flex;overflow:auto}.playground__viewport{min-width:0;max-width:100%;container-type:inline-size}.playground__output{padding:var(--vk-space-4);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-md);background:var(--vk-color-surface-subtle);flex:1;overflow:auto}.playground__output pre{font-family:var(--vk-font-mono);font-size:var(--vk-text-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.playground__error{gap:var(--vk-space-1);padding:var(--vk-space-3) var(--vk-space-4);border:1px solid color-mix(in oklab, var(--vk-color-danger) 30%, transparent);border-radius:var(--vk-radius-md);background:var(--vk-color-danger-subtle);color:var(--vk-color-danger-subtle-fg);flex-direction:column;display:flex}.playground__error pre{font-family:var(--vk-font-mono);font-size:var(--vk-text-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.preview--center{justify-content:center;align-items:center;display:flex;overflow:visible}.docs-shell__content>.support{margin-block-start:var(--vk-space-8)}.accent-picker{align-items:center;gap:var(--vk-space-1);padding:var(--vk-space-1);border:1px solid var(--vk-color-border);border-radius:var(--vk-radius-full);background:var(--vk-color-surface-subtle);display:inline-flex}.accent-picker__swatch{border:1px solid color-mix(in oklab, var(--vk-color-fg) 14%, transparent);border-radius:var(--vk-radius-full);background:var(--swatch);cursor:pointer;width:1.25rem;height:1.25rem;transition:transform var(--vk-duration) var(--vk-ease-spring), box-shadow var(--vk-duration) var(--vk-ease);padding:0}@media (hover:hover){.accent-picker__swatch:hover{transform:scale(1.15)}}.accent-picker__swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--vk-color-bg), 0 0 0 4px var(--swatch)}.accent-picker__swatch:focus-visible{outline:var(--vk-ring-width) solid var(--vk-color-ring);outline-offset:var(--vk-ring-offset)}@media (prefers-reduced-motion:reduce){.accent-picker__swatch{transition:none}.accent-picker__swatch:hover{transform:none}}