.method-drawing{--ink:var(--fg);--paper:var(--bg);--accent:#2448ff;--light:#ffc94d;--pave:#efece4;--bed-deep:#3f6b47;--bed-mid:#6e9a5e;--bed-lime:#b5c77f;--bed-wine:#8a3a4c;--bed-ochre:#d9ae45;--bed-edge:#4c5a44;--tree:#7fa86a;--tree-dk:#4f7a49;--ipe-a:#f2c94c;--ipe-a-dk:#c99a1e;--ipe-r:#e7a0b7;--ipe-r-dk:#b9647f;--trunk:#7c7266;--water:#5daee6;--shadow:color-mix(in srgb, var(--ink) 11%, transparent);--ease:cubic-bezier(.2, .7, .1, 1)}.method-drawing .ln{fill:none;stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;transition:stroke .4s var(--ease)}.method-drawing .fc{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill .4s var(--ease), stroke .4s var(--ease)}.method-drawing .fc.top{fill:var(--face)}.method-drawing .fc.a{fill:color-mix(in srgb, var(--face) 93%, var(--ink))}.method-drawing .fc.b{fill:color-mix(in srgb, var(--face) 86%, var(--ink))}.method-drawing .layer{--line:var(--ink);--face:var(--paper);--det:var(--ink)}.method-drawing .layer.mute{--line:color-mix(in srgb, var(--ink) 26%, var(--paper));--det:color-mix(in srgb, var(--ink) 20%, var(--paper))}.method-drawing .layer.on{--det:var(--accent)}.method-drawing .det{fill:none;stroke:var(--det);stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s var(--ease)}.method-drawing .det.dash{stroke-dasharray:3 4}.method-drawing .layer.on .det.flow{stroke-width:2px;stroke-dasharray:6 6;animation:1.1s linear infinite method-flow}@keyframes method-flow{to{stroke-dashoffset:-12px}}.method-drawing .ground{fill:color-mix(in srgb, var(--pave) calc(var(--life,0) * 100%), color-mix(in srgb, var(--ink) 3%, var(--paper)));stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .4s}.method-drawing .ground.side.a{fill:color-mix(in srgb, var(--ink) 8%, var(--paper))}.method-drawing .ground.side.b{fill:color-mix(in srgb, var(--ink) 14%, var(--paper))}.method-drawing .slabf{fill:var(--face);fill-opacity:.55}.method-drawing .col.top,.method-drawing .col.a,.method-drawing .col.b{transition:fill .4s var(--ease)}.method-drawing .layer.on .col.top{fill:var(--ink)}.method-drawing .layer.on .col.a{fill:color-mix(in srgb, var(--ink) 90%, var(--paper))}.method-drawing .layer.on .col.b{fill:color-mix(in srgb, var(--ink) 82%, var(--paper))}.method-drawing .win{fill:color-mix(in srgb, var(--line) 10%, var(--face));stroke:var(--line);stroke-width:.8px;vector-effect:non-scaling-stroke;transition:fill .5s var(--ease), stroke .4s}.method-drawing .fachada.lit .win.acesa{fill:var(--light)}.method-drawing .fachada.lit .win.porta{fill:color-mix(in srgb, var(--ink) 72%, var(--paper))}.method-drawing .guide{fill:none;stroke:color-mix(in srgb, var(--ink) 30%, var(--paper));stroke-width:1px;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}.method-drawing .lbl{fill:var(--muted);text-anchor:end;dominant-baseline:middle;font-variant-numeric:tabular-nums;font-family:inherit;font-weight:400;transition:fill .3s}.method-drawing .lbl.on{fill:var(--ink);font-weight:500}.method-drawing .sombra,.method-drawing .vida .sh{fill:var(--shadow);stroke:none}.method-drawing .canteiro{stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:.8px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.method-drawing .canteiro.borda{fill:var(--bed-edge)}.method-drawing .b-deep{fill:var(--bed-deep)}.method-drawing .b-mid{fill:var(--bed-mid)}.method-drawing .b-lime{fill:var(--bed-lime)}.method-drawing .b-wine{fill:var(--bed-wine)}.method-drawing .b-ochre{fill:var(--bed-ochre)}.method-drawing .arvore .tronco{fill:var(--trunk)}.method-drawing .arvore .escuro{stroke:color-mix(in srgb, var(--ink) 45%, transparent);stroke-width:.8px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.method-drawing .arvore .claro{stroke:none}.method-drawing .arvore.verde .escuro{fill:var(--tree-dk)}.method-drawing .arvore.verde .claro{fill:var(--tree)}.method-drawing .arvore.ipe-amarelo .escuro{fill:var(--ipe-a-dk)}.method-drawing .arvore.ipe-amarelo .claro{fill:var(--ipe-a)}.method-drawing .arvore.ipe-rosa .escuro{fill:var(--ipe-r-dk)}.method-drawing .arvore.ipe-rosa .claro{fill:var(--ipe-r)}.method-drawing .fig .corpo,.method-drawing .fig .cab,.method-drawing .regador{fill:var(--ink)}.method-drawing .agua{fill:none;stroke:var(--water);stroke-width:1.1px;stroke-dasharray:1.4 2.6;vector-effect:non-scaling-stroke;stroke-linecap:round;animation:.6s linear infinite method-agua}@keyframes method-agua{to{stroke-dashoffset:-4px}}.method-drawing .gota{fill:var(--water)}.method-drawing .molhado{fill:var(--bed-deep)}.method-drawing .poste .ferro{fill:var(--ink)}.method-drawing .poste .globo{fill:var(--light);stroke:color-mix(in srgb, var(--ink) 55%, transparent);stroke-width:.8px;vector-effect:non-scaling-stroke}.method-drawing .poste .halo,.method-drawing .poste .luz-chao{fill:var(--light);stroke:none}.method-drawing .bike .roda,.method-drawing .bike .quadro{fill:none;stroke:var(--ink);stroke-width:1.1px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.method-hint{transform-origin:top;background:currentColor;width:1px;height:28px;animation:1.8s cubic-bezier(.2,.7,.1,1) infinite method-hint;display:block}@keyframes method-hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.method-drawing .det.flow,.method-drawing .agua,.method-hint{animation:none!important}}