.bc-style-example{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:start;gap:10px;width:100%;display:grid}.bc-style-example figure,.bc-style-pattern{min-width:0;margin:0}.bc-style-example img,.bc-style-pattern img{aspect-ratio:1;object-fit:contain;border-radius:6px;width:100%;height:auto;display:block}.bc-style-example figcaption,.bc-style-pattern figcaption{text-align:center;overflow-wrap:anywhere;margin-top:12px;font-size:12px;line-height:1.5}.bc-style-pattern figcaption small{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;display:block}.bc-style-example-arrow{width:100%;color:var(--muted-foreground);align-self:center;margin-top:-48px}.bc-style-pattern-trigger{cursor:zoom-in;background:#faf9f6;border:0;border-radius:6px;width:100%;padding:0;display:block;position:relative}.bc-style-pattern-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.bc-style-pattern-zoom{color:#264b3d;background:#ffffffed;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 5px #17362b20}@media (width<=480px){.bc-style-example{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);gap:5px}.bc-style-example figcaption{font-size:10px}.bc-style-pattern figcaption small{font-size:9px}.bc-style-pattern-zoom{width:23px;height:23px;bottom:3px;right:3px}}