.pbw-page *:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *),.pbw-page *:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *)::before,.pbw-page *:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *)::after{box-sizing:border-box}:where(.pbw-page) :where(h1,h2,h3,p,figure,ul,ol,dl,dd,pre):where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){margin:0}.pbw-page .pbw-wrap:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){width:min(1220px,100%);padding-inline:28px;margin-inline:auto}.pbw-page .pbw-section:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){padding-block:82px;border-top:1px solid var(--line)}.pbw-page h2:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){font-weight:900;line-height:1.12;color:var(--ink);text-wrap:balance}.pbw-page h2:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){font-size:32px}.pbw-page :is(a,button,select,textarea,summary):focus-visible:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){outline:3px solid #6f9ecc;outline-offset:4px}.pbw-page .pbw-icon:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){width:24px;height:24px;flex-shrink:0;stroke-width:1.65;vertical-align:middle}.pbw-page .pbw-reuse{background:var(--blue)}.pbw-page .pbw-split:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.pbw-page .pbw-split>div>p:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){margin-top:20px}.pbw-page .pbw-reuse-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pbw-page .pbw-reuse-options button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--accent);font-size:14px;font-weight:600;cursor:pointer}.pbw-page .pbw-reuse-options button[aria-pressed="true"]{background:#174b80;color:#fff;border-color:#174b80}.pbw-page .pbw-reuse-explanation{min-height:90px}.pbw-page .pbw-note:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){font-size:14px;color:var(--muted);margin-top:25px;padding-top:23px;border-top:1px dashed var(--line)}.pbw-page .pbw-reuse-demo{background:var(--paper);padding:26px;border-radius:10px;box-shadow:var(--shadow)}.pbw-page .pbw-library-source{display:flex;align-items:center;gap:9px;padding:16px;background:var(--blue);border-radius:6px;color:var(--ink);font-size:14px}.pbw-page .pbw-library-source>.pbw-icon{width:19px;height:19px;color:var(--accent)}.pbw-page .pbw-change-source{margin-left:auto;font-size:12px;min-height:38px;padding:8px 10px;border:0;border-radius:4px;background:#174b80;color:#fff;cursor:pointer}.pbw-page .pbw-reuse-wires{position:relative;height:50px;display:flex;justify-content:space-around}.pbw-page .pbw-reuse-wires i{height:100%;width:1px;background:var(--line)}.pbw-page .pbw-reuse-demo[data-mode="copy"] .pbw-reuse-wires i:not(:first-child){background:repeating-linear-gradient(var(--line) 0 4px,transparent 4px 8px)}.pbw-page .pbw-demo-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pbw-page .pbw-demo-page{padding:14px 12px;background:var(--canvas);border-radius:7px}.pbw-page .pbw-demo-page>span{font-size:12px;color:var(--muted)}.pbw-page .pbw-demo-page>i{display:block;height:46px;border-radius:4px;background:#315c8b;margin:14px 0}.pbw-page .pbw-demo-page.is-changed>i{background:#a96c35}.pbw-page .pbw-demo-page>b{display:block;height:4px;margin-top:7px;border-radius:2px;background:var(--line)}.pbw-page .pbw-demo-page>b:last-child{width:65%}.pbw-page .pbw-reuse-result{font-size:12px;color:var(--muted);min-height:38px;margin-top:19px}@media (max-width:1050px){.pbw-page .pbw-split:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){gap:35px}}@media (max-width:820px){.pbw-page .pbw-split:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){grid-template-columns:1fr}.pbw-page .pbw-section:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){padding-block:60px}.pbw-page .pbw-reuse-demo{max-width:650px;width:100%;margin:auto}.pbw-page .pbw-reuse-explanation{min-height:0}}@media (max-width:520px){.pbw-page .pbw-wrap:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){padding-inline:20px}.pbw-page .pbw-section:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){padding-block:48px}.pbw-page .pbw-reuse-demo{padding:18px}.pbw-page .pbw-library-source{flex-wrap:wrap;padding:13px;gap:8px;font-size:12px}.pbw-page .pbw-change-source{font-size:11px;min-height:44px;padding:8px}.pbw-page .pbw-demo-pages{gap:10px}.pbw-page .pbw-demo-page{padding:12px 9px}.pbw-page .pbw-demo-page>span{font-size:11px}.pbw-page .pbw-note:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){font-size:17px}}.pbw-page .pbx-tint .pbx-panel:where([data-pbb-css-section="1152523-8"],[data-pbb-css-section="1152523-8"] *){background:var(--paper)}