.integration-page-wrapper[data-v-85f41bfe]{min-height:100vh}.integration-hero[data-v-85f41bfe]{padding-block:2rem;background:linear-gradient(180deg,rgba(var(--v-theme-primary),.08),rgba(var(--v-theme-surface),0))}.step-number[data-v-85f41bfe]{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgb(var(--v-theme-primary));color:#fff;font-size:1.5rem;font-weight:700}.screenshot-overlap-container[data-v-85f41bfe]{position:relative;margin-block:2rem 8rem;perspective:1000px;transform-style:preserve-3d}.screenshot-bg[data-v-85f41bfe]{opacity:.5;transform:translateZ(-2rem);transition:all .35s ease-in-out;border-radius:.5rem}.screenshot-zoom[data-v-85f41bfe]{position:absolute;inset-block-start:75%;inset-inline-start:50%;transform:translate(-50%) translateY(-50%) translateZ(2rem);max-inline-size:900px;inline-size:90%;z-index:10;transition:all .35s ease-in-out;will-change:transform;box-shadow:0 8px 32px #0000001f;border-radius:.5rem;cursor:pointer}.screenshot-zoom[data-v-85f41bfe]:hover{transform:translate(-50%) translateY(-50%) translateZ(3rem) scale(1.01);box-shadow:0 12px 48px #0000002e}@media(max-width:960px){.screenshot-overlap-container[data-v-85f41bfe]{perspective:none;margin-block-end:2rem}.screenshot-bg[data-v-85f41bfe]{transform:none}.screenshot-zoom[data-v-85f41bfe]{position:relative;inset-block-start:0;inset-inline-start:0;transform:none;margin-block-start:-4rem;inline-size:100%;max-inline-size:100%}}code[data-v-85f41bfe]{background:rgba(var(--v-theme-primary),.1);padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.875em}