.api-integration{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:120px;padding-bottom:0}.api-integration>.label{margin-bottom:24px}@media screen and (max-width:639px){.api-integration>.label{margin-bottom:16px}}.api-integration>h2{font-size:56px;line-height:110%;letter-spacing:-2px}@media screen and (max-width:639px){.api-integration>h2{font-size:32px;line-height:120%;letter-spacing:-1px}}.api-integration>h2{text-align:center;margin-bottom:64px}@media screen and (max-width:639px){.api-integration>h2{margin-bottom:16px;text-align:left}}.api-integration-content{max-width:1090px;display:grid;grid-template-columns:3fr 2fr;justify-content:space-between;align-items:center;margin:0 auto;grid-gap:20px;gap:20px}@media screen and (max-width:767px){.api-integration-content{grid-template-columns:1fr;gap:48px;transform:translateX(-16px)}.api-integration .api-integration-info{order:-1;padding:0 16px}}@media screen and (max-width:639px){.api-integration{align-items:flex-start;padding-top:64px;padding-bottom:40px}}.api-console-container.custom-tabs .tab-panels .tab-panel{padding:0}.api-console-container.custom-tabs .tab-list{padding:12px 16px;flex-wrap:wrap}.api-console-container.custom-tabs .tab-list .tab{border-radius:4px;background:transparent;color:var(--Dark-50);padding:6px 16px}.api-console-container.custom-tabs .tab-list .tab.selected{background:var(--Purple-gradient);color:var(--White)}.api-console-container.custom-tabs .tab-list .tab.selected:after{content:none}.api-console-container .console-body{width:550px;background-color:#312f62}@media screen and (max-width:1023px){.api-console-container .console-body{width:400px}}@media screen and (max-width:767px){.api-console-container .console-body{width:calc(100dvw - 32px)}}.api-console-container .console-body-content{height:260px}@media screen and (max-width:767px){.api-console-container .console-body-content{height:340px}}@property --gradient-bg-start{syntax:"<color>";initial-value:#fff;inherits:false}@property --gradient-bg-end{syntax:"<color>";initial-value:#fff;inherits:false}.h1,h1{font-size:80px;line-height:100%;letter-spacing:-3px}@media screen and (max-width:639px){.h1,h1{font-size:40px;line-height:120%;letter-spacing:-1px}}.h2,h2{font-size:56px;line-height:110%;letter-spacing:-2px}@media screen and (max-width:639px){.h2,h2{font-size:32px;line-height:120%;letter-spacing:-1px}}.h3,h3{font-size:40px;line-height:120%;letter-spacing:-1px}@media screen and (max-width:639px){.h3,h3{font-size:24px;line-height:120%;letter-spacing:-1px}}.body1{font-size:20px;line-height:130%}@media screen and (max-width:639px){.body1{font-size:16px;line-height:140%}}.body2{font-size:16px;line-height:140%}@media screen and (max-width:639px){.body2{font-size:14px}}.body3{font-size:14px;line-height:100%}@media screen and (max-width:639px){.body3{font-size:12px}}.body4{font-size:14px;line-height:140%;letter-spacing:.5px}@media screen and (max-width:639px){.body4{font-size:12px}}.description1{font-size:32px;line-height:110%;letter-spacing:-1px}@media screen and (max-width:639px){.description1{font-size:24px;line-height:130%;letter-spacing:-.5px}}.description2{font-family:var(--space-grotesk-bold);font-size:24px;line-height:120%}@media screen and (max-width:639px){.description2{font-size:20px}}.link{font-size:16px;line-height:100%}@media screen and (max-width:639px){.link{font-size:14px}}.tag-text{font-family:var(--space-grotesk-bold);font-size:14px;line-height:100%}@media screen and (max-width:639px){.tag-text{font-size:12px}}.button-text{font-family:var(--space-grotesk-bold);font-size:16px;line-height:100%}.api-integration-info{height:100%;display:grid;grid-template-rows:1fr auto;align-items:center;grid-gap:20px;gap:20px}.api-integration-info>ul{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px;padding:24px;border:1px solid var(--Grey);border-radius:8px}.api-integration-info>ul li{font-size:16px;line-height:140%}@media screen and (max-width:639px){.api-integration-info>ul li{font-size:14px}}.api-integration-info>ul li{display:flex;align-items:center;gap:14px;opacity:.8}.api-integration-info>ul li:before{width:32px;height:32px;opacity:1}.api-integration-info>ul li:first-child:before{content:url(/_next/static/media/security-key-filled-lavender.163f452a.svg)}.api-integration-info>ul li:nth-child(2):before{content:url(/_next/static/media/rocket-filled-lavender.d2909172.svg)}.api-integration-info>ul li:nth-child(n+3):before{content:url(/_next/static/media/check-filled-lavender.0efb15bb.svg)}.api-integration-info>.button{width:100%;padding:0}