.xm-page .xc-generator-panel{max-width:800px;margin-inline:auto;padding-top:20px}.xm-page .xc-generator-panel h1{letter-spacing:-1.8px}.xm-poster{border-radius:2px;width:100%;height:auto;font-family:DM Sans,sans-serif;display:block;overflow:hidden}.xm-tile.is-interactive{cursor:pointer}.xm-tile.is-interactive:focus-visible{outline-offset:-4px;outline:4px solid}.xm-example{max-width:760px;margin:36px auto 56px}.xm-example-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.xm-example-heading h2{letter-spacing:-.6px;margin:0 0 5px;font-size:23px;font-weight:750}.xm-example-heading p{max-width:460px;color:var(--xc-muted);margin:0;font-size:15px;line-height:1.55}.xm-example-heading .xc-segmented{min-width:180px}.xm-example>.xm-poster{box-shadow:0 12px 28px #00000012}.xm-page .xc-studio-grid{align-items:start}.xm-page .xc-editor{max-height:none}.xm-rounded{align-items:center;gap:9px;margin-bottom:20px;font-size:15px;display:flex}.xm-rounded input{width:18px;height:18px;accent-color:var(--xc-accent)}.xm-switch-tool{color:var(--xc-accent);text-align:center;margin:20px 0 0;font-size:15px}.xm-switch-tool a{text-underline-offset:4px;text-decoration:underline}.xm-related{flex-wrap:wrap;gap:14px 24px;display:flex}.xc-shared-picture .xm-poster{border-radius:2px}@media (width<=680px){.xm-page .xc-generator-panel{padding-top:8px}.xm-page .xc-generator-panel h1{letter-spacing:-1px}.xm-example{margin-top:24px}.xm-example-heading{flex-direction:column;align-items:flex-start;gap:14px}.xm-example-heading .xc-segmented{width:100%}.xm-page .xc-editor{padding-bottom:20px}}