.hol{--a:light-dark(#b0642a,#d08a4f);--b:light-dark(#3f6e8f,#7fa7c6);--loss:light-dark(#a8322d,#d0605a);--muted:light-dark(#777,#8a8580);--line:light-dark(#c9c4b8,#4a443d);--bg:light-dark(#fffff8,#1a1816);--ink:light-dark(#111,#d4cfc7);clear:both;max-width:90%;margin:2.5rem 0;container-type:inline-size}.hol svg{width:100%;height:auto;font-family:et-book,Palatino,Palatino Linotype,Georgia,serif;display:block}.hol svg.narrow{display:none}.hol svg.narrow,.hol svg.compact{max-width:440px}@container (width<=639px){.hol svg.wide{display:none}.hol svg.narrow{display:block}}.hol svg .halo{paint-order:stroke;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round}.hol svg text{fill:var(--ink);font-size:12px}.hol svg .title{font-size:17px;font-style:italic}.hol svg .muted{fill:var(--muted)}.hol svg .tiny{font-size:11px}.hol svg .wire{stroke:var(--line);stroke-width:1.5px}.hol-packet{cursor:pointer}.hol-controls{flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;margin-top:.6rem;font-size:1.1rem;display:flex}.hol button{font:inherit;color:inherit;cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;padding:0;text-decoration:underline .05em}.hol button[aria-pressed=true]{color:var(--loss);text-decoration:line-through}.hol button span{color:var(--muted)}.hol input[type=range]{accent-color:var(--muted);flex:12rem}.hol-time{min-width:4.5rem;color:var(--muted);font-variant-numeric:tabular-nums}.hol .hdr{fill:none;stroke:var(--muted)}.hol .chip-a{fill:var(--a)}.hol .chip-b{fill:var(--b)}.hol .data-a{fill:var(--a);fill-opacity:.2;stroke:var(--a)}.hol .data-b{fill:var(--b);fill-opacity:.2;stroke:var(--b)}.hol .on-chip{fill:var(--bg)}.hol .ink-a{fill:var(--a)}.hol .ink-b{fill:var(--b)}.hol .opaque{fill:var(--line)}.layers .http-only,.layers .transport-only{transition:opacity .5s}.layers .transport-only,.layers.transport .http-only{opacity:0}.layers.transport .transport-only{opacity:1}.layers button[aria-pressed=true]{color:inherit;font-style:italic;text-decoration:none}.hol-caption{width:61%;font-size:1.1rem;line-height:1.6}@media (width<=760px){.hol{max-width:100%}.hol-caption{width:100%}}