.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}}.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}