.fbpb{margin:34px 0 24px;padding-top:28px;border-top:1px solid #ddd}.fbpb h2{margin-bottom:20px}.fbpb-examples{margin-bottom:28px}.fbpb-example-grid{display:flex;gap:12px;overflow:auto;padding-bottom:8px}.fbpb-example{min-width:145px;width:145px;background:#fff;border:2px solid transparent;padding:0 0 9px;cursor:pointer;color:#25284a}.fbpb-example img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:8px}.fbpb-example.is-selected{border-color:#25284a}.fbpb-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:32px}.fbpb-field{display:block;margin-bottom:20px}.fbpb-field>span{display:block;font-weight:700;margin-bottom:7px}.fbpb-field b{color:#ff6f91}.fbpb-field input[type=text],.fbpb-field select,.fbpb-field textarea{width:100%;border:1px solid #aaa;border-radius:0;padding:12px;background:#fff}.fbpb-swatches{display:flex;flex-wrap:wrap;gap:9px}.fbpb-swatch{width:34px;height:34px;border-radius:50%;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #aaa;cursor:pointer;padding:0}.fbpb-swatch.is-selected{box-shadow:0 0 0 3px #25284a}.fbpb-preview-wrap{position:sticky;top:30px;align-self:start;background:#f7f5fa;padding:22px}.fbpb-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.fbpb-preview{min-height:235px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:25px 8px}.fbpb-preview p{color:#777}.fbpb-tile{width:58px;height:58px;display:grid;place-items:center;border-radius:11px;font-size:27px;font-weight:900;box-shadow:inset 0 -5px 0 rgba(0,0,0,.08)}.fbpb-preview-note{font-size:12px;text-align:center;color:#666}.fbpb-approval{display:block;margin:26px 0;padding:16px;background:#fff4d2;font-weight:600}.fbpb-approval input{margin-right:8px}@media(max-width:760px){.fbpb-layout{grid-template-columns:1fr}.fbpb-preview-wrap{position:static;grid-row:1}.fbpb-tile{width:48px;height:48px;font-size:22px}}