.ip-auto{background:var(--ip-auto-bg,#222);display:flex;isolation:isolate;justify-content:center;line-height:normal;overflow:hidden;position:relative;width:100%}.ip-auto .ip-auto__grid{background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:64px 100%,100% 64px;height:1386px;left:calc(50% - 864px);-webkit-mask-image:radial-gradient(806.4px 554.4px at 1209.6px 83.16px,#000 0,transparent 72%);mask-image:radial-gradient(806.4px 554.4px at 1209.6px 83.16px,#000 0,transparent 72%);pointer-events:none;position:absolute;top:0;width:1440px;z-index:-1}.ip-auto .ip-auto__inner{box-sizing:border-box;display:flex;flex-direction:column;gap:44px;max-width:1240px;padding:104px 20px;text-align:left;width:100%}.ip-auto .ip-auto__head{display:flex;flex-direction:column;gap:40px}.ip-auto .ip-auto__title{color:#fff;font-weight:600;margin:0}.ip-auto .ip-u{text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font}.ip-auto .ip-auto__lede{color:#d7d7d7;font-size:17px;line-height:1.62;margin:0}.ip-auto .ip-auto__tiles{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.12);display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr))}.ip-auto .ip-auto__tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-auto .ip-auto-tile{align-items:flex-start;background:#0d0d0d;display:flex;flex-direction:column;gap:16px;min-width:0;padding:32px 28px}.ip-auto .ip-auto-tile__head{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.ip-auto .ip-auto-tile__num,.ip-auto .ip-auto-tile__tag{color:#8f8f8f;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.ip-auto .ip-auto-tile__num{font-size:11px;letter-spacing:1.54px}.ip-auto .ip-auto-tile__tag{border:1px solid hsla(0,0%,100%,.18);border-radius:5px;font-size:10px;letter-spacing:1.4px;padding:3px 7px;text-transform:uppercase}.ip-auto .ip-auto-tile__tag.is-accent{border-color:rgba(52,211,153,.3);color:#7fe6bb}.ip-auto .ip-auto-tile__title{color:#fafafa;font-weight:600;margin:0}.ip-auto .ip-auto-tile__text{color:#a8a8a8;font-size:14.5px;line-height:1.6;margin:0 0 26px}.ip-auto .ip-auto-tile .link,.ip-auto .ip-auto-tile .link:hover{color:#fff}.ip-auto .ip-auto__code{align-items:flex-start;display:flex;gap:24px}.ip-auto .ip-code-card{background:#060606;border:1px solid hsla(0,0%,100%,.12);border-radius:4px;flex:1 1 0;margin:0;min-width:0;overflow:hidden;text-align:left}.ip-auto .ip-code-card__bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.09);color:#8f8f8f;display:flex;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;gap:10px;padding:11px 16px}.ip-auto .ip-code-card__bar i{background:var(--ip-auto-dot,#34d399);border-radius:50%;flex:none;height:7px;width:7px}.ip-auto .ip-code-card__body{align-items:flex-start;color:#e8e8e8;display:flex;flex-direction:column;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;gap:7px;line-height:1.55;overflow-x:auto;padding:18px 20px 22px;white-space:pre}.ip-auto .ip-code-line{align-items:center;display:flex}.ip-auto .ip-code-line.is-comment{color:#7fa98f;padding-top:4px}.ip-auto .tk-prompt{color:#6f6f6f}.ip-auto .tk-keyword{color:#c4a7ff}.ip-auto .tk-variable{color:#9fb8ff}.ip-auto .tk-function{color:#ffd28a}.ip-auto .tk-string{color:#7fe6bb}.ip-auto .tk-success{color:#34d399}.ip-auto .tk-muted{color:#8f8f8f}.ip-auto .ip-code-line__caret{animation:ip-auto-blink 1.1s steps(1) infinite;background:var(--ip-auto-caret,#34d399);flex:none;height:13px;margin-left:6px;width:7px}@keyframes ip-auto-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ip-auto .ip-code-line__caret{animation:none}}@media (max-width:1079px){.ip-auto .ip-auto__inner{padding:80px 20px}.ip-auto .ip-auto__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-auto .ip-auto__code{align-items:stretch;flex-direction:column}}@media (max-width:767px){.ip-auto .ip-auto__inner{gap:32px;padding:64px 20px;text-align:center}.ip-auto .ip-auto__head{gap:20px}.ip-auto .ip-auto__title{text-wrap:balance}.ip-auto .ip-auto__tiles{grid-template-columns:1fr}.ip-auto .ip-auto-tile{align-items:center;padding:28px 24px}.ip-auto .ip-auto-tile__text{margin-bottom:8px}}