.website-examples{padding-top:72px;padding-bottom:72px}
.website-examples .section-heading{margin-bottom:36px}
.website-examples .website-example{border:1px solid #222;margin-bottom:28px;min-width:0}
.website-examples .website-example-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}
.website-examples .website-example-bar .eyebrow{margin:0 0 8px}
.website-examples .website-example-bar h3{font-size:28px;margin:0}
.website-examples .website-example-reset{font:inherit;border:1px solid #222;background:#fff;color:#111;padding:11px 16px;cursor:pointer}
.website-examples .website-example-reset:hover{background:#111;color:#fff}
.website-examples .website-example-reset:focus-visible{outline:3px solid #ff512f;outline-offset:4px}
.website-examples .website-example-help{margin:0;padding:0 26px 22px;font-size:15px}
.website-examples iframe{display:block;width:100%;height:680px;border:0;border-top:1px solid #222;background:#fff}
.website-examples .website-example-status{font-size:14px;margin:0;padding:0 26px}
.website-examples .website-example-status:not(:empty){padding-top:12px;padding-bottom:12px}
.website-examples .website-example-label{font-size:13px;border:1px solid #ccc;padding:7px 10px;white-space:nowrap}
.website-examples .website-example-unavailable>p{margin:0;padding:0 26px 26px;max-width:70ch}
@media(max-width:600px){.website-examples{padding-top:48px;padding-bottom:48px}.website-examples .website-example-bar{align-items:flex-start;flex-direction:column;padding:20px}.website-examples .website-example-help{padding:0 20px 20px}.website-examples iframe{height:600px}.website-examples .website-example-unavailable>p{padding:0 20px 20px}}

.website-examples iframe[hidden],.website-examples .website-preview-placeholder[hidden]{display:none}.website-examples .website-preview-placeholder{min-height:440px;background:#111;color:#fff;padding:55px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}.website-examples .website-preview-placeholder strong{font-family:Georgia,serif;font-size:64px}.website-examples .website-preview-placeholder .website-example-reset{border-color:#fff}.website-examples .website-preview-placeholder .website-example-reset:hover{background:#4b9bb3;color:#111}