:root{--pd-ink:#303030;--pd-sub:#616161;--pd-mute:#ababab;--pd-faint:#767676;--pd-line:#e3e3e3;--pd-hair:#f1f1f1;--pd-dark:#1a1a1a;--pd-ok-bg:#cdfee1;--pd-ok-fg:#0c5132;--pd-info-bg:#eaf4ff;--pd-info-fg:#00527c}.pub-word{animation:.5s both pub-word-rise;display:inline-block}@keyframes pub-word-rise{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.pub-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.pub-reveal.is-in{opacity:1;transform:none}.pub-ticker-wrap{margin:-16px 0 40px}.pub-ticker-label{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--pub-subdued);margin:0 0 14px;font-size:12.5px;font-weight:650}.pub-ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.pub-ticker-track{width:max-content;animation:36s linear infinite pub-ticker-slide;display:flex}.pub-ticker:hover .pub-ticker-track{animation-play-state:paused}.pub-ticker-chip{font-family:var(--pub-mono);color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--pub-border);white-space:nowrap;border-radius:999px;flex:none;margin-right:10px;padding:5px 13px;font-size:12.5px}@keyframes pub-ticker-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.pub-demo{border:1px solid var(--pd-line);width:min(380px,100%);color:var(--pd-ink);text-align:left;background:#fff;border-radius:14px;padding:20px 22px;font-size:13px;transition:transform .25s;box-shadow:0 18px 40px #0a221c29}.pub-demo:hover{transform:translateY(-2px)}.pub-demo-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pub-demo-title{margin-right:auto;font-size:15px;font-weight:700}.pub-demo-badge,.pub-demo-chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.pub-demo-badge{background:var(--pd-ok-bg);color:var(--pd-ok-fg)}.pub-demo-badge.is-info{background:var(--pd-info-bg);color:var(--pd-info-fg)}.pub-demo-badge.is-warn{color:#4f4700;background:#ffef9d}.pub-demo-chip{background:var(--pd-info-bg);color:var(--pd-info-fg);opacity:0;transition:opacity .25s,transform .25s;transform:scale(.8)}.pub-demo-chip.is-on{opacity:1;transform:scale(1)}.pub-demo-sub{color:var(--pd-sub);margin:4px 0 12px;font-size:11.5px}.pub-demo-banner{color:#5e4200;background:#fff1e3;border:1px solid #ffd6a4;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:11.5px;line-height:1.45;transition:background-color .35s,border-color .35s,color .35s;display:flex}.pub-demo-banner.is-success{background:var(--pd-ok-bg);color:var(--pd-ok-fg);border-color:#92e6b5}.pub-demo-banner.is-info{background:var(--pd-info-bg);color:var(--pd-info-fg);border-color:#a4c9ef}.pub-demo-banner-icon{border:1.6px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.pub-demo-label{margin:14px 0 6px;font-size:11.5px;font-weight:600;display:block}.pub-demo-row{flex-wrap:wrap;gap:8px;display:flex}.pub-demo-btn{background:var(--pd-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:32px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .12s,background-color .12s}.pub-demo-btn:hover{background:var(--pd-ink)}.pub-demo-btn.is-pressed{transform:scale(.94)}.pub-demo-itemrow,.pub-demo-maprow,.pub-mini-row,.pub-shot-tr{border-bottom:1px solid var(--pd-hair)}.pub-demo-itemrow:last-child,.pub-demo-maprow:last-child,.pub-mini-row:last-of-type,.pub-shot-tr:last-child{border-bottom:none}.pub-demo-rows{margin:12px 0}.pub-demo-itemrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:12.5px;transition:opacity .3s;display:flex}.pub-demo-itemrow>span:first-child{min-width:0}.pub-demo-itemrow.is-dim{opacity:.45}.pub-demo-pending{color:var(--pd-faint);font-weight:700}.pub-demo-chname{align-items:center;gap:8px;display:inline-flex}.pub-demo-maprow{padding:6px 0;font-size:12px}.pub-demo-maprow .pub-demo-label{margin:0 0 3px}.pub-demo-mapvals{font-family:var(--pub-mono);align-items:center;gap:8px;min-width:0;font-size:11.5px;display:flex}.pub-demo-mapvals>span:first-child{white-space:nowrap;text-overflow:ellipsis;transition:color .3s,text-decoration-color .3s;overflow:hidden}.pub-demo-strike{color:var(--pd-faint);text-decoration:line-through}.pub-demo-arrow{color:var(--pd-sub);flex-shrink:0}.pub-demo-mapto{opacity:.66;white-space:nowrap;border-radius:4px;padding:1px 5px;transition:opacity .3s,background-color .3s}.pub-demo-mapto.is-on{opacity:1;background:var(--pd-ok-bg);color:var(--pd-ok-fg);font-weight:600}.pub-demo-bar{background:var(--pd-hair);border-radius:999px;height:5px;margin:12px 0;overflow:hidden}.pub-demo-bar-fill{background:var(--pd-dark);border-radius:999px;width:0;height:100%;transition:width 1.1s}.pub-demo-bar-fill.is-full{width:100%}.pub-demo-selectwrap{flex:1;min-width:0;position:relative}.pub-demo-select,.pub-mini-select{border:1px solid var(--pd-mute);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.pub-demo-select{width:100%;min-height:32px;color:var(--pd-ink);cursor:pointer;text-align:left;white-space:nowrap;background:#fff;font-family:inherit;overflow:hidden}.pub-demo-select.as-static{cursor:default}.pub-demo-select:focus-visible,.pub-demo-btn:focus-visible,.pub-demo-option:focus-visible,.pub-showcase-tabs button:focus-visible,.pub-showcase-pane:focus-visible{outline-offset:1px;outline:2px solid #005bd3}.pub-demo-placeholder{color:var(--pd-sub)}.pub-demo-chevron{border-right:1.6px solid var(--pd-sub);border-bottom:1.6px solid var(--pd-sub);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)translateY(-2px)}.pub-demo-menu{border:1px solid var(--pd-line);z-index:3;opacity:0;pointer-events:none;background:#fff;border-radius:8px;padding:4px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 4px);left:0;right:0;transform:translateY(-6px);box-shadow:0 8px 20px #0000001f}.pub-demo-menu.is-open{opacity:1;pointer-events:auto;transform:none}.pub-demo-option{width:100%;color:var(--pd-ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:12px;display:block}.pub-demo-option:hover,.pub-demo-option.is-hot{background:var(--pd-hair)}.pub-demo-foot{border-top:1px solid var(--pd-line);align-items:center;gap:8px;margin-top:16px;padding-top:12px;display:flex}.pub-demo-foot-label{color:var(--pd-sub);font-size:11px}.pub-demo-url{vertical-align:middle;border:1px solid var(--pd-line);min-width:0;max-width:100%;font-size:10.5px;font-family:var(--pub-mono);white-space:nowrap;text-overflow:ellipsis;background:#f6f6f7;border-radius:6px;flex:1;padding:3px 8px;display:inline-block;overflow:hidden}.pub-demo-copy{border:1px solid var(--pd-mute);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.pub-step-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width>=720px){.pub-step-split{grid-template-columns:minmax(0,1fr) 240px}}.pub-mini{border:1px solid var(--pd-line);min-width:0;color:var(--pd-ink);background:#fff;border-radius:10px;padding:12px 14px;font-size:12px;box-shadow:0 4px 14px #10211b14}.pub-mini-label{color:var(--pd-ink);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pub-mini-chips{gap:6px;margin-top:8px;display:flex}.pub-mini-chip{border:1px solid var(--pd-line);color:var(--pd-sub);border-radius:999px;padding:2px 10px;font-size:11px}.pub-mini-chip.is-on{background:var(--pd-dark);border-color:var(--pd-dark);color:#fff;font-weight:600}.pub-mini-row{justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.pub-mini-note{color:var(--pd-sub);margin:8px 0 0;font-size:10.5px;line-height:1.4}.pub-showcase{background:var(--pub-surface);border:1px solid var(--pub-border);box-shadow:var(--pub-shadow);border-radius:14px;margin:24px 0;overflow:hidden}.pub-band .pub-showcase{border:none;margin-bottom:0;box-shadow:0 24px 48px #04120e66}.pub-showcase-tabs{border-bottom:1px solid var(--pd-line);background:#fafbfa;gap:4px;padding:6px 12px 0;display:flex}.pub-showcase-tabs button{color:var(--pd-sub);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s}.pub-showcase-tabs button:hover{color:var(--pd-ink)}.pub-showcase-tabs button.is-active{color:var(--pd-ink);border-bottom-color:var(--pd-ink)}.pub-showcase-pane{padding:20px 22px;animation:.3s both pub-rise}.pub-shot-table{color:var(--pd-ink);font-size:12.5px}.pub-shot-tr{grid-template-columns:1.1fr 1.6fr .9fr;align-items:center;gap:10px;padding:9px 6px;display:grid}.pub-shot-thead{color:var(--pd-sub);border-bottom:1px solid var(--pd-line);font-size:11px;font-weight:600}.pub-shot-missing{color:#8e1f0b;font-style:italic}.pub-shot-form{gap:12px;max-width:420px;display:grid}.pub-shot-field .pub-demo-label{margin:0 0 5px}.pub-shot-hint{color:var(--pd-sub);margin-left:auto;font-size:10.5px}.pub-shot-code{color:#e6ebe8;background:#101816;border-radius:10px;margin:0;padding:14px 16px;font-size:12px;line-height:1.7;overflow-x:auto}.pub-shot-code-hl{color:#7fc9a6}@media (prefers-reduced-motion:reduce){.pub-word,.pub-showcase-pane{animation:none}.pub-reveal{opacity:1;transition:none;transform:none}.pub-demo,.pub-demo-chip,.pub-demo-banner,.pub-demo-btn,.pub-demo-menu,.pub-demo-itemrow,.pub-demo-mapto,.pub-demo-bar-fill{transition:none}.pub-ticker{-webkit-mask-image:none;mask-image:none}.pub-ticker-track{flex-wrap:wrap;justify-content:center;row-gap:8px;width:auto;animation:none}.pub-ticker-chip.pub-ticker-dup{display:none}}
