.xp-integrations{text-align:center;border-block-end:1px solid var(--border);padding-block:80px 48px}.xp-integrations h2{text-align:center;inline-size:fit-content;max-inline-size:100%;margin-inline:auto;padding-inline:24px;font-size:clamp(32px,3.5vw,48px);line-height:1.4}.xp-integrations>p{color:var(--muted-foreground);margin:20px 16px 48px;font-size:16px}.xp-integrations .xp-service-logo{border-radius:inherit;block-size:100%;inline-size:100%;overflow:hidden}.xp-service-logo-telegram{clip-path:inset(0 round 22%)}html.light .xp-service-logo-tax{filter:none}@media (width<=768px){.xp-integrations{padding-block:48px 32px}.xp-integrations h2{padding-inline:16px;font-size:clamp(17px,5.1vw,32px)}.xp-integrations>p{margin-block:20px 32px;font-size:14px}}.xp-integrations{text-align:start;border:0;grid-template-columns:minmax(0,.9fr) clamp(120px,14vw,180px) minmax(0,1.1fr);grid-template-areas:"copy friend orbit";align-items:center;gap:24px;padding:88px 24px;display:grid}.xp-integration-copy{grid-area:copy;min-inline-size:0}.xp-integration-meta{margin-block-start:28px}.xp-integration-meta .xp-orbit-categories{margin-block:0}.xp-integration-mobile-art{pointer-events:none;display:none}.xp-integration-mobile-art img{block-size:auto;inline-size:100%;display:block}.xp-integration-friend{aspect-ratio:971/1120;pointer-events:none;grid-area:friend;inline-size:100%;margin-block-start:clamp(102px,11.9vw,153px)}.xp-integration-friend img{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;display:block;transform:scaleX(-1)}.xp-integration-copy h2{text-align:start;max-inline-size:480px;margin:0;padding:0;font-size:clamp(32px,3.5vw,46px);line-height:1.4}.xp-integration-copy p{max-inline-size:440px;color:var(--muted-foreground);margin-block:20px 0;font-size:16px;line-height:1.9}.xp-service-logo-digikala{clip-path:inset(0 round 22%)}.xp-service-logo-tax{filter:none}.xp-integration-orbit{grid-area:orbit;inline-size:100%;min-inline-size:0;max-inline-size:600px;margin-inline:auto;padding-inline:12px}.xp-orbit-brand{justify-items:center;gap:6px;inline-size:clamp(44px,16cqi,96px);padding-block:6px;display:grid}.xp-integrations .xp-orbit-brand svg{aspect-ratio:1;block-size:auto;inline-size:65%}.xp-integrations .xp-service-logo-divar{aspect-ratio:255/162;border-radius:0;block-size:auto}.xp-integrations .xp-orbit-service .xp-service-logo{border-radius:0}.xp-integrations .xp-service-logo-digikala{clip-path:none}.xp-orbit-brand span{font-family:var(--font-heading);font-size:clamp(12px,3cqi,18px);font-weight:700;line-height:1}.xp-orbit-service{border-radius:50%;place-items:center;block-size:clamp(44px,10cqi,60px);inline-size:clamp(44px,10cqi,60px);padding:8px;display:grid;position:relative}.xp-service-ink,.xp-service-color{transition:opacity .18s ease-out}.xp-service-color,.xp-orbit-service:hover .xp-service-ink,.xp-orbit-service:focus-visible .xp-service-ink{opacity:0}.xp-orbit-service:hover .xp-service-color,.xp-orbit-service:focus-visible .xp-service-color{opacity:1}.xp-orbit-service:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.xp-orbit-service-label{background:var(--popover);color:var(--foreground);border:1px solid var(--border);white-space:nowrap;visibility:hidden;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:50%;translate:50%}.xp-orbit-service:hover .xp-orbit-service-label,.xp-orbit-service:focus-visible .xp-orbit-service-label{visibility:visible}.xp-orbit-categories{color:var(--muted-foreground);flex-wrap:wrap;justify-content:start;gap:8px 24px;margin-block:28px 0;padding:0;font-size:12px;list-style:none;display:flex}@media (width<=900px){.xp-integrations{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""orbit";gap:32px;padding-inline:0}.xp-integration-copy{padding-inline:16px}.xp-integration-meta{grid-template-columns:minmax(0,1fr) clamp(68px,20vw,90px);align-items:center;gap:12px;display:grid}.xp-integration-mobile-art{display:block}.xp-integration-friend{display:none}}@media (prefers-reduced-motion:reduce){.xp-service-ink,.xp-service-color{transition:none}}@media (width<=600px){.xp-integrations{padding:64px 0}}.mk-preview-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;display:flex}#home-main>.xp-integrations:before,#home-main>.xp-integrations:after{content:none}.st-preview{inline-size:100%;margin-inline:auto;position:relative}.st-preview iframe{background:var(--background);border:0;inline-size:100%;display:block}@media (width<=767px){.st-preview[data-studio-reserve]{aspect-ratio:var(--st-view) / var(--st-window);min-block-size:0;overflow:clip}.st-preview[data-studio-reserve] iframe{opacity:0}}.st-loading{color:var(--muted-foreground);padding:24px;font-size:12px;position:absolute;inset-block-start:0;inset-inline:0}
