:root{--kt-breakpoint-tablet:48rem;--kt-breakpoint-desktop:64rem;--pg-sample:56px;--pg-tile:32px;--pg-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pg-duration-theme:.7s;--pg-motion-theme:var(--pg-duration-theme) var(--kt-ease-in-out)}html{background:var(--kt-color-surface-default)}html,body{margin:0}code{font-family:var(--pg-font-mono)}:not(pre)>code{font-size:.92em}.kt-theme-dark{--pg-code-type:#82aaff}.kt-theme-light{--pg-code-type:#0550ae}.kt-shell{color:var(--kt-color-text-default);font-family:var(--kt-font-family-sans)}.theme-menu{color:var(--kt-color-text-default);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.theme-menu:focus-visible{outline:2px solid var(--kt-color-primary-solid);outline-offset:2px}.pg-theme-swatch{width:var(--kt-sm);height:var(--kt-sm);border-radius:var(--kt-radius-2xs);background:var(--kt-color-primary-solid);flex:none;display:block}:root[data-pg-theme-switch]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-pg-theme-switch]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-pg-theme-switch]::view-transition-new(root){animation:pg-theme-fade var(--pg-motion-theme)}:root[data-pg-theme-switch=capture] :is(.kt-dropdown-pop,.kt-dropdown-backdrop,.kt-tooltip-pop){visibility:hidden}@keyframes pg-theme-fade{0%{opacity:0}}.pg-header-brand{align-items:center;gap:var(--kt-xs);display:inline-flex}.pg-header-actions{align-items:center;gap:var(--kt-sm);display:flex}.lang-toggle{color:var(--kt-color-text-default);cursor:pointer;background:0 0;border:none;padding:0}.lang-toggle:focus-visible{outline:2px solid var(--kt-color-primary-solid);outline-offset:2px}.pg-main-scroll{flex:1;min-height:0}.pg-content{padding:var(--kt-md)}@media (width>=48rem){.pg-content{padding:var(--kt-xl)}}.pg-page{gap:var(--kt-lg);animation:pg-page-enter var(--kt-motion-enter);width:100%;max-width:760px;padding-bottom:var(--kt-3xl);flex-direction:column;margin:0 auto;display:flex}@media (width>=48rem){.pg-page{gap:var(--kt-xl)}}.pg-intro{justify-content:space-between;align-items:flex-start;gap:var(--kt-md);order:-3;display:flex}.pg-intro-actions{flex:none;display:flex}.pg-usage{gap:var(--kt-xs);flex-direction:column;order:1;display:flex}.pg-preview{gap:var(--kt-sm);flex-direction:column;order:-1;display:flex}.pg-preview-card{border-radius:var(--kt-radius-lg);background:var(--kt-color-surface-secondary);gap:0}.pg-preview-card .pg-hero{box-shadow:inset 0 0 0 1px var(--kt-color-border)}.pg-preview-code{gap:var(--kt-sm);padding-bottom:var(--kt-lg);border-end-end-radius:var(--kt-radius-lg);border-end-start-radius:var(--kt-radius-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.pg-preview-code .pg-code{background:0 0;border-radius:0}.pg-preview-code .pg-code-body{padding-bottom:0}.pg-preview-code-closed{gap:0;max-height:160px}.pg-preview-code-closed:after{content:"";pointer-events:none;background:var(--kt-color-surface-secondary);position:absolute;inset:0;-webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.8) 50%,#000 85%);mask-image:linear-gradient(transparent,rgba(0,0,0,.8) 50%,#000 85%)}.pg-preview-code-closed .pg-preview-code-body{flex:1;min-height:0}.pg-preview-code-closed .kt-scroll-bar{display:none}.pg-preview-toggle{z-index:1;justify-content:center;display:flex;position:relative}.pg-code{border-radius:var(--kt-radius-lg);background:var(--kt-color-secondary-subtle);position:relative}.pg-code-copy{z-index:1;top:var(--kt-sm);right:var(--kt-sm);position:absolute}.pg-code-body{padding:var(--kt-md) var(--kt-lg);color:var(--kt-color-text-default);font-family:var(--pg-font-mono);white-space:pre;tab-size:4;margin:0}@media (width>=48rem){.pg-code-body{padding:var(--kt-lg) var(--kt-xl)}}.pg-code-keyword{color:var(--kt-color-primary-text)}.pg-code-type{color:var(--pg-code-type)}.pg-code-constant{color:var(--kt-color-warning-text)}.pg-code-string{color:var(--kt-color-success-text)}.pg-code-punct{color:var(--kt-color-text-tertiary)}.pg-hero{min-height:320px;padding:var(--kt-lg) var(--kt-md);border-radius:var(--kt-radius-lg);background-color:var(--kt-color-surface-default);background-image:radial-gradient(var(--kt-color-border) 1px, transparent 1px);background-position:50%;background-size:12px 12px;justify-content:center;align-items:center;display:flex}@media (width>=48rem){.pg-hero{min-height:440px;padding:var(--kt-2xl) var(--kt-xl)}}.pg-hero-inner-wide{width:100%;max-width:420px}.pg-hero-inner-full{width:100%}.pg-toast-frame{width:428px;max-width:100%}.pg-knobs{align-items:flex-start;gap:var(--kt-md) var(--kt-xl);flex-wrap:wrap;order:-2;display:flex}@media (width>=48rem){.pg-knobs{gap:var(--kt-lg) var(--kt-2xl)}}.pg-knob{gap:var(--kt-2xs);flex-direction:column;display:flex}.pg-knob-name{color:var(--kt-color-text-tertiary)}.pg-knob-row{gap:var(--kt-2xs);flex-wrap:wrap;display:flex}.pg-placeholder{min-height:36px;padding:var(--kt-xs) var(--kt-md);border:1px dashed var(--kt-color-secondary-subtle-active);border-radius:var(--kt-radius-sm);color:var(--kt-color-text-tertiary);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.pg-scroll-samples{gap:var(--kt-lg);flex-direction:column;width:100%;display:flex}.pg-scroll-samples .pg-scroll-sample:first-child{height:240px}.pg-scroll-sample{border:1px solid var(--kt-color-border);border-radius:var(--kt-radius-sm);width:100%}.pg-scroll-sample-column{gap:var(--kt-sm);padding:var(--kt-md);flex-direction:column;display:flex}.pg-scroll-sample-row{gap:var(--kt-sm);padding:var(--kt-md) var(--kt-md) var(--kt-lg);display:flex}.pg-scroll-sample-cell{border:1px dashed var(--kt-color-secondary-subtle-active);border-radius:var(--kt-radius-xs);width:120px;height:64px;color:var(--kt-color-text-secondary);white-space:nowrap;flex:none;justify-content:center;align-items:center;display:flex}.pg-resize-sample{border:1px solid var(--kt-color-border);border-radius:var(--kt-radius-sm);width:100%;height:360px}.pg-resize-list{gap:var(--kt-3xs);padding:var(--kt-sm);flex-direction:column;display:flex}.pg-resize-body{padding:var(--kt-md)}.pg-variant-row{justify-content:center;align-items:center;gap:var(--kt-sm);flex-wrap:wrap;display:flex}.pg-demo-frame{border:1px solid var(--kt-color-border);border-radius:var(--kt-radius-md);background:var(--kt-color-surface-default);align-items:stretch;height:360px;display:flex;overflow:hidden}.pg-bar-frame{border:1px solid var(--kt-color-border);border-radius:var(--kt-radius-md);background:var(--kt-color-surface-default);width:100%;overflow:hidden}.pg-bar-frame .kt-app-bar{border-bottom:none}.pg-demo-narrow{width:240px}.pg-demo-stack{align-items:center;gap:var(--kt-xl);flex-direction:column;width:100%;display:flex}.pg-demo-row-sm{align-items:center;gap:var(--kt-sm);display:flex}.pg-scenarios{gap:var(--kt-xs);flex-direction:column;display:flex}.pg-scenarios-frame{align-items:flex-start;gap:var(--kt-lg);padding:var(--kt-md);border-radius:var(--kt-radius-lg);background-color:var(--kt-color-secondary-subtle);flex-wrap:wrap;display:flex}@media (width>=48rem){.pg-scenarios-frame{padding:var(--kt-xl)}}.pg-static{position:relative;transform:translateZ(0)}.pg-static .kt-dropdown{align-items:flex-start;gap:var(--kt-2xs);flex-direction:column;display:flex}.pg-static .kt-dropdown-pop{position:static}.pg-static .kt-dropdown-list{max-height:280px}.pg-static .kt-dropdown-backdrop{display:none}.pg-static-overlay{border-radius:var(--kt-radius-md);width:100%;height:520px;overflow:hidden}.pg-picked{align-items:flex-start;gap:var(--kt-sm);flex-direction:column;max-width:min(320px,100%);display:flex}.pg-picked-list{gap:var(--kt-2xs);flex-wrap:wrap;display:flex}.pg-skeleton-card{gap:var(--kt-md);width:360px;max-width:100%;padding:var(--kt-lg);border:1px solid var(--kt-color-border);border-radius:var(--kt-radius-lg);background-color:var(--kt-color-surface-default);flex-direction:column;display:flex}.pg-skeleton-card-body{align-items:flex-start;gap:var(--kt-md);display:flex}.pg-skeleton-card-body-stack{flex-direction:column;align-items:stretch}.pg-skeleton-card-media{border-radius:var(--kt-radius-md);background-color:var(--kt-color-secondary-subtle);color:var(--kt-color-text-secondary);justify-content:center;align-items:center;display:flex}.pg-skeleton-card-media-lg{height:var(--kt-size-700)}.pg-skeleton-card-media-md{height:var(--kt-size-500)}.pg-skeleton-card-media-sm{height:var(--kt-size-400)}.pg-skeleton-card-media-xs{height:var(--kt-size-200)}.pg-skeleton-card-footer{justify-content:space-between;align-items:center;gap:var(--kt-sm);display:flex}.pg-skeleton-card-meta{color:var(--kt-color-text-secondary);font:var(--kt-font-body-sm);margin:0}.pg-demo-row-md{align-items:center;gap:var(--kt-md);display:flex}.pg-demo-row-lg{align-items:center;gap:var(--kt-lg);display:flex}.pg-demo-col{gap:var(--kt-sm);flex-direction:column;width:100%;display:flex}.pg-text-plain{margin:0}.pg-token{align-items:center;gap:var(--kt-sm);padding-block:var(--kt-xs);display:flex}.pg-token code{white-space:nowrap}.pg-sample{width:var(--pg-sample);min-height:var(--pg-tile);flex:none;align-items:center;display:flex}.pg-tile{width:var(--pg-tile);height:var(--pg-tile);flex:none}.pg-space-bar{height:12px;width:var(--pg-value);border-radius:var(--kt-radius-xs);background:var(--kt-color-primary-solid)}.pg-radius-tile{border:1px solid var(--kt-color-primary-solid);border-radius:var(--pg-value);background:var(--kt-color-primary-subtle)}.pg-shadow-tile{border-radius:var(--kt-radius-xs);border:1px solid var(--kt-color-border);box-shadow:var(--pg-value);background:var(--kt-color-surface-raised)}.pg-shadow-tile--filter{box-shadow:none;filter:var(--pg-value)}.pg-color-tile{border-radius:var(--kt-radius-xs);border:1px solid var(--kt-color-border);background:linear-gradient(var(--pg-value), var(--pg-value)),repeating-conic-gradient(rgba(128,128,128,.2) 0 25%, transparent 0 50%) 0 0/10px 10px}.pg-api{gap:var(--kt-xs);flex-direction:column;order:2;display:flex}.pg-api code{overflow-wrap:anywhere}.pg-api-values,.pg-api-muted{color:var(--kt-color-text-tertiary)}.pg-api-values{margin-top:var(--kt-3xs)}.pg-overview-links{gap:var(--kt-lg);flex-wrap:wrap;order:-2;display:flex}.pg-step{gap:var(--kt-xs);flex-direction:column;display:flex}.pg-doc-section{gap:var(--kt-sm);flex-direction:column;display:flex}.pg-doc-note{padding:var(--kt-md) var(--kt-lg);border-left:3px solid var(--kt-color-primary-solid);border-radius:var(--kt-radius-sm);background:var(--kt-color-secondary-subtle);color:var(--kt-color-text-default)}.pg-doc-code{padding-inline:var(--kt-xs);border-radius:var(--kt-radius-xs);background:var(--kt-color-secondary-subtle)}.pg-code-scroll{width:100%}.pg-keyboard{gap:var(--kt-xs);flex-direction:column;order:3;display:flex}@keyframes pg-page-enter{0%{opacity:0;translate:0 calc(var(--kt-motion-shift) * 1.5)}}.pg-built-by{color:var(--kt-color-text-secondary)}