.asIA1G_figure{margin:0}.asIA1G_diagram{grid-template:"browser direct provider""side. ."4.5rem"server. ."/minmax(0,1fr) minmax(5rem,.6fr) minmax(0,1.15fr);align-items:center;display:grid}.asIA1G_node{border:2px solid var(--pen);border-radius:var(--radius-m);background:var(--paper);gap:.3rem;padding:1rem 1.1rem;display:grid}.asIA1G_node strong{color:var(--pen);font-size:1.0625rem;line-height:1.25}.asIA1G_node span{color:var(--ink-soft);font-size:.9375rem;line-height:1.35}.asIA1G_browser{grid-area:browser}.asIA1G_provider{border-color:var(--ink);background:var(--paper-alt);grid-area:provider}.asIA1G_provider strong{color:var(--ink)}.asIA1G_server{border:2px dashed var(--ink-soft);background:0 0;grid-area:server;padding:.75rem .9rem}.asIA1G_server strong{color:var(--ink);font-size:.9688rem}.asIA1G_server span{font-size:.875rem}.asIA1G_direct{grid-area:direct;gap:.4rem;padding-inline:.35rem 1.35rem;display:grid}.asIA1G_directLabel{color:var(--ink);text-align:center;font-size:.875rem;font-weight:700;line-height:1.2}.asIA1G_stroke{background:var(--marker);transform-origin:0;border-radius:3px 2px 4px;height:.95rem;animation:.9s cubic-bezier(.3,.7,.2,1) .3s both asIA1G_draw;position:relative}.asIA1G_stroke:after{content:"";background:var(--marker);clip-path:polygon(0 0,100% 50%,0 100%);width:1.15rem;height:1.8rem;position:absolute;top:50%;right:-1.05rem;transform:translateY(-50%)}.asIA1G_side{border-inline-start:2px dashed var(--ink-soft);grid-area:side;place-self:stretch center;position:relative}.asIA1G_sideLabel{white-space:nowrap;color:var(--ink-soft);font-size:.875rem;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.asIA1G_caption{max-width:34rem;color:var(--ink-soft);margin-top:1.25rem;font-size:.9688rem}@keyframes asIA1G_draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes asIA1G_draw-down{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:39.99rem){.asIA1G_diagram{grid-template:"browser side server""direct. ."6.5rem"provider. ."/minmax(0,1fr) 2.5rem minmax(0,.9fr)}.asIA1G_direct{justify-content:flex-start;align-self:stretch;align-items:stretch;gap:.75rem;padding:.35rem 0 1.35rem 1.5rem;display:flex}.asIA1G_directLabel{text-align:start;order:2;align-self:center}.asIA1G_stroke{transform-origin:top;flex:none;width:.95rem;height:auto;animation-name:asIA1G_draw-down}.asIA1G_stroke:after{clip-path:polygon(0 0,100% 0,50% 100%);width:1.8rem;height:1.15rem;inset:auto auto -1.05rem 50%;transform:translate(-50%)}.asIA1G_side{border-inline-start:0;border-top:2px dashed var(--ink-soft);place-self:center stretch}.asIA1G_sideLabel{display:none}.asIA1G_node{padding:.8rem .85rem}}@media (prefers-reduced-motion:reduce){.asIA1G_stroke{animation:none}}