.export-comp-log__diagram-wrapper{background-color:var(--sp-color-slate-100);border-radius:1rem;padding:1rem;border:1px solid var(--sp-color-slate-200);box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / .06)}@media (min-width:640px){.export-comp-log__diagram-wrapper{padding:2rem}}.export-comp-log__diagram-window{background-color:var(--sp-color-white);border-radius:.75rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);border:1px solid var(--sp-color-slate-200);overflow:hidden}.export-comp-log__diagram-header{border-bottom:1px solid var(--sp-color-slate-100);background-color:var(--sp-color-slate-50);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.export-comp-log__diagram-dots{display:flex;gap:.375rem}.export-comp-log__diagram-dot{width:.75rem;height:.75rem;border-radius:9999px}.export-comp-log__diagram-dot--red{background-color:#f87171}.export-comp-log__diagram-dot--amber{background-color:#fbbf24}.export-comp-log__diagram-dot--green{background-color:var(--sp-color-green-400)}.export-comp-log__diagram-header-text{font-size:0.75rem!important;font-weight:500!important;color:var(--sp-color-slate-400)!important;margin-left:.5rem}.export-comp-log__diagram-body{padding:1rem;background-color:var(--sp-color-white);display:flex;justify-content:center}@media (min-width:640px){.export-comp-log__diagram-body{padding:1.5rem}}.export-comp-log__doc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.export-comp-log__doc-item{display:flex;align-items:center;gap:.75rem;color:var(--sp-color-slate-700)!important}.export-comp-log__doc-check{width:1.5rem;height:1.5rem;border-radius:9999px;background-color:var(--sp-color-green-100);color:var(--sp-color-green-600)!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-comp-log__doc-check svg{width:1rem;height:1rem}.export-comp-log__doc-name{font-family:var(--sp-font-heading)!important;font-weight:500!important}.export-comp-log__workflow{width:100%;max-width:32rem;background-color:var(--sp-color-slate-50);border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.export-comp-log__workflow-header{width:100%;background-color:var(--sp-color-blue-50);border:1px solid var(--sp-color-blue-200);color:var(--sp-color-blue-700)!important;padding:.75rem 1rem;border-radius:.375rem;text-align:center!important;font-size:0.75rem!important;font-weight:600!important}@media (min-width:640px){.export-comp-log__workflow-header{font-size:.875rem}}.export-comp-log__workflow-arrow{color:var(--sp-color-slate-400)!important;padding:.75rem 0;display:flex;justify-content:center}.export-comp-log__workflow-arrow svg{width:1.25rem;height:1.25rem}.export-comp-log__workflow-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:640px){.export-comp-log__workflow-grid{grid-template-columns:repeat(3,1fr)}}.export-comp-log__workflow-item{background-color:var(--sp-color-white);border:1px solid var(--sp-color-slate-200);color:var(--sp-color-slate-600);padding:.75rem .5rem;text-align:center;border-radius:.375rem;font-size:.75rem;font-weight:500;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.export-comp-log__workflow-footer{background-color:var(--sp-color-green-100);border:1px solid var(--sp-color-green-200);color:var(--sp-color-green-700)!important;padding:.75rem 1.5rem;border-radius:9999px;text-align:center;font-size:0.75rem!important;font-weight:600!important;margin-top:.25rem}@media (min-width:640px){.export-comp-log__workflow-footer{font-size:0.875rem!important}}.export-comp-log__cta-pattern{position:absolute;inset:0;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.05}