.pf{--pf-r:22px;--pf-pad:6px;--pf-ground:var(--card);padding:var(--pf-pad);border-radius:var(--pf-r);background:color-mix(in srgb, var(--card) 58%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 90%, transparent), 0 1px 2px color-mix(in srgb, var(--deep) 8%, transparent), 0 18px 36px -24px color-mix(in srgb, var(--deep) 32%, transparent), 0 48px 90px -48px color-mix(in srgb, var(--deep) 55%, transparent);position:relative}.pf-core{border-radius:calc(var(--pf-r) - var(--pf-pad));background:var(--pf-ground);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent);position:relative;overflow:hidden}.pf-bar{white-space:nowrap;min-height:36px;color:var(--muted-ink);background:color-mix(in srgb, var(--field) 42%, var(--card));box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--line) 80%, transparent);align-items:center;gap:10px;margin:0;padding:0 7px 0 14px;font-size:12.5px;font-weight:600;line-height:1;display:flex}.pf-name{flex:1;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.pf-bar .auto-btn{margin-left:0}:root[data-js]:not([data-a11y-motion]) .pf-bar .auto-btn[hidden]{visibility:hidden;display:inline-flex}@media (prefers-reduced-motion:reduce){:root[data-js]:not([data-a11y-motion]) .pf-bar .auto-btn[hidden]{display:none}}.pf-pause{z-index:2;display:flex;position:absolute;top:13px;right:12px}.pf-demo{color:var(--accent-ink);background:color-mix(in srgb, var(--brand) 15%, var(--card));border-radius:999px;margin-left:auto;padding:5px 9px;font-size:12px}@media (prefers-color-scheme:dark){.pf{background:color-mix(in srgb, var(--card) 72%, transparent);box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 0 #ffffff0d, 0 18px 36px -24px #0009, 0 48px 90px -48px #000000bf}}.pf-deep{--pf-ground:#0f1f2f;background:#e7eef30d;box-shadow:inset 0 0 0 1px #8ccbef33,inset 0 1px #ffffff14,0 48px 90px -48px #0009}.pf-deep .pf-core{box-shadow:inset 0 0 0 1px #8ccbef1f}.pf-deep .pf-bar{color:var(--on-deep-muted);background:#e7eef30a;box-shadow:inset 0 -1px #8ccbef24}.pf-deep .pf-demo{color:var(--brand);background:#66bbdd1f}@media (prefers-color-scheme:dark){.pf-deep{--pf-ground:#071423}}.tile-estate{background:radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--brand) 24%, transparent), transparent 60%), linear-gradient(200deg, color-mix(in srgb, var(--brand) 12%, var(--card)), color-mix(in srgb, var(--card) 70%, var(--field)))}.tile-estate,.tile-map{overflow:visible}.flow-pf .pf-core{--pf-ground:color-mix(in srgb, var(--field) 62%, var(--card))}.flow-pf .flow{background:0 0;border-radius:0;margin:0}@media (max-width:639px){.tile-estate{box-shadow:none;background:0 0;padding:0}.flow-pf{--pf-pad:4px;--pf-r:18px}}@media (min-width:1024px){.tile-estate .flow-pf{align-self:stretch;display:grid}.tile-estate .flow-pf .pf-core{grid-template-rows:auto 1fr;display:grid}}.cm-pf .cm{box-shadow:none;background:0 0;border-radius:0;outline:0}.pf-deep .nm{--nm-halo:var(--pf-ground);--nm-fill:var(--pf-ground);--nm-tint:color-mix(in srgb, var(--brand) 20%, var(--pf-ground))}.deps-pf .pf-core>:not(.pf-bar){margin:12px 14px 14px}@media (max-width:639px){.deps-pf{--pf-pad:0px;--pf-r:16px}.deps-pf .pf-core>:not(.pf-bar){margin:8px 0 0}.deps-pf .nm-foot{padding:0 12px 10px}}.apv-pf .apv-board{border-radius:calc(var(--pf-r) - var(--pf-pad));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent)}.apv-pf{align-self:center}.apv-mess>*{font-size:clamp(11px,2.15cqw,12.5px)}@container apv (max-width:440px){.apv-mess:before{padding-top:150%}}
