.tech-architecture[data-v-91a06ed5]{background:var(--color-base-100);margin-block:2.5rem}.tech-architecture__header[data-v-91a06ed5]{border-bottom:1px solid var(--color-base-300);background:color-mix(in oklab, var(--color-base-200) 70%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.tech-architecture__diagram[data-v-91a06ed5]{background:color-mix(in oklab, var(--color-base-200) 70%, transparent);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.tech-architecture__layer[data-v-91a06ed5]{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--tech-architecture-layer-bg);overflow:hidden}.tech-architecture__layer--client[data-v-91a06ed5]{--tech-architecture-layer-bg:color-mix(in oklab, var(--color-info) 10%, var(--color-base-100))}.tech-architecture__layer--gateway[data-v-91a06ed5]{--tech-architecture-layer-bg:color-mix(in oklab, var(--color-primary) 10%, var(--color-base-100))}.tech-architecture__layer--application[data-v-91a06ed5]{--tech-architecture-layer-bg:color-mix(in oklab, var(--color-secondary) 10%, var(--color-base-100))}.tech-architecture__layer--external[data-v-91a06ed5]{--tech-architecture-layer-bg:color-mix(in oklab, var(--color-accent) 15%, var(--color-base-100))}.tech-architecture__layer-heading[data-v-91a06ed5]{border-bottom:1px solid var(--color-base-300);background:color-mix(in oklab, var(--color-base-200) 70%, transparent);color:color-mix(in oklab, var(--color-base-content) 75%, transparent);letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;font-size:.75rem;font-weight:500}.tech-architecture__client-content[data-v-91a06ed5],.tech-architecture__center-node[data-v-91a06ed5]{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.tech-architecture__request[data-v-91a06ed5]{border:1px solid color-mix(in oklab, var(--color-info) 35%, transparent);background:color-mix(in oklab, var(--color-info) 5%, var(--color-base-100));width:min(100%,24rem)}.tech-architecture__request[data-v-91a06ed5] .card-body{justify-content:center;align-items:center;display:flex}.tech-architecture__request-code[data-v-91a06ed5]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tech-architecture__application-content[data-v-91a06ed5]{flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.tech-architecture__service-row[data-v-91a06ed5],.tech-architecture__storage-row[data-v-91a06ed5]{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;width:100%;display:flex}.tech-architecture__service-row.has-static[data-v-91a06ed5]{gap:2rem}.tech-architecture__service-group[data-v-91a06ed5]{border:1px solid color-mix(in oklab, var(--color-secondary) 60%, transparent);border-radius:var(--radius-box);background:color-mix(in oklab, var(--color-secondary) 5%, var(--color-base-100));overflow:hidden}.tech-architecture__service-group--static[data-v-91a06ed5]{border-color:color-mix(in oklab, var(--color-neutral) 60%, transparent);background:color-mix(in oklab, var(--color-neutral) 5%, var(--color-base-100))}.tech-architecture__service-heading[data-v-91a06ed5]{border-bottom:1px solid color-mix(in oklab, var(--color-secondary) 30%, transparent);background:color-mix(in oklab, var(--color-secondary) 10%, transparent);color:color-mix(in oklab, var(--color-secondary) 80%, transparent);letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:.5rem .75rem;font-size:.75rem;font-weight:500}.tech-architecture__service-group--static .tech-architecture__service-heading[data-v-91a06ed5]{border-color:color-mix(in oklab, var(--color-neutral) 30%, transparent);background:color-mix(in oklab, var(--color-neutral) 10%, transparent);color:color-mix(in oklab, var(--color-neutral) 80%, transparent)}.tech-architecture__service-nodes[data-v-91a06ed5]{flex-direction:column;align-items:center;gap:.75rem;padding:.75rem;display:flex}.tech-architecture__node[data-v-91a06ed5]{max-width:14rem}.tech-architecture__divider[data-v-91a06ed5]{border:0;border-top:1px solid var(--color-base-300);width:100%;margin:.25rem 0}.tech-architecture__external-grid[data-v-91a06ed5]{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.25rem),1fr));gap:1rem;max-width:37.5rem;margin-inline:auto;padding:1rem;display:grid}@media (width>=48rem){.tech-architecture__service-group[data-v-91a06ed5]{min-width:15rem}.tech-architecture__node[data-v-91a06ed5]{max-width:20rem}}
