.cfx-pbg-scene{scroll-margin-top:72px}.cfx-pbg-scene__head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:12px clamp(24px,4vw,56px);align-items:start;margin-bottom:18px}.cfx-pbg-scene__purpose{color:var(--cfx-ink);font-size:var(--cfx-t-lede);line-height:1.45}.cfx-pbg .cfx-tags{padding:0;list-style:none}.cfx-pbg-scene .cfx-showcase__plate{padding:clamp(8px,1.6vw,20px)}.cfx-pbg-scene .cfx-showcase__plate>a{display:block}.cfx-pbg-scene .cfx-showcase__plate img{max-width:none;border-radius:4px;box-shadow:0 18px 40px -28px rgba(12,13,16,.6)}.cfx-pbg-scene .cfx-showcase__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfx-pbg-scene .cfx-showcase__name .cfx-only-light,:root[data-theme="dark"] .cfx-pbg-scene .cfx-showcase__name .cfx-only-dark{display:inline!important}:root[data-theme="dark"] .cfx-pbg-scene .cfx-showcase__name .cfx-only-light{display:none!important}.cfx-pbg-scene__code{--cfx-code-max:30rem}.cfx-pbg-scene>.cfx-pbg-scene__code{margin-top:16px}.cfx-pbg-scene__more{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 20px;margin-top:10px}.cfx-pbg-scene__more>p{flex:1 1 32ch;padding-top:8px;color:var(--cfx-ink-3);font-size:.875rem}.cfx-pbg-more{--cfx-card-ratio:16/9}.cfx-pbg-more .cfx-filters{margin-bottom:20px}.cfx-pbg-more .cfx-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cfx-pbg-more .cfx-card{scroll-margin-top:72px}.cfx-pbg-screens{display:grid;grid-template-columns:minmax(0,2.389fr) minmax(0,.5625fr);gap:16px;align-items:start}.cfx-pbg-screens .cfx-output>figcaption::before{background:var(--key,var(--cfx-glow))}.cfx-pbg-screens .cfx-output>a{display:block}.cfx-pbg-tabs{display:grid;gap:10px;min-width:0}.cfx-pbg-scene>.cfx-pbg-tabs{margin-top:16px}.cfx-pbg-tabs>.cfx-seg{justify-self:start;max-width:100%;flex-wrap:wrap}.cfx-pbg-tabs__panel{display:grid;gap:10px;min-width:0}.cfx-pbg-tabs__panel>p{color:var(--cfx-ink-2);font-size:.9375rem}.cfx-pbg-source{--key:var(--cfx-accent);flex:1 1 100%;order:2;min-width:0;max-width:100%}.cfx-pbg-source:not([open]){flex:none;order:0}.cfx-pbg-source>summary{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--cfx-line);border-radius:8px;background:var(--cfx-card);color:var(--cfx-ink);font-size:.875rem;font-weight:620;list-style:none;cursor:pointer}.cfx-pbg-scene .cfx-pbg-source{--key:inherit}.cfx-pbg-source>summary::-webkit-details-marker{display:none}.cfx-pbg-source>summary::before{content:"";width:0;height:0;border-block:4px solid transparent;border-left:6px solid var(--key);transition:transform .15s ease}.cfx-pbg-source[open]>summary{border-color:var(--key)}.cfx-pbg-source[open]>summary::before{transform:rotate(90deg)}.cfx-pbg-source .cfx-codeblock{--cfx-code-max:40rem;margin-top:10px}.cfx-pbg-pair{grid-template-columns:minmax(0,610px) minmax(0,1fr);align-items:start}.cfx-pbg-pair .cfx-pair__source{--cfx-code-max:34rem;min-width:0}.cfx-pbg-pair .cfx-pair__source :is(pre,code){font-size:.75rem}.cfx-pbg-pair .cfx-pair__output{align-self:start}.cfx-pbg-pair .cfx-pair__output>a{display:block}.cfx-pbg-stack{display:grid;gap:12px;align-content:start}.cfx-pbg-console :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}.cfx-pbg-console code{color:var(--cfx-signal)}.cfx-pbg-steps{display:grid;gap:clamp(36px,4vw,52px);margin:clamp(32px,4vw,48px) 0 0;padding:0;list-style:none;counter-reset:none}.cfx-pbg-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px 20px;scroll-margin-top:72px}.cfx-pbg-step__head{display:contents}.cfx-pbg-step__n{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;align-self:start;width:44px;height:44px;border:1px solid var(--cfx-line);border-top:3px solid var(--cfx-accent);border-radius:10px;background:var(--cfx-card);color:var(--cfx-ink);font-family:var(--cfx-mono);font-size:1.0625rem;font-weight:700}.cfx-pbg-step__head h3{grid-column:2;font-size:1.25rem;font-weight:740}.cfx-pbg-step__head p{grid-column:2;max-width:72ch;margin-top:-8px;color:var(--cfx-ink-2)}.cfx-pbg-step__body{grid-column:2;display:grid;gap:10px;min-width:0}.cfx-pbg-step__body+.cfx-pbg-step__body{margin-top:18px}.cfx-pbg-step__layer{max-width:80ch;color:var(--cfx-ink-2)}.cfx-pbg-step__layer .cfx-key{display:inline-block;width:8px;height:8px;margin-right:8px;vertical-align:.08em}.cfx-pbg-step__layer strong{color:var(--cfx-ink);font-weight:680}.cfx-pbg-step .cfx-pbg-source{justify-self:start}.cfx-pbg-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px clamp(24px,4vw,56px);align-items:start;margin-top:clamp(36px,4vw,52px)}.cfx-pbg-split--head{margin-top:0;margin-bottom:18px;align-items:end}.cfx-pbg-split__text{display:grid;gap:10px}.cfx-pbg-split__text h3,.cfx-pbg-guides h3{font-size:1.25rem;font-weight:740}.cfx-pbg-split__text p{color:var(--cfx-ink-2)}.cfx-pbg-split__code{min-width:0}.cfx-pbg-split__code.cfx-codeblock{--cfx-code-max:34rem}.cfx-pbg-block{margin-top:clamp(48px,5vw,72px);padding-top:20px;border-top:1px solid var(--cfx-line)}.cfx-pbg-block>.cfx-pbg-step__layer{margin-bottom:12px}.cfx-pbg-points{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cfx-pbg-points li{position:relative;padding-left:18px;color:var(--cfx-ink-2);font-size:.9375rem}.cfx-pbg-points li::before{content:"";position:absolute;top:.6em;left:0;width:8px;height:2px;background:var(--cfx-accent)}.cfx-pbg-tokens__label{margin-bottom:8px;color:var(--cfx-ink-2);font-size:.9375rem}.cfx-pbg-tokens code{font-size:.8125rem}.cfx-pbg-oneliner{min-width:0}.cfx-pbg-oneliner :is(pre,code){font-size:.75rem}.cfx-pbg-widget .cfx-pbg-oneliner :is(pre,code){font-size:.6875rem}.cfx-pbg-widget .cfx-pbg-oneliner pre{padding-inline:12px}.cfx-pbg-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.cfx-pbg-thumb{display:grid;gap:8px;margin:0}.cfx-pbg-thumb img{display:block;width:100%;height:auto;border:1px solid var(--cfx-line);border-radius:8px}.cfx-pbg-thumb figcaption{display:flex;align-items:center;gap:8px;color:var(--cfx-ink);font-size:.9375rem;font-weight:640}.cfx-pbg-regions{display:grid;grid-template-columns:minmax(0,1.81fr) minmax(0,1fr);gap:16px;align-items:start}.cfx-pbg-regions__portrait{grid-column:2;grid-row:1/span 2}.cfx-pbg-regions .cfx-output>a{display:block}.cfx-pbg-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.cfx-pbg-widget{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-width:0;padding:12px;border:1px solid var(--cfx-line);border-top:3px solid var(--key);border-radius:var(--cfx-r-lg);background:var(--cfx-card)}.cfx-pbg-widget--wide{grid-column:1/-1}.cfx-pbg-widget__head h4{display:flex;align-items:center;gap:8px;font-size:1.0625rem;font-weight:700}.cfx-pbg-widget__head p{margin-top:4px;color:var(--cfx-ink-2);font-size:.9063rem;line-height:1.45}.cfx-pbg-crop{position:relative;overflow:hidden;aspect-ratio:var(--w)/var(--h);border-radius:8px;background:#0c0f13}.cfx-pbg-crop img{position:absolute;top:calc(var(--y)/var(--h)*-100%);left:calc(var(--x)/var(--w)*-100%);width:calc(1920/var(--w)*100%);max-width:none;height:auto}.cfx-pbg-crop .cfx-figure__open{position:static}.cfx-pbg-parts__grid,.cfx-pbg-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none}.cfx-pbg-part{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:18px 18px 16px;border:1px solid var(--cfx-line);border-top:3px solid var(--key,var(--cfx-ink-3));border-radius:var(--cfx-r-lg);background:var(--cfx-card)}.cfx-pbg-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.cfx-pbg-notes .cfx-pbg-part{grid-template-rows:auto 1fr auto}.cfx-pbg-part h3{display:flex;align-items:center;gap:8px;font-size:1.125rem}.cfx-pbg-part code{justify-self:start;color:var(--cfx-ink-2);font-size:.75rem}.cfx-pbg-part p{color:var(--cfx-ink-2);font-size:.9375rem;line-height:1.5}.cfx-pbg-part__links{display:flex;flex-wrap:wrap;gap:4px 14px;padding-top:6px}.cfx-pbg-part__links .cfx-link{font-size:.875rem}.cfx-pbg-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cfx-pbg-routes{margin-top:28px;overflow:hidden;border:1px solid var(--cfx-line);border-radius:var(--cfx-r-lg);background:var(--cfx-card)}.cfx-pbg-routes table{width:100%;border-collapse:collapse;font-size:.9375rem}.cfx-pbg-routes th,.cfx-pbg-routes td{padding:14px 18px;border-bottom:1px solid var(--cfx-line);text-align:left;vertical-align:top}.cfx-pbg-routes tbody tr:last-child>*{border-bottom:0}.cfx-pbg-routes thead th{color:var(--cfx-ink-3);font-size:.8125rem;font-weight:640;background:var(--cfx-card-alt)}.cfx-pbg-routes tbody th{width:24%;color:var(--cfx-ink);font-weight:680}.cfx-pbg-routes tbody th .cfx-key{display:inline-block;margin-right:8px;vertical-align:.05em}.cfx-pbg-routes td{color:var(--cfx-ink-2);line-height:1.5}.cfx-pbg-routes td:last-child{width:15%}.cfx-pbg-guides{margin-top:clamp(36px,4vw,52px)}.cfx-pbg-guides ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}.cfx-pbg-guides a{display:grid;gap:4px;height:100%;padding:12px 14px;border:1px solid var(--cfx-line);border-radius:10px;background:var(--cfx-card);color:var(--cfx-ink);text-decoration:none}.cfx-pbg-guides a:hover{border-color:var(--cfx-accent)}.cfx-pbg-guides strong{font-size:.9375rem;font-weight:680}.cfx-pbg-guides span{color:var(--cfx-ink-3);font-size:.8125rem;line-height:1.4}@media(max-width:1180px){.cfx-pbg-pair{grid-template-columns:minmax(0,1fr)}.cfx-pbg-guides ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.cfx-pbg-parts__grid,.cfx-pbg-notes,.cfx-pbg-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.cfx-pbg-scene__head,.cfx-pbg-split{grid-template-columns:minmax(0,1fr)}.cfx-pbg-split--head{align-items:start}.cfx-pbg-regions{grid-template-columns:minmax(0,1fr)}.cfx-pbg-regions__portrait{grid-column:auto;grid-row:auto;justify-self:center;width:min(100%,360px)}.cfx-pbg-screens{grid-template-columns:minmax(0,1fr)}.cfx-pbg-screens__portrait{justify-self:center;width:min(100%,240px)}}@media(max-width:700px){.cfx-pbg-routes{border:0;background:none}.cfx-pbg-routes thead{display:none}.cfx-pbg-routes table,.cfx-pbg-routes tbody,.cfx-pbg-routes tr,.cfx-pbg-routes th,.cfx-pbg-routes td{display:block;width:auto}.cfx-pbg-routes tbody{display:grid;gap:10px}.cfx-pbg-routes tr{border:1px solid var(--cfx-line);border-top:3px solid var(--key);border-radius:var(--cfx-r-lg);background:var(--cfx-card)}.cfx-pbg-routes th,.cfx-pbg-routes td,.cfx-pbg-routes tbody tr:last-child>*{padding:4px 14px;border:0}.cfx-pbg-routes tbody th{padding-top:12px;width:auto}.cfx-pbg-routes td:last-child{padding-bottom:12px;width:auto}}@media(max-width:620px){.cfx-pbg-parts__grid,.cfx-pbg-notes,.cfx-pbg-widgets,.cfx-pbg-guides ul{grid-template-columns:minmax(0,1fr)}.cfx-pbg-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.cfx-pbg-scene .cfx-showcase__links .cfx-count{display:none}.cfx-pbg-more .cfx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cfx-pbg-more .cfx-card__note{font-size:.8125rem;line-height:1.4}.cfx-pbg-step{grid-template-columns:minmax(0,1fr)}.cfx-pbg-step__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.cfx-pbg-step__n{width:36px;height:36px}.cfx-pbg-step__head p{flex-basis:100%;margin-top:0}.cfx-pbg-step__body{grid-column:1}}@media(max-width:420px){.cfx-pbg .cfx-install code{font-size:.875rem}}