.xp-page-examples{max-width:1200px;margin:var(--sp-4,16px) auto 0;width:calc(100% - 32px);display:flex;flex-wrap:wrap;gap:var(--sp-2,8px) var(--sp-3,12px);align-items:center;padding:var(--sp-2,8px) var(--sp-3,12px);border:1px dashed var(--xplio-border-input);border-radius:10px;background:var(--xplio-bg-muted);color:var(--xplio-text);font-size:smaller}.xp-page-examples__text{flex:1 1 220px;min-width:0}.xp-page-examples__note{display:block;color:var(--xplio-text-muted)}.xp-page-examples__btn{font:inherit;font-weight:500;min-height:44px;padding:0 var(--sp-3,12px);border-radius:8px;border:1px solid var(--xplio-border-input);background:var(--xplio-card-bg);color:var(--xplio-text-strong);cursor:pointer}.xp-page-examples__btn:hover{background:var(--xplio-bg-muted)}.xp-page-examples__btn:focus-visible{outline:3px solid var(--xplio-primary);outline-offset:2px}.xp-page-examples__btn[disabled]{opacity:.6;cursor:progress}@media (min-width:768px){.xp-page-examples{width:calc(100% - 48px)}}