.parent_parentLayout__bGqA2{height:2000px;padding-right:var(--padding-header);display:grid;grid:"copy   diagram" auto "code   diagram" 1fr/var(--max-width-paragraph) 560px;align-items:start;grid-gap:var(--size-xl);gap:var(--size-xl)}.parent_copyLayout__KE_lR{grid-area:copy;display:flex;flex-direction:column;gap:var(--gap-render-note-meta)}.parent_controlsLayout__Gl60J{margin-top:var(--gap-render-note-meta);display:flex;flex-direction:column;gap:var(--size-m)}.parent_row__6dVz2{display:flex;gap:var(--size-m);align-items:center}.parent_buttonsUl__DfVsJ{display:flex}.parent_buttonCopy__lkWda{display:grid;grid:"a" auto/auto}.parent_form__yBAGW{display:flex;flex-direction:column}@keyframes parent_sentenceLayoutKeyframes__rPYth{0%{opacity:0;translate:calc(-4 * var(--grid-square))}to{opacity:1;translate:0}}.parent_sentenceLayout__I2doM{grid-area:a;animation:parent_sentenceLayoutKeyframes__rPYth var(--duration) var(--time-func) both}@media (max-width:700px){.parent_controlsLayout__Gl60J{gap:var(--size-xl)}}.diagram_diagramLayout___xeYG{--cover-color:rgba(28,28,28,.1);grid-area:diagram;width:100%;padding:calc(72.5 * var(--grid-square)) calc(6 * var(--grid-square)) var(--grid-square) calc(9 * var(--grid-square));overflow:hidden}.diagram_page__MlTEk{--viewportHeight:240px;--child-background:rgba(0,0,0,.1);--grid-gap:var(--size-s);width:100%;position:relative;padding:var(--size-s);display:grid;grid:"a" 1fr "b" 6fr "c" 6fr "d" 6fr "e" 6fr/100%;grid-gap:var(--grid-gap);gap:var(--grid-gap);border:var(--border)}.diagram_pageCover__Do_H_{position:absolute;inset:0;overflow:hidden}.diagram_pageCover__Do_H_:before{content:"";position:absolute;inset:0;translate:calc(-100% + var(--scrollPercent));background:var(--cover-color)}.diagram_header__nWMo8,.diagram_section__sYQAT{background:var(--child-background);border:var(--border);border-color:transparent}.diagram_targetSection__raSsA{position:relative;overflow:hidden;border-color:var(--color-border);transition:var(--transition)}.diagram_targetSection__raSsA:before{content:"";position:absolute;inset:0;translate:calc(-100% + var(--scrollPercent));background:var(--cover-color)}.diagram_browserTranslateParent__fVO37{width:100%;height:calc(100% - var(--viewportHeight));position:absolute;top:0;left:0;translate:0 var(--scrollY)}.diagram_viewport__RLck2{width:100%;height:var(--viewportHeight);position:absolute;top:0;left:0}.diagram_browser__1Fpjm{--buffer:calc(1 * var(--grid-square));width:calc(100% + 2 * var(--buffer));height:calc(100% + 2 * var(--buffer));position:absolute;top:50%;left:50%;translate:-50% calc(-50% - 1px);border:4px solid var(--color-text);border-radius:var(--radius-l)}.diagram_pageLabel__xj9DA{position:absolute;top:calc(-5 * var(--grid-square));left:0}.diagram_viewportLabel__jrbRE{position:absolute;top:calc(4 * var(--grid-square));left:calc(100% + 6 * var(--grid-square));transform-origin:top left;rotate:90deg}.diagram_targetId__hQRcB{position:absolute;top:calc(4 * var(--grid-square));left:calc(4 * var(--grid-square));transition:var(--transition)}.diagram_scrollY__dj6o1{width:100%;position:absolute;bottom:calc(100% + 8 * var(--grid-square));left:0;display:flex;justify-content:center}.diagram_scrollYLine__Mt_WY{--top:calc(100% - 48px);--bottom:calc(100% - 22px);height:var(--scrollY);position:absolute;top:-1px;left:50%;translate:-50%;z-index:1;border-left:var(--border-dashed);-webkit-clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0)}.diagram_innerHeight__V1K2Q{position:absolute;top:calc(var(--viewportHeight) / 2);left:calc(26 * var(--grid-square));translate:0 -50%;transition:var(--transition)}.diagram_innerHeightLine__hQAUr{--top:calc(50% - 13px);--bottom:calc(50% + 13px);height:var(--viewportHeight);position:absolute;top:0;left:calc(30 * var(--grid-square));border-left:var(--border-dashed);-webkit-clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);transition:var(--transition)}.diagram_scrollHeightLabel__hy_Bn{position:absolute;top:calc(12 * var(--grid-square));right:calc(100% + 9.5 * var(--grid-square));white-space:nowrap;transform-origin:top right;rotate:-90deg}.diagram_scrollHeightLine__va0WO{--top:calc(8 * var(--grid-square));--bottom:calc(74 * var(--grid-square));height:100%;position:absolute;top:0;right:calc(100% + 8 * var(--grid-square));border-left:var(--border-dashed);-webkit-clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0)}.diagram_targetHeight__I9mHc{position:absolute;top:50%;left:calc(3 * var(--grid-square));translate:0 -50%;transition:var(--transition)}.diagram_targetHeightLine__cH2gd{--top:calc(50% - 13px);--bottom:calc(50% + 13px);height:100%;position:absolute;top:0;left:calc(30 * var(--grid-square));border-left:var(--border-dashed);-webkit-clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);transition:var(--transition)}.diagram_targetYLabel__dVcx_{position:absolute;top:calc(6 * var(--grid-square));right:calc(10 * var(--grid-square));transition:var(--transition)}.diagram_targetYLineParent__v24p_{grid-area:a/a/c/c;height:calc(100% + 2 * var(--grid-gap));position:relative;top:calc(-1 * var(--grid-gap));overflow:hidden;transition:var(--transition)}.diagram_targetYLineChild__fE7ek{--top:16px;--bottom:44px;height:var(--pageHeightPx);position:absolute;top:0;right:calc(15 * var(--grid-square));translate:0 var(--scrollY);transform-origin:bottom center;border-left:var(--border-dashed);-webkit-clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 var(--top),100% var(--top),100% var(--bottom),0 var(--bottom),0 100%,100% 100%,100% 0)}.diagram_hide__5_Abg{opacity:0;transition:none}.code_codeLayout__g0WK6{--scroll-delay:300px;grid-area:code;display:grid;grid:"a" auto "b" auto/1fr;align-items:start;translate:0 max(calc(var(--scrollY) - var(--scroll-delay)),0px)}@keyframes code_riseAndShow__qo7Le{0%{opacity:0;translate:0 calc(4 * var(--grid-square))}to{opacity:1;translate:0}}.code_snippetLayout__BPYG6{grid-area:a;display:grid;grid-template-columns:1fr auto;grid-gap:0 var(--size-s);gap:0 var(--size-s);align-items:center;animation:code_riseAndShow__qo7Le var(--duration) var(--time-func) both}.code_areaAB__zhR4d{grid-area:a;grid-row:1/-1}.code_areaA__uUQy3{grid-area:a}.code_areaB__Msvbx{grid-area:b}.code_value__EDpz5{text-align:end}.code_hide__ur_GJ{opacity:0;animation:none}