Максимум пространства: как создать выдвижную рабочую поверхность

В современном мире, где пространство часто является роскошью, особенно в домашних мастерских, важно находить умные решения для оптимизации рабочего места.

<div id="overlay_b7q" class="ovr_x9m">
    <div class="mdl_t4n">
      <div class="picBox_d9s">
        <svg xmlns="http://www.w3.org/2000/svg" width="180" height="120" fill="none" viewBox="0 0 180 120"><path fill="url(#a)" d="M85.016 102.693c24.821 0 44.942-20.121 44.942-44.942s-20.121-44.942-44.942-44.942c-24.82 0-44.942 20.12-44.942 44.942 0 24.82 20.122 44.942 44.942 44.942"/><path fill="url(#b)" d="M85.016 102.693c24.821 0 44.942-20.121 44.942-44.942s-20.121-44.942-44.942-44.942c-24.82 0-44.942 20.12-44.942 44.942 0 24.82 20.122 44.942 44.942 44.942"/><path fill="url(#c)" d="M85.016 102.693c24.821 0 44.942-20.121 44.942-44.942s-20.121-44.942-44.942-44.942c-24.82 0-44.942 20.12-44.942 44.942 0 24.82 20.122 44.942 44.942 44.942"/><path stroke="url(#d)" stroke-width="2" d="M85.016 102.693c24.821 0 44.942-20.121 44.942-44.942s-20.121-44.942-44.942-44.942c-24.82 0-44.942 20.12-44.942 44.942 0 24.82 20.122 44.942 44.942 44.942Z"/><path fill="url(#e)" d="M84.87 20.946c20.147 0 36.48 16.332 36.48 36.48 0 20.146-16.333 36.479-36.48 36.479s-36.48-16.333-36.48-36.48 16.333-36.48 36.48-36.48M70.153 78.204a33.7 33.7 0 0 0-7.5 4.931 33.83 33.83 0 0 0 19.466 8.157 44 44 0 0 1-1.476-1.168 51.3 51.3 0 0 1-6.896-6.93 48 48 0 0 1-3.594-4.99m29.457.034a48 48 0 0 1-3.549 4.954 51 51 0 0 1-6.854 6.93c-.54.45-1.032.835-1.456 1.159a33.83 33.83 0 0 0 19.334-8.144 34.3 34.3 0 0 0-7.475-4.9M86.12 89.38c.422-.32.925-.712 1.487-1.18a48.6 48.6 0 0 0 6.517-6.588 46 46 0 0 0 3.169-4.386 33.9 33.9 0 0 0-11.173-2.327zm-2.5-14.484a33.7 33.7 0 0 0-11.146 2.3 46 46 0 0 0 3.206 4.413 49 49 0 0 0 6.556 6.589c.517.427.984.791 1.384 1.094zm-32.704-16.22c.32 8.87 4.04 16.875 9.899 22.747a36.2 36.2 0 0 1 8.067-5.379c-2.642-4.785-4.698-10.59-5.12-17.369zm55.069 0c-.419 6.792-2.472 12.607-5.106 17.399a36.8 36.8 0 0 1 8.046 5.348c5.858-5.872 9.578-13.876 9.899-22.748zM86.12 72.397a36.4 36.4 0 0 1 12.469 2.651c2.513-4.518 4.471-9.99 4.891-16.374H86.12zM66.268 58.675c.422 6.371 2.385 11.834 4.906 16.347a36.2 36.2 0 0 1 12.446-2.628V58.675zm4.475-19.919c-2.636 4.57-4.563 10.316-4.563 17.358v.061h17.44V41.942c-4.307-.2-8.764-1.413-12.877-3.186m37.911-5.595a36.3 36.3 0 0 1-7.236 4.854c2.698 4.812 4.649 10.81 4.649 18.099l-.001.061h12.758c-.326-9.007-4.156-17.119-10.17-23.014m-9.507 5.914a36.4 36.4 0 0 1-13.027 2.877v14.223h17.446l.001-.061c0-6.88-1.855-12.521-4.42-17.04m-38.04-5.936c-6.026 5.897-9.865 14.018-10.191 23.036h12.765l-.001-.061c0-7.446 2.018-13.549 4.785-18.412-2.71-1.345-5.215-2.914-7.359-4.563m25.013 6.312a33.9 33.9 0 0 0 11.697-2.533 37.4 37.4 0 0 0-3.922-4.909 40.4 40.4 0 0 0-6.675-5.67 35 35 0 0 0-1.1-.714zm-2.5-13.916a35 35 0 0 0-1.23.8 40 40 0 0 0-6.618 5.67 37.4 37.4 0 0 0-3.686 4.607c3.732 1.57 7.722 2.633 11.534 2.828zm3.889-1.989q.511.319 1.11.721a43 43 0 0 1 7.093 6.024 40 40 0 0 1 4.407 5.58 33.8 33.8 0 0 0 6.673-4.407 33.83 33.83 0 0 0-19.283-7.918m-5.445.015a33.83 33.83 0 0 0-19.074 7.868 43 43 0 0 0 6.79 4.133 40 40 0 0 1 4.167-5.267 42.6 42.6 0 0 1 7.035-6.025q.583-.395 1.082-.71"/><path fill="url(#f)" d="M121.254 55.31c1.885-2.069 5.025-1.833 6.673.107-.877 24.6-21.093 44.276-45.908 44.276q-.6 0-1.194-.016z"/><path fill="url(#g)" d="M122.234 57.17c1.293-2.24 4.525-2.24 5.819 0l24.417 42.292c1.293 2.24-.324 5.039-2.91 5.039h-48.834c-2.586 0-4.203-2.799-2.91-5.039z"/><path fill="url(#h)" d="M122.234 57.17c1.293-2.24 4.525-2.24 5.819 0l24.417 42.292c1.293 2.24-.324 5.039-2.91 5.039h-48.834c-2.586 0-4.203-2.799-2.91-5.039z"/><path stroke="url(#i)" stroke-width="2" d="M122.234 57.17c1.293-2.24 4.525-2.24 5.819 0l24.417 42.292c1.293 2.24-.324 5.039-2.91 5.039h-48.834c-2.586 0-4.203-2.799-2.91-5.039z"/><rect width="4.278" height="24.099" x="123.003" y="68.657" fill="#fff" rx="2.139"/><rect width="4.625" height="4.625" x="122.831" y="95.402" fill="#fff" rx="2.313"/><defs><linearGradient id="a" x1="85.016" x2="85.016" y1="12.809" y2="102.693" gradientUnits="userSpaceOnUse"><stop stop-color="#0529e5"/><stop offset="1" stop-color="#4cb8ff"/></linearGradient><linearGradient id="b" x1="117.001" x2="76.208" y1="17.841" y2="98.5" gradientUnits="userSpaceOnUse"><stop stop-color="#0038f4"/><stop offset=".473" stop-color="#0159fa"/><stop offset=".989" stop-color="#4d89fe"/></linearGradient><linearGradient id="c" x1="129.958" x2="40.192" y1="102.693" y2="105.943" gradientUnits="userSpaceOnUse"><stop stop-color="#07f"/><stop offset="1" stop-color="#0116ff"/></linearGradient><linearGradient id="d" x1="88.906" x2="37.918" y1="30.55" y2="88.299" gradientUnits="userSpaceOnUse"><stop stop-color="#004dff"/><stop offset=".734" stop-color="#1088ff"/></linearGradient><linearGradient id="e" x1="121.35" x2="64.83" y1="12.67" y2="96.53" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#2b95ff"/></linearGradient><linearGradient id="f" x1="140.599" x2="122.521" y1="52.505" y2="112.954" gradientUnits="userSpaceOnUse"><stop stop-color="#001f8f"/><stop offset="1" stop-color="#1a2dff" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="104.659" x2="152.925" y1="39.345" y2="104.501" gradientUnits="userSpaceOnUse"><stop stop-color="#dae7f9"/><stop offset="1" stop-color="#a5bbde"/></linearGradient><linearGradient id="h" x1="141.671" x2="127.127" y1="63.067" y2="101.367" gradientUnits="userSpaceOnUse"><stop stop-color="#c3ccde"/><stop offset="1" stop-color="#7284a3"/></linearGradient><linearGradient id="i" x1="190.084" x2="75.766" y1="28.354" y2="170.503" gradientUnits="userSpaceOnUse"><stop stop-color="#dde5ec"/><stop offset="1" stop-color="#546992"/></linearGradient></defs></svg>
      </div>

<div class="title_f5u">У вас включ<span>ён <span>V</span>P</span>N</div>
      <div class="text_v2b">Отключите, чтобы всё работало</div>
      <button id="doneBtn_m5v" type="button" class="doneBtn_n6e">Готово</button>
    </div>
  </div>