diff --git a/app-config.json b/app-config.json
index 2f1e0bc..b8509a8 100644
--- a/app-config.json
+++ b/app-config.json
@@ -1,47 +1,49 @@
-{
-  "title": "AppManager-Embedded",
-  "type": "window",
-  "name": "io-connect-toolbar",
-  "shell": true,
-  "details": {
-    "autoInjectAPI": {
-      "enabled": true,
-      "autoInit": {
-        "appManager": "full",
-        "layouts": "fullWaitSnapshot"
-      }
-    },
-    "url": "file://%GDDIR%/assets/app-toolbar/index.html",
-    "mode": "frameless",
-    "top": 5,
-    "left": 5,
-    "isSticky": false,
-    "allowClose": false,
-    "allowMaximize": false,
-    "allowMinimize": false,
-    "allowCollapse": false,
-    "moveAreaPassThroughMouseHover": true,
-    "nativeWindowOpen": "off",
-    "zoom": {
-      "enabled": false
-    },
-    "search": {
-      "enabled": false
-    },
-    "taskbar": {
-      "allowPin": true,
-      "appId": "io-connect-toolbar"
-    },
-    "jumpList": {
-      "enabled": true
-    }
-  },
-  "autoStart": true,
-  "allowMultiple": false,
-  "ignoreSavedLayout": false,
-  "customProperties": {
-    "hideFeedbackButton": true,
-    "hideProfileButton": false,
-    "hideTutorialOnStartup": false
-  }
+{
+    "title": "AppManager-Embedded",
+    "type": "window",
+    "name": "io-connect-toolbar",
+    "shell": true,
+    "details": {
+        "autoInjectAPI": {
+            "enabled": true,
+            "autoInit": {
+                "appManager": "full",
+                "layouts": "fullWaitSnapshot"
+            }
+        },
+        "url": "file://%GDDIR%/assets/app-toolbar/index.html",
+        "mode": "frameless",
+        "top": 100,
+        "left": 100,
+        "width": 60,
+        "height": 48,
+        "isSticky": false,
+        "allowClose": false,
+        "allowMaximize": false,
+        "allowMinimize": false,
+        "allowCollapse": false,
+        "moveAreaPassThroughMouseHover": true,
+        "nativeWindowOpen": "off",
+        "zoom": {
+            "enabled": false
+        },
+        "search": {
+            "enabled": false
+        },
+        "taskbar": {
+            "allowPin": true,
+            "appId": "io-connect-toolbar"
+        },
+        "jumpList": {
+            "enabled": true
+        }
+    },
+    "autoStart": true,
+    "allowMultiple": false,
+    "ignoreSavedLayout": false,
+    "customProperties": {
+        "hideFeedbackButton": true,
+        "hideProfileButton": false,
+        "hideTutorialOnStartup": false
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index fe24577..0c6d6ce 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 
     <div class="app">
       <div id="applicationLauncher" class="viewport">
-        <ul class="nav nav-tabs flex-column" column>
+        <ul id="app-manager-menu-items" class="nav nav-tabs flex-column" column>
           <li class="viewport-header">
             <div class="logo draggable">
               <div class="logo-icon">
@@ -84,7 +84,7 @@
               ></span>
               <span class="text-animation">Layouts</span>
             </a>
-            <ul class="layout-menu-tool">
+            <ul id="layouts-menu-items" class="layout-menu-tool">
               <li id="load" class="nav-item" menu-button-id="layout-load">
                 Load
               </li>
@@ -165,7 +165,7 @@ <h5 class="draggable m-0">Load Layouts</h5>
           />
         </div>
         <div class="layout-save-alert-wrapper"></div>
-        <ul class="nav nav-tabs flex-column"></ul>
+        <ul id="load-layouts-list" class="nav nav-tabs flex-column"></ul>
       </div>
 
       <div class="toggle-content hide" id="layout-save" menu-id="layout-save">
@@ -229,7 +229,7 @@ <h5>General Settings</h5>
             <h5>Theme</h5>
           </div>
           <form>
-            <ul class="select theme-select mb-1">
+            <ul id="theme-select" class="select theme-select mb-1">
               <li class="select_items">
                 <input
                   class="select_expand"
@@ -253,7 +253,7 @@ <h5>Theme</h5>
             <h5>Toolbar Length</h5>
           </div>
           <form>
-            <ul class="select length-select mb-2">
+            <ul id="toolbar-length-select" class="select length-select mb-2">
               <li class="select_items">
                 <input
                   class="select_expand"
@@ -348,7 +348,10 @@ <h5>System</h5>
             </div>
             <div class="settings-system-schedule-restart-period">
               <form>
-                <ul class="select restart-period-select">
+                <ul
+                  id="platform-restart-preriod-select"
+                  class="select restart-period-select"
+                >
                   <li class="select_items">
                     <input
                       class="select_expand"
@@ -368,7 +371,10 @@ <h5>System</h5>
             </div>
             <div class="settings-system-schedule-restart-interval">
               <form>
-                <ul class="select restart-interval-select">
+                <ul
+                  id="platform-restart-interval-select"
+                  class="select restart-interval-select"
+                >
                   <li class="select_items">
                     <input
                       class="select_expand"
@@ -410,7 +416,10 @@ <h5>System</h5>
             </div>
             <div class="settings-system-schedule-shutdown-period">
               <form>
-                <ul class="select shutdown-period-select">
+                <ul
+                  id="platform-shutdown-period-select"
+                  class="select shutdown-period-select"
+                >
                   <li class="select_items">
                     <input
                       class="select_expand"
@@ -430,7 +439,10 @@ <h5>System</h5>
             </div>
             <div class="settings-system-schedule-shutdown-interval">
               <form>
-                <ul class="select shutdown-interval-select">
+                <ul
+                  id="platform-shutdown-interval-select"
+                  class="select shutdown-interval-select"
+                >
                   <li class="select_items">
                     <input
                       class="select_expand"
@@ -575,7 +587,7 @@ <h5 class="draggable m-0">Profile</h5>
         </div>
         <div class="p-2 border-bottom border-secondary">
           <h5 class="d-flex justify-content-between">Select Theme</h5>
-          <ul class="select theme-select mb-1">
+          <ul id="platform-theme-select" class="select theme-select mb-1">
             <li class="select_items">
               <input
                 class="select_expand"
diff --git a/js/connect-related.js b/js/connect-related.js
index ec6d1ad..3891541 100644
--- a/js/connect-related.js
+++ b/js/connect-related.js
@@ -3,18 +3,15 @@ import {
   getSetting,
   getSettings,
   setSetting,
+  toolbarWidth,
 } from './settings.js';
-import {
-  setOrientation,
-  setWindowPosition,
-  setDrawerOpenClasses,
-} from './utils.js';
+import { setOrientation } from './utils.js';
 
 console.time('Glue');
 
 const rxjs = window.rxjs;
 
-var gluePromise = new Promise(async (res, rej) => {
+const gluePromise = new Promise(async (res, rej) => {
   window.addEventListener('load', async () => {
     let glue = await Glue({
       appManager: 'full',
@@ -60,10 +57,10 @@ gluePromise.then(() => {
   trackLayouts();
   trackWorkspaces();
   trackThemeChanges();
-  trackWindowMove();
   trackConnection();
   trackNotificationCount();
   trackNotificationPanelVisibilityChange();
+  trackPlatformShutdown();
 });
 
 async function trackApplications() {
@@ -172,12 +169,31 @@ async function trackThemeChanges() {
   });
 }
 
-async function trackWindowMove() {
+async function trackPlatformShutdown() {
   const glue = await gluePromise;
+  const app = document.querySelector('.app');
+  const viewport = document.querySelector('.viewport');
+
+  const unSubscribe = glue.appManager.onShuttingDown(async () => {
+    try {
+      const isVertical = app.classList.contains('vertical');
+      const bounds = glue.windows.my().bounds;
+
+      await moveMyWindow({
+        left: bounds.left,
+        top: bounds.top,
+        width: isVertical ? toolbarWidth.vertical : bounds.width,
+        height: isVertical ? bounds.height : 48,
+      });
 
-  glue.windows.my().onBoundsChanged(async () => {
-    await setDrawerOpenClasses();
+      app.classList.remove('expanded', 'has-drawer');
+      viewport.classList.remove('expand');
+    } catch (error) {
+      console.error('Failed to set default window size before shutdown', error);
+    }
   });
+
+  return () => unSubscribe();
 }
 
 async function trackNotificationPanelVisibilityChange() {
@@ -409,15 +425,16 @@ const showHideNotificationBadge = (flag) => {
 
 async function openNotificationPanel() {
   const glue = await gluePromise;
-  const panelApp = glue.windows.find(
-    'io-connect-notifications-panel-application'
-  );
+  const isPanelVisible = await glue.notifications.panel.isVisible();
+
+  if (isPanelVisible) {
+    return;
+  }
 
   try {
     await glue.notifications.panel.show();
-    await panelApp.focus();
   } catch (error) {
-    console.error('Failed to open notification panel.', error);
+    console.error('Failed to open notifications panel.', error);
   }
 }
 
@@ -662,9 +679,6 @@ async function getPrefs() {
     });
   }
 
-  await setDrawerOpenClasses();
-  await setWindowPosition();
-
   glue.prefs.subscribe(() => {
     setOrientation();
   });
diff --git a/js/index.js b/js/index.js
index 5125d3b..d49380d 100644
--- a/js/index.js
+++ b/js/index.js
@@ -32,8 +32,8 @@ import {
 } from './clients-and-instrument-search.js';
 import { getSetting } from './settings.js';
 import { populateSID } from './profile.js';
-import handleScheduledShutdownRestart from './schedule-shutdown-restart.js';
-import { observeSizeChange, setWindowSize } from './window-sizing.js';
+import { handleScheduledShutdownRestart } from './schedule-shutdown-restart.js';
+import { setWindowBounds } from './window-sizing.js';
 
 const rxjs = window.rxjs;
 let {
@@ -84,17 +84,11 @@ async function init() {
   glueModule.registerHotkey();
   glueModule.focusWindow(utils.focusInputAfterWindowRecover);
 
+  await setWindowBounds().catch(console.error);
+
   populateSID();
   showFeedbackPanel();
   showProfilePanel();
-  setWindowSize();
-
-  observeSizeChange(app, (width, height) => {
-    glueModule.moveMyWindow({
-      width,
-      height,
-    });
-  });
 }
 
 function finishLoading() {
@@ -109,13 +103,12 @@ function observeAppElement() {
     attributeOldValue: true,
   };
 
-  function handleAttributeChange(entry) {
+  async function handleAttributeChange(entry) {
     const { attributeName, oldValue, target } = entry;
     const newValue = target.getAttribute(attributeName);
 
     if (attributeName === 'class' && newValue !== oldValue) {
-      utils.setDrawerOpenClasses();
-      setWindowSize(newValue);
+      await setWindowBounds().catch(console.error);
     }
   }
 
diff --git a/js/schedule-shutdown-restart.js b/js/schedule-shutdown-restart.js
index 2e157e9..9e0f9f0 100644
--- a/js/schedule-shutdown-restart.js
+++ b/js/schedule-shutdown-restart.js
@@ -449,6 +449,7 @@ async function setInputStatesOnChange(option, checked) {
     periodDropdown.classList.add('disabled');
     intervalDropdown.classList.add('disabled');
     container.classList.add('d-none');
+
     try {
       await cancelSchedule(option);
     } catch (e) {
@@ -493,6 +494,7 @@ async function handleScheduleToggleClick() {
               period: prevSettings[option].period,
               interval: prevSettings[option].interval,
             });
+
             try {
               await setSchedule(option, parsedString);
             } catch (e) {
@@ -510,6 +512,38 @@ async function handleScheduleToggleClick() {
   });
 }
 
+async function scheduleShutdownRestartSaveLayout() {
+  const schedule = getSetting('schedule');
+  const scheduleArray = Object.entries(schedule).map(([key, value]) => ({
+    key,
+    ...value,
+  }));
+
+  scheduleArray.forEach(async (setting) => {
+    const option = setting.key;
+
+    if (setting.enable) {
+      const parsedString = parseScheduleToString({
+        time: schedule[option].time,
+        period: schedule[option].period,
+        interval: schedule[option].interval,
+      });
+
+      try {
+        await setSchedule(option, parsedString);
+      } catch (e) {
+        console.error(e);
+      }
+    } else {
+      try {
+        await cancelSchedule(option);
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  });
+}
+
 async function handleScheduledShutdownRestart() {
   const options = ['shutdown', 'restart'];
 
@@ -525,4 +559,4 @@ async function handleScheduledShutdownRestart() {
     .catch(console.error);
 }
 
-export default handleScheduledShutdownRestart;
+export { handleScheduledShutdownRestart, scheduleShutdownRestartSaveLayout };
diff --git a/js/settings.js b/js/settings.js
index 97d06e3..06ce184 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -1,4 +1,5 @@
 import { updatePrefs } from './connect-related.js';
+import { scheduleShutdownRestartSaveLayout } from './schedule-shutdown-restart.js';
 
 let settings = {
   showTutorial: true,
@@ -108,7 +109,9 @@ function trackSettingsChange() {
 
       setting[settingElement.dataset.setting] = e.target.checked;
 
-      if (
+      if (e.target.dataset.setting === 'saveDefaultLayout') {
+        scheduleShutdownRestartSaveLayout(e.target.checked);
+      } else if (
         e.target.dataset.setting === 'enableNotifications' &&
         e.target.checked === false
       ) {
@@ -118,17 +121,10 @@ function trackSettingsChange() {
 
         setting = {
           schedule: {
-            shutdown: {
-              enable: prevSetting.shutdown.enable,
-              time: prevSetting.shutdown.time,
-              period: prevSetting.shutdown.period,
-              interval: prevSetting.shutdown.interval,
-            },
+            shutdown: { ...prevSetting.shutdown },
             restart: {
+              ...prevSetting.restart,
               enable: e.target.checked,
-              time: prevSetting.restart.time,
-              period: prevSetting.restart.period,
-              interval: prevSetting.restart.interval,
             },
           },
         };
@@ -137,18 +133,11 @@ function trackSettingsChange() {
 
         setting = {
           schedule: {
-            restart: {
-              enable: prevSetting.restart.enable,
-              time: prevSetting.restart.time,
-              period: prevSetting.restart.period,
-              interval: prevSetting.restart.interval,
-            },
             shutdown: {
+              ...prevSetting.shutdown,
               enable: e.target.checked,
-              time: prevSetting.shutdown.time,
-              period: prevSetting.shutdown.period,
-              interval: prevSetting.shutdown.interval,
             },
+            restart: { ...prevSetting.restart },
           },
         };
       }
diff --git a/js/utils.js b/js/utils.js
index 181c3df..ed8fea1 100644
--- a/js/utils.js
+++ b/js/utils.js
@@ -9,23 +9,16 @@ import {
   refreshApps,
   glueVersion,
   getMonitorInfo,
-  moveMyWindow,
   minimize,
   isMinimizeAllowed,
   openFeedbackForm,
   getWindowWorkArea,
   getScaleFactor,
-  getPrimaryScaleFactor,
   windowCenter,
   getPhysicalWindowBounds,
   restoreLayout,
 } from './connect-related.js';
-import {
-  toolbarDrawerSize,
-  initialPosition,
-  setSetting,
-  getSetting,
-} from './settings.js';
+import { toolbarDrawerSize, setSetting, getSetting } from './settings.js';
 import {
   populateProfileData,
   profile_handleShutdownClick,
@@ -36,7 +29,7 @@ import {
   handleNotificationClick,
   handleEnableNotifications,
 } from './notifications.js';
-import { setWindowSize } from './window-sizing.js';
+import { setWindowBounds } from './window-sizing.js';
 
 import handleKeyboardNavigation from './keyboard-navigation.js';
 
@@ -176,10 +169,13 @@ function handleTopDropdownClicks() {
     .addEventListener('click', () => {
       if (app.classList.contains('expanded')) {
         if (
-          !document.querySelector('.dropdown-menu').classList.contains('show')
-        ) {
+          !document
+            .querySelector('.dropdown-menu')
+            .classList.contains('show') ||
+          app.classList.contains('has-drawer')
+        )
           return;
-        }
+
         app.classList.remove('expanded');
       } else {
         app.classList.add('expanded');
@@ -194,6 +190,8 @@ function handleTopMenuClicks() {
   };
 
   document.addEventListener('click', async (e) => {
+    const isVertical = getSetting('vertical');
+
     if (e.target.matches('a, a *') && e.ctrlKey) {
       e.preventDefault();
     }
@@ -243,32 +241,34 @@ function handleTopMenuClicks() {
         '.toggle-content:not(.hide)'
       );
 
+      const openDirection = await getDrawerOpenDirection();
+
       if (hasVisibleDrawers) {
-        document.querySelector('.app').classList.add('has-drawer');
+        document
+          .querySelector('.app')
+          .classList.add('has-drawer', `open-${openDirection}`);
+
+        if (!isVertical) {
+          document.querySelector('.app').classList.add('expanded');
+        }
       } else {
         document.querySelector('.app').classList.remove('has-drawer');
-      }
 
-      const app = getAppElement();
-      const bounds = await getVisibleArea(app);
-      const workArea = await getWindowWorkArea();
+        const openClasses = document.querySelector('.app').classList;
 
-      if (prevWndBounds.width !== bounds.width) {
-        await handleOpenLeft();
-      }
+        openClasses.forEach((className) => {
+          if (className.startsWith('open-')) {
+            openClasses.remove(className);
+          }
+        });
 
-      if (prevWndBounds.height !== bounds.height) {
-        await handleOpenTop();
+        if (!isVertical) {
+          document.querySelector('.app').classList.remove('expanded');
+        }
       }
 
-      if (
-        bounds.top < workArea.top ||
-        bounds.left < workArea.left ||
-        bounds.left > workArea.right ||
-        bounds.top > workArea.bottom
-      ) {
-        await setWindowPosition();
-      }
+      const app = getAppElement();
+      const bounds = await getVisibleArea(app);
 
       prevWndBounds.width = bounds.width;
       prevWndBounds.height = bounds.height;
@@ -392,30 +392,20 @@ async function handleJumpListAction() {
 }
 
 function handleLayoutsHover() {
-  const app = getAppElement();
   const menuItem = '.show-actions';
 
   document.addEventListener('mouseover', (event) => {
     const target = event.target.closest(menuItem);
-    const dropdownsOpen = document.querySelectorAll('.dropdown-menu.show');
-    const isVertical = app.classList.contains('vertical');
 
-    if (target || dropdownsOpen.length > 0) {
+    if (target) {
       target?.classList?.add('hover');
-      if (!isVertical) {
-        app.classList.add('expanded');
-      }
     } else {
       document.querySelectorAll(menuItem).forEach((item) => {
         item.classList.remove('hover');
-        if (!isVertical) {
-          app.classList.remove('expanded');
-        }
       });
     }
   });
 }
-
 async function handleMouseHover() {
   document.querySelector('#favorites').addEventListener(
     'mousewheel',
@@ -714,7 +704,7 @@ async function handleAppRowsChange() {
         const selectedLength = e.target.getAttribute('length-name');
 
         setSetting({ toolbarAppRows: selectedLength });
-        setWindowSize();
+        await setWindowBounds().catch(console.error);
       }
     });
 }
@@ -733,58 +723,25 @@ async function getAppState() {
   };
 }
 
-async function handleOpenLeft() {
-  const { isVertical, isOpenLeft, hasDrawer, appBounds } = await getAppState();
-
-  if (!isVertical || !isOpenLeft) return;
-
-  if (hasDrawer) {
-    await moveMyWindow({ left: appBounds.left - toolbarDrawerSize.vertical });
-  } else {
-    await moveMyWindow({ left: appBounds.left + toolbarDrawerSize.vertical });
-  }
-}
-
-async function handleOpenTop() {
-  const { isVertical, isOpenTop, hasDrawer, appBounds, visibleArea } =
-    await getAppState();
-  const horizontalHeight = getHorizontalToolbarHeight();
-
-  if (isVertical || !isOpenTop) return;
-
-  if (hasDrawer) {
-    await moveMyWindow({
-      top: appBounds.top + visibleArea.height - horizontalHeight,
-    });
-  } else {
-    await moveMyWindow({
-      top: appBounds.top - visibleArea.height + horizontalHeight,
-    });
-  }
-}
-
-async function setDrawerOpenClasses() {
-  const app = getAppElement();
-  const isVertical = getSetting('vertical');
-  const { visibleArea, workArea } = await getAppState();
-
-  if (app.classList.contains('has-drawer')) return;
+async function getDrawerOpenDirection() {
+  const { isVertical, visibleArea, workArea } = await getAppState();
+  let drawerDirection = '';
 
   if (isVertical) {
     const shouldOpenLeft =
       visibleArea.right + toolbarDrawerSize.vertical >= workArea.right;
 
-    app.classList.toggle('open-left', shouldOpenLeft);
-    app.classList.remove('open-top');
+    drawerDirection = shouldOpenLeft ? 'left' : 'right';
   } else {
     const horizontalHeight = getHorizontalToolbarHeight();
     const shouldOpenTop =
       visibleArea.top + horizontalHeight >= workArea.bottom &&
       visibleArea.bottom - horizontalHeight >= workArea.top;
 
-    app.classList.toggle('open-top', shouldOpenTop);
-    app.classList.remove('open-left');
+    drawerDirection = shouldOpenTop ? 'top' : 'bottom';
   }
+
+  return drawerDirection;
 }
 
 function setOrientation() {
@@ -838,150 +795,6 @@ async function getVisibleArea(element) {
   };
 }
 
-function checkRectangleOffBounds(rect1, rect2) {
-  const offBounds = [];
-
-  // if rect2 moves beyond left boundaries of rect1
-  if (rect2.left < rect1.left) {
-    offBounds.push({
-      left: rect2.left - rect1.left,
-    });
-  }
-
-  // if rect2 moves beyond top boundaries of rect1
-  if (rect2.top < rect1.top) {
-    offBounds.push({
-      top: rect2.top - rect1.top,
-    });
-  }
-
-  // if rect2 moves beyond right boundaries of rect1
-  if (rect2.right > rect1.right) {
-    offBounds.push({
-      right: rect2.right - rect1.right,
-    });
-  }
-
-  // if rect2 moves beyond bottom boundaries of rect1
-  if (rect2.bottom > rect1.bottom) {
-    offBounds.push({
-      bottom: rect2.bottom - rect1.bottom,
-    });
-  }
-
-  return offBounds;
-}
-
-async function checkWindowPosition() {
-  const workArea = await getWindowWorkArea();
-  const visibleArea = await getVisibleArea(
-    document.querySelector('.draggable')
-  );
-
-  return checkRectangleOffBounds(workArea, visibleArea);
-}
-
-async function setWindowPosition() {
-  const isVertical = getSetting('vertical');
-  const workArea = await getWindowWorkArea();
-  const visibleArea = await getVisibleArea(
-    document.querySelector('.draggable')
-  );
-  const offBounds = await checkWindowPosition();
-  const primaryScaleFactor = await getPrimaryScaleFactor();
-  const scaleFactor = await getScaleFactor();
-  const startPosition = initialPosition / scaleFactor;
-  const drawerSize = toolbarDrawerSize.vertical / scaleFactor;
-
-  if (offBounds.length === 0) return;
-
-  offBounds.forEach(async (offset) => {
-    if (isVertical) {
-      switch (Object.keys(offset)[0]) {
-        case 'left':
-          await moveMyWindow({
-            left:
-              (workArea.left + startPosition - drawerSize) * primaryScaleFactor,
-          });
-          break;
-
-        case 'top':
-          await moveMyWindow({
-            top: (workArea.top + startPosition) * primaryScaleFactor,
-          });
-          break;
-
-        case 'right':
-          await moveMyWindow({
-            left:
-              (workArea.right -
-                visibleArea.width -
-                drawerSize -
-                startPosition) *
-              primaryScaleFactor,
-          });
-          break;
-
-        case 'bottom':
-          await moveMyWindow({
-            top:
-              (workArea.bottom - visibleArea.height - startPosition) *
-              primaryScaleFactor,
-          });
-          break;
-
-        default:
-          break;
-      }
-    } else {
-      const horizontalHeight = getHorizontalToolbarHeight();
-      const drawerHeight = horizontalHeight / scaleFactor;
-
-      switch (Object.keys(offset)[0]) {
-        case 'left':
-          await moveMyWindow({
-            left: (workArea.left + startPosition) * primaryScaleFactor,
-          });
-          break;
-
-        case 'top':
-          await moveMyWindow({
-            top:
-              (workArea.top + startPosition - drawerHeight) *
-              primaryScaleFactor,
-          });
-          break;
-
-        case 'right':
-          await moveMyWindow({
-            left:
-              (workArea.left +
-                workArea.width -
-                visibleArea.width -
-                startPosition) *
-              primaryScaleFactor,
-          });
-          break;
-
-        case 'bottom':
-          await moveMyWindow({
-            top:
-              (workArea.top +
-                workArea.height -
-                visibleArea.height -
-                drawerHeight -
-                startPosition) *
-              primaryScaleFactor,
-          });
-          break;
-
-        default:
-          break;
-      }
-    }
-  });
-}
-
 async function resetWindow() {
   setSetting({ vertical: true });
   windowCenter();
@@ -1009,10 +822,9 @@ export {
   startTutorial,
   escapeHtml,
   getAppIcon,
-  setWindowPosition,
-  setDrawerOpenClasses,
   elementObserver,
   populateSettingsDropdown,
   renderAlert,
   getHorizontalToolbarHeight,
+  getAppState,
 };
diff --git a/js/window-sizing.js b/js/window-sizing.js
index 6bfa406..7651c26 100644
--- a/js/window-sizing.js
+++ b/js/window-sizing.js
@@ -1,56 +1,108 @@
 import { toolbarWidth, toolbarDrawerSize } from './settings.js';
-import { getHorizontalToolbarHeight } from './utils.js';
-
-function observeSizeChange(element, callback) {
-  const resizeObserver = new ResizeObserver((entries) => {
-    for (let entry of entries) {
-      const { width, height, top, left } = entry.contentRect;
-
-      callback(
-        Math.floor(width),
-        Math.floor(height),
-        Math.floor(top),
-        Math.floor(left)
-      );
+import { getAppState, getHorizontalToolbarHeight } from './utils.js';
+import { moveMyWindow, getScaleFactor } from './connect-related.js';
+
+const prevBounds = {
+  top: 0,
+  left: 0,
+  width: 0,
+  height: 0,
+};
+
+let hadOpenLeft = false;
+let hadOpenTop = false;
+let wasExpanded = false;
+
+function getChangedProperties(prevBounds, newBounds) {
+  const diff = {};
+
+  for (const key in newBounds) {
+    if (newBounds[key] !== prevBounds[key]) {
+      diff[key] = newBounds[key];
     }
-  });
-  resizeObserver.observe(element);
+  }
 
-  return resizeObserver;
+  return diff;
 }
 
-function setWindowSize() {
+async function setWindowBounds() {
   const app = document.querySelector('.app');
-  const appClasses = Array.from(app.classList);
-
-  const isVertical = appClasses.includes('vertical');
-  const isExpanded = appClasses.includes('expanded');
-  const hasDrawer = appClasses.includes('has-drawer');
+  const classNames = Array.from(app.classList);
+  const isVertical = classNames.includes('vertical');
+  const isExpanded = classNames.includes('expanded');
+  const hasDrawer = classNames.includes('has-drawer');
+  const isOpenLeft = classNames.includes('open-left');
+  const isOpenTop = classNames.includes('open-top');
 
   const toolbarHeight = getHorizontalToolbarHeight();
   const expandedToolbarWidth = 200;
+  const newBounds = {};
+  const { appBounds, visibleArea } = await getAppState();
+  const scaleFactor = await getScaleFactor();
 
   function setVerticalSize() {
-    const calculatedWidth = hasDrawer ? toolbarDrawerSize.vertical : 0;
+    newBounds.width = hasDrawer
+      ? expandedToolbarWidth + toolbarDrawerSize.vertical
+      : isExpanded
+      ? expandedToolbarWidth
+      : toolbarWidth.vertical;
+    newBounds.height = toolbarHeight;
 
-    app.style.width = isExpanded
-      ? `${expandedToolbarWidth + calculatedWidth}px`
-      : `${toolbarWidth.vertical}px`;
-    app.style.height = `${toolbarHeight}px`;
+    if (isExpanded) {
+      wasExpanded = true;
+      newBounds.left = prevBounds.left;
+    } else {
+      wasExpanded = false;
+    }
+
+    if (isOpenLeft) {
+      hadOpenLeft = true;
+      newBounds.left =
+        appBounds.left - toolbarDrawerSize.vertical / scaleFactor;
+    }
+
+    if (hadOpenLeft && !isOpenLeft) {
+      newBounds.left =
+        appBounds.left + toolbarDrawerSize.vertical / scaleFactor;
+      hadOpenLeft = false;
+    }
   }
 
   function setHorizontalSize() {
-    app.style.width = `${toolbarWidth.horizontal}px`;
-    if (hasDrawer) {
-      app.style.height = `${toolbarHeight}px`;
-    } else if (isExpanded) {
-      app.style.height = '175px';
-    } else {
-      app.style.height = '48px';
+    const horizontalHeight = getHorizontalToolbarHeight() / scaleFactor;
+
+    newBounds.width = toolbarWidth.horizontal;
+    newBounds.height = hasDrawer ? toolbarHeight : isExpanded ? 175 : 48;
+
+    if (isOpenTop) {
+      hadOpenTop = true;
+
+      if (isExpanded && hadOpenTop) {
+        wasExpanded = true;
+        newBounds.top = appBounds.top + visibleArea.height - horizontalHeight;
+      }
+
+      if (wasExpanded && !isExpanded) {
+        wasExpanded = false;
+        newBounds.top = prevBounds.top;
+      }
+    }
+
+    if (hadOpenTop && !isOpenTop) {
+      hadOpenTop = false;
+      newBounds.top = appBounds.top - visibleArea.height + horizontalHeight;
     }
   }
 
   isVertical ? setVerticalSize() : setHorizontalSize();
+
+  const bounds = getChangedProperties(prevBounds, newBounds);
+
+  if (Object.keys(bounds).length === 0) return;
+
+  moveMyWindow(bounds);
+
+  Object.assign(prevBounds, newBounds);
 }
 
-export { observeSizeChange, setWindowSize };
+export { setWindowBounds };
diff --git a/scss/app.css b/scss/app.css
index 607e0cf..eed8137 100644
--- a/scss/app.css
+++ b/scss/app.css
@@ -1 +1 @@
-@keyframes runleft{0%{opacity:0;transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes runright{0%{opacity:0;transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}html.dark .viewport{border:1px solid rgba(255,255,255,.075)}html.dark .toggle-content{background-color:var(--t42-body);border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075);border-right:1px solid rgba(255,255,255,.075);border-left-color:rgba(255,255,255,.075)}html.dark .toggle-content .close-drawer{color:#bbb}html.dark .toggle-content .close-drawer:hover{color:#fff}html.dark .applications-nav::after{background-color:rgba(255,255,255,.075);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.dark .applications-nav:hover::after{background-color:rgba(0,0,0,0)}html.dark .viewport-footer::after{background-color:rgba(255,255,255,.075);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.dark .viewport-footer:hover::after{background-color:rgba(0,0,0,0)}html.dark .favorite::after{background-color:rgba(255,255,255,.075)}html.dark .favorite i{background:#1e1e1e}html.dark .nav .layout-menu-tool{background-color:rgba(var(--t42-bg-light), 0.95)}html.dark .nav .layout-menu-tool li:first-of-type{border-right:1px solid rgba(255,255,255,.05)}html.dark .nav .layout-menu-tool li:hover,html.dark .nav .layout-menu-tool li.hover,html.dark .nav .layout-menu-tool li.active{background-color:rgba(255,255,255,.05);color:#fff}html.dark .nav .nav-link img{transition-property:filter;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;filter:grayscale(100%) brightness(1)}html.dark .nav .nav-link.active img,html.dark .nav .nav-link:hover img{filter:none}html.dark .select:hover{background-color:#252525}html.dark .select_items{border-color:rgba(255,255,255,.075)}html.dark .select_items:hover{border-color:#2080d3}html.dark .select_option{background-color:#1e1e1e}html.dark .select_expand::after{color:#eee}html.dark .select_expand:checked+.select_closeLabel+.select_options .select_label:hover{background-color:#252525}html.dark .horizontal .layout-menu-tool{border:1px solid rgba(255,255,255,.075)}html.dark .horizontal .layout-menu-tool li:first-child{border-bottom:1px solid rgba(255,255,255,.1)}html.dark .folder-content{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%)}html.light .viewport{border:1px solid rgba(219,222,230,.8)}html.light .toggle-content{background-color:#fafafa;border-top:1px solid rgba(219,222,230,.8);border-bottom:1px solid rgba(219,222,230,.8);border-right:1px solid rgba(219,222,230,.8);border-left-color:rgba(219,222,230,.8)}html.light .toggle-content .close-drawer{color:#757575}html.light .toggle-content .close-drawer:hover{color:#0d0d0d}html.light .applications-nav::after{background-color:rgba(219,222,230,.8);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.light .applications-nav:hover::after{background-color:rgba(0,0,0,0)}html.light .viewport-footer::after{background-color:rgba(219,222,230,.8);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.light .viewport-footer:hover::after{background-color:rgba(0,0,0,0)}html.light .favorite::after{background-color:rgba(219,222,230,.8)}html.light .favorite i{background:#fafafa}html.light .nav .layout-menu-tool{background:#fff}html.light .nav .layouts-nav div:first-of-type{border-right:1px solid rgba(219,222,230,.8)}html.light .nav .layouts-nav div:hover,html.light .nav .layouts-nav div.hover,html.light .nav .layouts-nav div.active{background-color:rgba(219,222,230,.8);color:#000}html.light .nav .nav-link img{filter:invert(1)}html.light .nav .nav-link.active img,html.light .nav .nav-link:hover img{filter:invert(1) brightness(1.2)}html.light .select:hover{background-color:#fff}html.light .select_items:hover{border-color:#2080d3}html.light .select_option{background-color:#fafafa}html.light .select_option label{color:#757575}html.light .select_expand::after{color:#2c2c2c}html.light .select_expand:checked+.select_closeLabel+.select_options .select_label:hover{background-color:#f2f2f2;color:#2c2c2c}html.light .horizontal .layout-menu-tool{border:1px solid rgba(219,222,230,.8)}html.light .horizontal .layout-menu-tool li:first-child{border-bottom:1px solid rgba(0,0,0,.075)}html.light .folder-content{background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%)}.nav li.folder{flex-grow:0;overflow:hidden}.nav li.folder .action-menu .icon-size-16{width:1rem}.nav li.folder .action-menu .action-menu-tool .icon-angle-down{margin-right:.188rem}.nav li.folder .action-menu .action-menu-tool .icon-angle-down::before{display:inline-block;transform:rotate(-90deg)}.nav li.folder .action-menu .icon-folder-open-empty{display:none}.nav li.folder .action-menu:hover span:last-of-type{padding-right:0}.nav li.folder .nav-link.action-menu{min-height:3rem;max-height:3rem}.nav li.folder .folder-content{margin-left:5px}.nav li.folder.folder-open{flex-grow:0;flex-basis:auto}.nav li.folder.folder-open>.action-menu .icon-folder-open-empty{display:block}.nav li.folder.folder-open>.action-menu .icon-folder-empty{display:none}.nav li.folder.folder-open>.action-menu .action-menu-tool .icon-angle-down::before{transform:rotate(0)}html body{background-color:rgba(0,0,0,0)}html .loaded{background-color:var(--t42-body)}html .loaded .app{position:relative;top:0;opacity:1}html .app{height:100%;overflow:hidden;opacity:0}html .app.vertical{display:inline-flex}html .app.horizontal{display:flex;flex-direction:column}html .app.switching-orientation *{transition:none !important}html .app.switching-orientation *::before,html .app.switching-orientation *::after{transition:none !important}html .app *:focus{outline:none}html img,html a{user-select:none;-webkit-user-drag:none;-webkit-user-select:none}html .draggable{-webkit-app-region:drag}html .logo{display:flex;align-items:center;width:100%;height:100%;padding:0 1.25em;overflow:hidden}html .logo-icon,html .logo-wordmark{background-size:contain;background-repeat:no-repeat;height:100%}html .logo-icon img,html .logo-wordmark img{width:100%}html .logo-icon{flex-shrink:0;width:2.33em;height:60%}html .logo-wordmark{height:100%}html .logo-wordmark img{height:100%}html .toggle-content{height:100%;width:300px;overflow:hidden;visibility:visible;display:flex;flex-direction:column}html .toggle-content .input-group{flex-wrap:nowrap}html .toggle-content.hide{width:0;border-right:0 solid rgba(0,0,0,0)}html .toggle-content.hide .action-menu-tool{opacity:0}html .toggle-content>.nav{overflow:auto}html .toggle-content h5{white-space:nowrap;padding:0 .063rem}html .toggle-content .close-drawer{transition-property:color;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;font-size:.688rem;margin-left:.125rem;margin-right:.3125rem;cursor:pointer;transform:rotate(90deg)}html .settings-header{position:sticky;top:0;z-index:15;background-color:var(--t42-body)}html .settings-content{display:flex;flex-direction:column;overflow-y:auto}html .settings-content h5{margin:0}html .settings-content>div{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}html .settings-content>div>div{display:flex;justify-content:space-between;align-items:center}html .settings-system-schedule-restart,html .settings-system-schedule-shutdown{align-items:normal !important;justify-content:flex-start !important;gap:.5rem}html .settings-system-schedule-restart .select,html .settings-system-schedule-shutdown .select{margin-bottom:0}html .settings-system-schedule-restart-time,html .settings-system-schedule-shutdown-time{position:relative}html .settings-system-schedule-restart-time::after,html .settings-system-schedule-shutdown-time::after{content:"";position:absolute;top:50%;right:.75rem;font-family:"tick42-icons";color:var(--t42-link-color);transform:translateY(-50%);pointer-events:none}html .settings-system-schedule-restart-period,html .settings-system-schedule-shutdown-period{min-width:7.5em}html .settings-system-schedule-restart-interval,html .settings-system-schedule-shutdown-interval{min-width:6.5em}html .settings-system-schedule-restart-interval .select_items,html .settings-system-schedule-shutdown-interval .select_items{top:auto;bottom:0}html .settings-system-schedule-restart-period{z-index:13}html .form-control.flatpickr-input{height:34px;color:var(--t42-content-color-muted);background-color:var(--t42-input-bg);opacity:1;transition:none}html .form-control.flatpickr-input:hover:not(:disabled){border-color:var(--primary)}html .form-control.flatpickr-input:disabled{background-color:var(--t42-input-disabled-bg);opacity:.65;pointer-events:none}html .flatpickr-calendar{width:10rem;border:1px solid var(--t42-color-opacity-10);border-radius:0;background-color:var(--t42-input-bg);box-shadow:none}html .flatpickr-calendar:hover{border-color:var(--primary)}html .flatpickr-calendar.arrowTop::before,html .flatpickr-calendar.arrowTop::after{content:none}html .flatpickr-calendar.hasTime .flatpickr-time{border-top:none}html .flatpickr-calendar input,html .flatpickr-calendar .flatpickr-am-pm{font-size:inherit;font-weight:inherit !important;border:none !important;color:var(--t42-content-color-muted)}html .flatpickr-calendar input:hover,html .flatpickr-calendar input:focus,html .flatpickr-calendar .flatpickr-am-pm:hover,html .flatpickr-calendar .flatpickr-am-pm:focus{background-color:var(--t42-input-bg)}html .flatpickr-calendar input{padding-right:1rem}html .flatpickr-calendar .flatpickr-am-pm{width:25%}html .flatpickr-calendar .numInputWrapper span{width:1rem;border-color:var(--t42-color-opacity-10)}html .flatpickr-calendar .flatpickr-time span.arrowUp:after{border-bottom-color:var(--t42-content-color)}html .flatpickr-calendar .flatpickr-time span.arrowDown:after{border-top-color:var(--t42-content-color)}html .switch .slider{border-color:rgba(0,0,0,0) !important;border-radius:.5rem;background-color:color-mix(in srgb, var(--secondary), transparent 75%)}html .switch .slider::before{border-radius:50%}html .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:0;transform:translateX(-1rem);overflow:hidden;text-overflow:ellipsis;margin:0 .5rem}html .nav-item.hover .nav-link{border-color:var(--t42-color-opacity-10);color:var(--t42-link-color);background-color:var(--t42-link-hover-bg)}html .nav.nav-tabs{border-bottom:none}html .nav.nav-tabs li{white-space:nowrap;flex-basis:3rem;flex-shrink:0}html .nav.nav-tabs .nav-item{user-select:none;position:relative;display:flex;flex-direction:column}html .nav.nav-tabs .nav-item.is-active .chevron{transform:rotate(180deg)}html .nav.nav-tabs .nav-link{height:auto;border:0;padding-left:14px;flex-grow:1;margin-right:0}html .nav.nav-tabs .nav-link .icon-size-16,html .nav.nav-tabs .nav-link>img,html .nav.nav-tabs .nav-link .title-app,html .nav.nav-tabs .nav-link .title-folder{margin:0 .5rem}html .nav.nav-tabs .nav-link img{transition-property:filter;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .nav.flex-column{flex-wrap:nowrap}html .nav.flex-column .nav-link{margin-bottom:0 !important}html .nav .applications-nav{position:relative;overflow:hidden}html .nav .applications-nav i{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .nav .applications-nav:hover .icon-angle-down,html .nav .applications-nav.active .icon-angle-down{opacity:1}html .nav .favorite{white-space:nowrap;flex-basis:1.25rem !important;user-select:none;overflow:hidden;text-align:center}html .nav .favorite i{position:relative;z-index:20;padding:0 .25rem}html .nav .favorite::after{content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px);bottom:11px}html .nav #favorites>li:not(.nav-item){transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:0;white-space:nowrap}html .nav ul.nav .nav-item .nav-link.active::before,html .nav ul.nav .nav-item .nav-link:hover::before{width:0;height:0}html .nav .action-menu-tool{transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:.65;margin-left:auto}html .nav .action-menu-tool .dropdown-menu{left:auto;right:0;z-index:20}html .nav .action-menu{cursor:pointer;overflow:hidden}html .nav .action-menu .dropdown-menu{min-width:auto}html .nav .action-menu a{text-decoration:none}html .nav .action-menu a:hover{text-decoration:none}html .nav .action-menu span:last-of-type{text-overflow:ellipsis;overflow:hidden;transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .nav .action-menu .add-favorite{padding:0;height:2rem;width:2rem}html .nav .action-menu:hover .action-menu-tool{opacity:1}html .nav .layout-menu-tool{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;display:flex;height:3rem;padding:0;opacity:0;position:absolute;visibility:hidden;width:100%;top:0;z-index:1}html .nav .layout-menu-tool li{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;height:100%;cursor:pointer}html .nav .show-actions{position:relative;flex-shrink:0}html .nav .show-actions:hover i,html .nav .show-actions:hover .text-animation,html .nav .show-actions:hover .action-menu-tool,html .nav .show-actions:hover span,html .nav .show-actions.hover i,html .nav .show-actions.hover .text-animation,html .nav .show-actions.hover .action-menu-tool,html .nav .show-actions.hover span,html .nav .show-actions.active i,html .nav .show-actions.active .text-animation,html .nav .show-actions.active .action-menu-tool,html .nav .show-actions.active span{opacity:0;visibility:hidden}html .nav .show-actions:hover .layout-menu-tool,html .nav .show-actions.hover .layout-menu-tool,html .nav .show-actions.active .layout-menu-tool{opacity:1;visibility:visible}html .nav .show-actions:hover .layout-menu-tool li:first-of-type,html .nav .show-actions.hover .layout-menu-tool li:first-of-type,html .nav .show-actions.active .layout-menu-tool li:first-of-type{animation:runleft 300ms cubic-bezier(0.34, 0.03, 0.13, 0.93)}html .nav .show-actions:hover .layout-menu-tool li:last-of-type,html .nav .show-actions.hover .layout-menu-tool li:last-of-type,html .nav .show-actions.active .layout-menu-tool li:last-of-type{animation:runright 300ms cubic-bezier(0.34, 0.03, 0.13, 0.93)}html .nav-item[client-id] .action-menu,html .nav-item[instrument-id] .action-menu{cursor:initial}html .nav-item[client-id] .second-level .nav-link,html .nav-item[instrument-id] .second-level .nav-link{cursor:pointer}html .viewport{position:relative;z-index:15;border:1px solid rgba(255,255,255,.075);width:60px;user-select:none;transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .viewport .menu{display:flex;align-items:center;gap:.5em;height:100%}html .viewport .menu .icon-window-minimize{font-size:.5rem}html .viewport .menu .dropdown-menu{background-color:rgba(var(--t42-bg-light), 0.95)}html .viewport .viewport-header{position:relative}html .viewport .viewport-header a{text-decoration:none}html .viewport .viewport-header a:hover{text-decoration:none}html .viewport .viewport-header .menu{position:relative}html .viewport .viewport-header .menu .btn-icon{display:flex;align-items:center}html .viewport .viewport-header .dropdown-menu{top:32px;right:0;left:auto}html .viewport .accordion .active-app{position:absolute;left:57px}html .viewport .viewport-footer{position:relative;margin-top:auto}html .viewport .viewport-footer .nav.nav-tabs .nav-link{text-decoration:none}html .viewport .viewport-footer .nav.nav-tabs .nav-link:hover{text-decoration:none}html .viewport .viewport-footer .circle-index{transition-property:transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;align-items:center;background-color:#2080d3;border-radius:50%;display:flex;font-size:.5rem;height:.875rem;justify-content:center;margin-left:.875rem;margin-top:-0.375rem;position:absolute;transform:scale(1);width:.875rem}html .viewport .viewport-footer .circle-index.empty{transform:scale(0)}html .profile-actions .btn{flex:1 1 auto}html .modal.fade{display:block;width:200px;visibility:hidden}html .modal.fade .about-logo{width:2.5rem;overflow:hidden;margin:0 auto}html .modal.fade .modal-fill-in{justify-content:flex-start}html .modal.fade .modal-fill-in .modal-header .close{position:absolute;right:1rem;top:1rem}html .modal.fade.show{visibility:visible}html .active-app{margin-left:-14px}html [layout-name].nav-item.fav-layout i.icon-star-empty-1{display:none}html [layout-name].nav-item:not(.fav-layout) i.icon-star-full{display:none}html [app-name].nav-item.fav-app i.icon-star-empty-1{display:none}html [app-name].nav-item:not(.fav-app) i.icon-star-full{display:none}html .layout-save-alert-wrapper{position:relative}html .layout-save-alert-wrapper .alert{position:absolute;top:0;right:.5rem;left:.5rem;z-index:1;max-height:0;padding:0 4em 0 1em;border-color:rgba(0,0,0,0);opacity:0;transition:all .3s cubic-bezier(0.34, 0.03, 0.13, 0.93)}html .layout-save-alert-wrapper .alert::before{flex-shrink:0}html .layout-save-alert-wrapper .alert.show{max-height:10em;padding:.5em 4em .5em 1em;border-color:var(--t42-color-opacity-10);opacity:1}html .layout-save-input-group .input-control{padding-right:1.25rem}html .layout-save-input-group .input-group-append{position:relative}html .layout-save-input-group .loader-wrapper{position:absolute;inset:0 25%;z-index:10;display:flex;align-items:center;justify-content:center;transform:translateX(-150%)}html .layout-save-input-group .loader{display:none;width:.5em;height:.5em;border-radius:50%;background-color:var(--primary);animation:pulse 1s linear infinite}html .layout-save-input-group .loader.show{display:block}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}html .select::after{content:"";position:absolute;top:50%;right:.75rem;font-family:"tick42-icons";color:var(--t42-link-color);transform:translateY(-50%) rotate(0);transition:transform 250ms cubic-bezier(0.4, 0.25, 0.3, 1);pointer-events:none}html .select:has(.select_expand:checked)::after{transform:translateY(-50%) rotate(180deg)}html .select.disabled{pointer-events:none;opacity:.65}html .select.disabled .select_option{background-color:var(--t42-input-disabled-bg)}html .select_expand::after{display:none}html .select_expand:hover::after{opacity:1}html .select_expand:checked::after{transform:translate(-65%, -55%) rotate(-180deg)}html .select_expandLabel{display:block;width:100%;height:2rem;position:absolute;top:0;left:0;cursor:pointer;margin-bottom:0}html .select_close{display:none}html .select_closeLabel{position:fixed;top:0;left:0;display:none;margin-bottom:0}html .select_input{display:none}html .select_label{transition:all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);display:block;height:0;line-height:2rem;overflow:hidden;cursor:pointer;margin-bottom:0;padding-left:.875rem}html .select_label-placeholder{height:2rem;vertical-align:middle;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0)}html .select_expand:checked+.select_closeLabel{display:block}html .select_expand:checked+.select_closeLabel::before,html .select_expand:checked+.select_closeLabel::after{display:none}html .select_expand:checked+.select_closeLabel+.select_options .select_label{height:2rem}html .select_expand:checked+.select_closeLabel+.select_options+.select_expandLabel{display:none}html .select_input:checked+.select_label{height:2rem}html .select_options{list-style:none;padding-left:0}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px}html .vertical.open-left .toggle-content.hide{width:0px}html .vertical.open-left .toggle-content>div,html .vertical.open-left .toggle-content>.nav{width:auto}html .vertical.open-left .toggle-content h3{padding-right:0}html .vertical.open-left .toggle-content .close-drawer{transform:rotate(-90deg)}html .vertical .viewport>.flex-column{height:100%}html .vertical .menu{max-width:0;opacity:0;transition-property:max-width, opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical .viewport-header{overflow:hidden}html .vertical .viewport-header .logo-wordmark{display:flex;align-items:center;justify-content:center;max-width:0;min-width:0;height:auto;margin-left:0;opacity:0;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical .viewport-header .menu{max-width:0;opacity:0;pointer-events:none;margin-right:0;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical .viewport-header .dropdown-menu{right:-0.75em}html .vertical .favorites-nav{flex-grow:1;overflow:hidden}html .vertical .expand{width:200px}html .vertical .expand .viewport-header{display:flex;align-items:center;justify-content:space-between;overflow:initial}html .vertical .expand .viewport-header .logo-wordmark{max-width:100%;margin-left:.8em;opacity:1}html .vertical .expand .menu{max-width:100%;opacity:1;pointer-events:all;margin-right:.75em}html .vertical .expand .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:1;transform:translateX(0)}html .vertical .expand .favorite{transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:300ms}html .vertical .expand .favorite i{padding:0 .75rem}html .vertical .expand .favorites-nav{overflow-y:auto}html .vertical .expand .nav-link{max-width:200px}html .vertical .expand .accordion .nav .toggle-content{left:200px;display:list-item;transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:50ms}html .vertical .expand .accordion .nav .hide{width:0;transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:50ms}html .vertical .expand #favorites>li:not(.nav-item){opacity:1}html .horizontal.open-top.has-drawer .dropdown-menu{top:auto !important;bottom:100%}html .horizontal.open-top.has-drawer .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}html .horizontal.open-top .viewport{order:1;margin-bottom:0;transition-property:margin-bottom;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:50ms}html .horizontal.open-top .viewport .nav-item .chevron{transform:rotate(-90deg)}html .horizontal.open-top .viewport .nav-item.is-active .chevron{transform:rotate(90deg)}html .horizontal.open-top .toggle-content{border-top:1px solid rgba(255,255,255,.075);border-bottom:0}html .horizontal.open-top .toggle-content.hide{border-top:0}html .horizontal.open-top .toggle-content h3{padding-right:.25rem}html .horizontal.open-top .toggle-content .close-drawer{transform:rotate(0);margin:.25rem 0 0 0}html .horizontal{width:100%;justify-content:flex-start}html .horizontal .viewport{display:flex;width:100%;z-index:20}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:auto;overflow-y:hidden}html .horizontal .viewport .logo-wordmark{display:none}html .horizontal .viewport .viewport-header{position:static}html .horizontal .viewport .viewport-header .menu{position:absolute;top:50%;right:0;z-index:1;padding:0 .5em;background-color:var(--t42-body);transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{top:100%;border:none;background-color:var(--t42-body)}html .horizontal .viewport .app-active::before{transition-property:width, left, right;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;width:23px;height:3px;top:unset;right:30%;bottom:0;left:30%}html .horizontal .viewport .app-active:hover::before{top:unset;width:100%;left:0}html .horizontal .viewport .layout-active::before{transition-property:width, left, right;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;width:23px;height:3px;top:unset;right:30%;bottom:0;left:30%}html .horizontal .viewport .layout-active:hover::before{top:unset;width:100%;left:0}html .horizontal .viewport .nav-item .chevron{transform:rotate(90deg)}html .horizontal .viewport .nav-item.is-active .chevron{transform:rotate(-90deg)}html .horizontal .viewport .nav .applications-nav::before,html .horizontal .viewport .nav .favorite::after,html .horizontal .viewport .nav .viewport-footer:before{left:0;width:1px;height:calc(100% - 16px);top:8px}html .horizontal .viewport .nav .favorite::after{left:.563rem}html .horizontal .viewport .nav .favorite{height:3rem}html .horizontal .viewport .nav .favorite i{padding:.25rem 0;top:1rem}html .horizontal .viewport .nav .show-actions{overflow:hidden}html .horizontal .viewport .nav .show-actions:hover,html .horizontal .viewport .nav .show-actions.hover,html .horizontal .viewport .nav .show-actions.active{overflow:visible}html .horizontal .viewport .nav .show-actions:hover i,html .horizontal .viewport .nav .show-actions:hover .text-animation,html .horizontal .viewport .nav .show-actions:hover .action-menu-tool,html .horizontal .viewport .nav .show-actions:hover span,html .horizontal .viewport .nav .show-actions.hover i,html .horizontal .viewport .nav .show-actions.hover .text-animation,html .horizontal .viewport .nav .show-actions.hover .action-menu-tool,html .horizontal .viewport .nav .show-actions.hover span,html .horizontal .viewport .nav .show-actions.active i,html .horizontal .viewport .nav .show-actions.active .text-animation,html .horizontal .viewport .nav .show-actions.active .action-menu-tool,html .horizontal .viewport .nav .show-actions.active span{opacity:1;visibility:visible}html .horizontal .viewport .nav .show-actions:hover .layouts-nav .icon-size-16,html .horizontal .viewport .nav .show-actions.hover .layouts-nav .icon-size-16,html .horizontal .viewport .nav .show-actions.active .layouts-nav .icon-size-16{opacity:1;visibility:visible}html .horizontal .viewport .nav .show-actions:hover .layout-menu-tool li:first-of-type,html .horizontal .viewport .nav .show-actions.hover .layout-menu-tool li:first-of-type,html .horizontal .viewport .nav .show-actions.active .layout-menu-tool li:first-of-type{animation:none;border-right:0}html .horizontal .viewport .nav .show-actions:hover .layout-menu-tool li:last-of-type,html .horizontal .viewport .nav .show-actions.hover .layout-menu-tool li:last-of-type,html .horizontal .viewport .nav .show-actions.active .layout-menu-tool li:last-of-type{animation:none}html .horizontal .viewport .favorites-nav{flex-wrap:nowrap}html .horizontal .viewport .nav-tabs{height:100%}html .horizontal .viewport .nav-tabs li{flex-basis:59px;width:60px}html .horizontal .viewport .nav-tabs li.favorites-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.favorites-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.favorites-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.favorites-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.favorites-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.favorites-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav:hover .layout-active::before{height:2px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.favorites-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.favorites-nav .nav .nav-item .text-animation:hover{display:none}html .horizontal .viewport .nav-tabs .nav-item{transition-property:flex-basis;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .horizontal .viewport .nav-tabs .nav-item.hover,html .horizontal .viewport .nav-tabs .nav-item:hover{flex-basis:11rem}html .horizontal .viewport .nav-tabs .nav-item.hover .nav-link .text-animation,html .horizontal .viewport .nav-tabs .nav-item:hover .nav-link .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:100ms;opacity:1;transform:translateX(0)}html .horizontal .viewport .nav-tabs .nav-item .nav-link.active::before{bottom:0}html .horizontal .viewport .nav-tabs .nav-item .nav-link.active .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:100ms;opacity:0;transform:translateX(0)}html .horizontal .viewport .nav-tabs .nav-item .nav-link.active:hover .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:100ms;opacity:1;transform:translateX(0)}html .horizontal .viewport .nav-tabs .layout-menu-tool{top:100%;flex-direction:column;height:6rem;border:none;background-color:var(--t42-body)}html .horizontal .viewport .nav-tabs .layout-menu-tool li{width:100%;flex:0 1 auto}html .horizontal .viewport .nav-tabs .layout-menu-tool li:hover,html .horizontal .viewport .nav-tabs .layout-menu-tool li.hover,html .horizontal .viewport .nav-tabs .layout-menu-tool li.active{flex:0 1 auto}html .horizontal .viewport .nav-tabs.expand .menu{display:flex}html .horizontal .viewport .nav-tabs .viewport-footer{margin-top:initial;margin-left:auto;overflow-x:clip}html .horizontal .toggle-content{width:100%;max-height:1000px;border-top:0 solid rgba(0,0,0,0);border-left-width:1px;border-left-style:solid;transition-property:max-height;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .horizontal .toggle-content>.nav,html .horizontal .toggle-content>div{width:100%}html .horizontal .toggle-content:not(#app-content){height:100%}html .horizontal .toggle-content.hide{width:100%;max-height:0;border-bottom:0 solid rgba(0,0,0,0)}html .horizontal .close-drawer{transform:rotate(180deg);margin-left:0;margin-bottom:.375rem}.app-active{position:relative;background-color:rgba(255,255,255,.025)}.app-active::before{content:"";width:3px;position:absolute;top:30%;bottom:30%;left:0;background-color:#2080d3;transition:top .3s cubic-bezier(0.34, 0.03, 0.13, 0.93),bottom .3s cubic-bezier(0.34, 0.03, 0.13, 0.93)}.app-active:hover::before{top:0;bottom:0}.layout-active{position:relative;background-color:rgba(255,255,255,.025)}.layout-active::before{content:"";width:3px;position:absolute;top:30%;bottom:30%;left:0;background-color:#2080d3;transition:top .3s cubic-bezier(0.34, 0.03, 0.13, 0.93),bottom .3s cubic-bezier(0.34, 0.03, 0.13, 0.93)}.layout-active:hover::before{top:0;bottom:0}/*# sourceMappingURL=app.css.map */
+@keyframes runleft{0%{opacity:0;transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes runright{0%{opacity:0;transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}html.dark .viewport{border:1px solid rgba(255,255,255,.075)}html.dark .toggle-content{background-color:var(--t42-body);border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075);border-right:1px solid rgba(255,255,255,.075);border-left-color:rgba(255,255,255,.075)}html.dark .toggle-content .close-drawer{color:#bbb}html.dark .toggle-content .close-drawer:hover{color:#fff}html.dark .applications-nav::after{background-color:rgba(255,255,255,.075);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.dark .applications-nav:hover::after{background-color:rgba(0,0,0,0)}html.dark .viewport-footer::after{background-color:rgba(255,255,255,.075);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.dark .viewport-footer:hover::after{background-color:rgba(0,0,0,0)}html.dark .favorite::after{background-color:rgba(255,255,255,.075)}html.dark .favorite i{background:#1e1e1e}html.dark .nav .layout-menu-tool{background-color:rgba(var(--t42-bg-light), 0.95)}html.dark .nav .layout-menu-tool li:first-of-type{border-right:1px solid rgba(255,255,255,.05)}html.dark .nav .layout-menu-tool li:hover,html.dark .nav .layout-menu-tool li.hover,html.dark .nav .layout-menu-tool li.active{background-color:rgba(255,255,255,.05);color:#fff}html.dark .nav .nav-link img{transition-property:filter;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;filter:grayscale(100%) brightness(1)}html.dark .nav .nav-link.active img,html.dark .nav .nav-link:hover img{filter:none}html.dark .select:hover{background-color:#252525}html.dark .select_items{border-color:rgba(255,255,255,.075)}html.dark .select_items:hover{border-color:#2080d3}html.dark .select_option{background-color:#1e1e1e}html.dark .select_expand::after{color:#eee}html.dark .select_expand:checked+.select_closeLabel+.select_options .select_label:hover{background-color:#252525}html.dark .horizontal .layout-menu-tool{border:1px solid rgba(255,255,255,.075)}html.dark .horizontal .layout-menu-tool li:first-child{border-bottom:1px solid rgba(255,255,255,.1)}html.dark .folder-content{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%)}html.light .viewport{border:1px solid rgba(219,222,230,.8)}html.light .toggle-content{background-color:#fafafa;border-top:1px solid rgba(219,222,230,.8);border-bottom:1px solid rgba(219,222,230,.8);border-right:1px solid rgba(219,222,230,.8);border-left-color:rgba(219,222,230,.8)}html.light .toggle-content .close-drawer{color:#757575}html.light .toggle-content .close-drawer:hover{color:#0d0d0d}html.light .applications-nav::after{background-color:rgba(219,222,230,.8);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.light .applications-nav:hover::after{background-color:rgba(0,0,0,0)}html.light .viewport-footer::after{background-color:rgba(219,222,230,.8);content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px)}html.light .viewport-footer:hover::after{background-color:rgba(0,0,0,0)}html.light .favorite::after{background-color:rgba(219,222,230,.8)}html.light .favorite i{background:#fafafa}html.light .nav .layout-menu-tool{background:#fff}html.light .nav .layouts-nav div:first-of-type{border-right:1px solid rgba(219,222,230,.8)}html.light .nav .layouts-nav div:hover,html.light .nav .layouts-nav div.hover,html.light .nav .layouts-nav div.active{background-color:rgba(219,222,230,.8);color:#000}html.light .nav .nav-link img{filter:invert(1)}html.light .nav .nav-link.active img,html.light .nav .nav-link:hover img{filter:invert(1) brightness(1.2)}html.light .select:hover{background-color:#fff}html.light .select_items:hover{border-color:#2080d3}html.light .select_option{background-color:#fafafa}html.light .select_option label{color:#757575}html.light .select_expand::after{color:#2c2c2c}html.light .select_expand:checked+.select_closeLabel+.select_options .select_label:hover{background-color:#f2f2f2;color:#2c2c2c}html.light .horizontal .layout-menu-tool{border:1px solid rgba(219,222,230,.8)}html.light .horizontal .layout-menu-tool li:first-child{border-bottom:1px solid rgba(0,0,0,.075)}html.light .folder-content{background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%)}.nav li.folder{flex-grow:0;overflow:hidden}.nav li.folder .action-menu .icon-size-16{width:1rem}.nav li.folder .action-menu .action-menu-tool .icon-angle-down{margin-right:.188rem}.nav li.folder .action-menu .action-menu-tool .icon-angle-down::before{display:inline-block;transform:rotate(-90deg)}.nav li.folder .action-menu .icon-folder-open-empty{display:none}.nav li.folder .action-menu:hover span:last-of-type{padding-right:0}.nav li.folder .nav-link.action-menu{min-height:3rem;max-height:3rem}.nav li.folder .folder-content{margin-left:5px}.nav li.folder.folder-open{flex-grow:0;flex-basis:auto}.nav li.folder.folder-open>.action-menu .icon-folder-open-empty{display:block}.nav li.folder.folder-open>.action-menu .icon-folder-empty{display:none}.nav li.folder.folder-open>.action-menu .action-menu-tool .icon-angle-down::before{transform:rotate(0)}html body{background-color:rgba(0,0,0,0)}html .loaded{background-color:var(--t42-body)}html .loaded .app{position:relative;top:0;height:100vh;opacity:1}html .app{height:100%;overflow:hidden;opacity:0}html .app.vertical{display:inline-flex}html .app.horizontal{display:flex;flex-direction:column}html .app.switching-orientation *{transition:none !important}html .app.switching-orientation *::before,html .app.switching-orientation *::after{transition:none !important}html .app *:focus{outline:none}html img,html a{user-select:none;-webkit-user-drag:none;-webkit-user-select:none}html .draggable{-webkit-app-region:drag}html .logo{display:flex;align-items:center;width:100%;height:100%;padding:0 1.25em;overflow:hidden}html .logo-icon,html .logo-wordmark{background-size:contain;background-repeat:no-repeat;height:100%}html .logo-icon img,html .logo-wordmark img{width:100%}html .logo-icon{flex-shrink:0;width:2.33em;height:60%}html .logo-wordmark{height:100%}html .logo-wordmark img{height:100%}html .toggle-content{height:100%;width:300px;overflow:hidden;visibility:visible;display:flex;flex-direction:column}html .toggle-content .input-group{flex-wrap:nowrap}html .toggle-content.hide{width:0;border-right:0 solid rgba(0,0,0,0)}html .toggle-content.hide .action-menu-tool{opacity:0}html .toggle-content>.nav{overflow:auto}html .toggle-content h5{white-space:nowrap;padding:0 .063rem}html .toggle-content .close-drawer{transition-property:color;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;font-size:.688rem;margin-left:.125rem;margin-right:.3125rem;cursor:pointer;transform:rotate(90deg)}html .settings-header{position:sticky;top:0;z-index:15;background-color:var(--t42-body)}html .settings-content{display:flex;flex-direction:column;overflow-y:auto}html .settings-content h5{margin:0}html .settings-content>div{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}html .settings-content>div>div{display:flex;justify-content:space-between;align-items:center}html .settings-system-schedule-restart,html .settings-system-schedule-shutdown{align-items:normal !important;justify-content:flex-start !important;gap:.5rem}html .settings-system-schedule-restart .select,html .settings-system-schedule-shutdown .select{margin-bottom:0}html .settings-system-schedule-restart-time,html .settings-system-schedule-shutdown-time{position:relative}html .settings-system-schedule-restart-time::after,html .settings-system-schedule-shutdown-time::after{content:"";position:absolute;top:50%;right:.75rem;font-family:"tick42-icons";color:var(--t42-link-color);transform:translateY(-50%);pointer-events:none}html .settings-system-schedule-restart-period,html .settings-system-schedule-shutdown-period{min-width:7.5em}html .settings-system-schedule-restart-interval,html .settings-system-schedule-shutdown-interval{min-width:6.5em}html .settings-system-schedule-restart-interval .select_items,html .settings-system-schedule-shutdown-interval .select_items{top:auto;bottom:0}html .settings-system-schedule-restart-period{z-index:13}html .form-control.flatpickr-input{height:34px;color:var(--t42-content-color-muted);background-color:var(--t42-input-bg);opacity:1;transition:none}html .form-control.flatpickr-input:hover:not(:disabled){border-color:var(--primary)}html .form-control.flatpickr-input:disabled{background-color:var(--t42-input-disabled-bg);opacity:.65;pointer-events:none}html .flatpickr-calendar{width:10rem;border:1px solid var(--t42-color-opacity-10);border-radius:0;background-color:var(--t42-input-bg);box-shadow:none}html .flatpickr-calendar:hover{border-color:var(--primary)}html .flatpickr-calendar.arrowTop::before,html .flatpickr-calendar.arrowTop::after{content:none}html .flatpickr-calendar.hasTime .flatpickr-time{border-top:none}html .flatpickr-calendar input,html .flatpickr-calendar .flatpickr-am-pm{font-size:inherit;font-weight:inherit !important;border:none !important;color:var(--t42-content-color-muted)}html .flatpickr-calendar input:hover,html .flatpickr-calendar input:focus,html .flatpickr-calendar .flatpickr-am-pm:hover,html .flatpickr-calendar .flatpickr-am-pm:focus{background-color:var(--t42-input-bg)}html .flatpickr-calendar input{padding-right:1rem}html .flatpickr-calendar .flatpickr-am-pm{width:25%}html .flatpickr-calendar .numInputWrapper span{width:1rem;border-color:var(--t42-color-opacity-10)}html .flatpickr-calendar .flatpickr-time span.arrowUp:after{border-bottom-color:var(--t42-content-color)}html .flatpickr-calendar .flatpickr-time span.arrowDown:after{border-top-color:var(--t42-content-color)}html .switch .slider{border-color:rgba(0,0,0,0) !important;border-radius:.5rem;background-color:color-mix(in srgb, var(--secondary), transparent 75%)}html .switch .slider::before{border-radius:50%}html .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:0;transform:translateX(-1rem);overflow:hidden;text-overflow:ellipsis;margin:0 .5rem}html .nav-item.hover .nav-link{border-color:var(--t42-color-opacity-10);color:var(--t42-link-color);background-color:var(--t42-link-hover-bg)}html .nav.nav-tabs{border-bottom:none}html .nav.nav-tabs li{white-space:nowrap;flex-basis:3rem;flex-shrink:0}html .nav.nav-tabs .nav-item{user-select:none;position:relative;display:flex;flex-direction:column}html .nav.nav-tabs .nav-item.is-active .chevron{transform:rotate(180deg)}html .nav.nav-tabs .nav-link{height:auto;border:0;padding-left:14px;flex-grow:1;margin-right:0}html .nav.nav-tabs .nav-link .icon-size-16,html .nav.nav-tabs .nav-link>img,html .nav.nav-tabs .nav-link .title-app,html .nav.nav-tabs .nav-link .title-folder{margin:0 .5rem}html .nav.nav-tabs .nav-link img{transition-property:filter;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .nav.flex-column{flex-wrap:nowrap}html .nav.flex-column .nav-link{margin-bottom:0 !important}html .nav .applications-nav{position:relative;overflow:hidden}html .nav .applications-nav i{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .nav .applications-nav:hover .icon-angle-down,html .nav .applications-nav.active .icon-angle-down{opacity:1}html .nav .favorite{white-space:nowrap;flex-basis:1.25rem !important;user-select:none;overflow:hidden;text-align:center}html .nav .favorite i{position:relative;z-index:20;padding:0 .25rem}html .nav .favorite::after{content:"";height:1px;left:8px;position:absolute;width:calc(100% - 16px);bottom:11px}html .nav #favorites>li:not(.nav-item){transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:0;white-space:nowrap}html .nav ul.nav .nav-item .nav-link.active::before,html .nav ul.nav .nav-item .nav-link:hover::before{width:0;height:0}html .nav .action-menu-tool{transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:.65;margin-left:auto}html .nav .action-menu-tool .dropdown-menu{left:auto;right:0;z-index:20}html .nav .action-menu{cursor:pointer;overflow:hidden}html .nav .action-menu .dropdown-menu{min-width:auto}html .nav .action-menu a{text-decoration:none}html .nav .action-menu a:hover{text-decoration:none}html .nav .action-menu span:last-of-type{text-overflow:ellipsis;overflow:hidden;transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .nav .action-menu .add-favorite{padding:0;height:2rem;width:2rem}html .nav .action-menu:hover .action-menu-tool{opacity:1}html .nav .layout-menu-tool{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;display:flex;height:3rem;padding:0;opacity:0;position:absolute;visibility:hidden;width:100%;top:0;z-index:1}html .nav .layout-menu-tool li{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;height:100%;cursor:pointer}html .nav .show-actions:hover i,html .nav .show-actions:hover .text-animation,html .nav .show-actions:hover .action-menu-tool,html .nav .show-actions:hover span,html .nav .show-actions.hover i,html .nav .show-actions.hover .text-animation,html .nav .show-actions.hover .action-menu-tool,html .nav .show-actions.hover span,html .nav .show-actions.active i,html .nav .show-actions.active .text-animation,html .nav .show-actions.active .action-menu-tool,html .nav .show-actions.active span{opacity:0;visibility:hidden}html .nav .show-actions:hover .layout-menu-tool,html .nav .show-actions.hover .layout-menu-tool,html .nav .show-actions.active .layout-menu-tool{opacity:1;visibility:visible}html .nav .show-actions:hover .layout-menu-tool li:first-of-type,html .nav .show-actions.hover .layout-menu-tool li:first-of-type,html .nav .show-actions.active .layout-menu-tool li:first-of-type{animation:runleft 300ms cubic-bezier(0.34, 0.03, 0.13, 0.93)}html .nav .show-actions:hover .layout-menu-tool li:last-of-type,html .nav .show-actions.hover .layout-menu-tool li:last-of-type,html .nav .show-actions.active .layout-menu-tool li:last-of-type{animation:runright 300ms cubic-bezier(0.34, 0.03, 0.13, 0.93)}html .nav-item[client-id] .action-menu,html .nav-item[instrument-id] .action-menu{cursor:initial}html .nav-item[client-id] .second-level .nav-link,html .nav-item[instrument-id] .second-level .nav-link{cursor:pointer}html .viewport{position:relative;z-index:15;border:1px solid rgba(255,255,255,.075);width:60px;user-select:none;transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .viewport .menu{display:flex;align-items:center;gap:.5em;height:100%}html .viewport .menu .icon-window-minimize{font-size:.5rem}html .viewport .menu .dropdown-menu{background-color:rgba(var(--t42-bg-light), 0.95)}html .viewport .viewport-header{position:relative}html .viewport .viewport-header a{text-decoration:none}html .viewport .viewport-header a:hover{text-decoration:none}html .viewport .viewport-header .menu{position:relative}html .viewport .viewport-header .menu .btn-icon{display:flex;align-items:center}html .viewport .viewport-header .dropdown-menu{top:100%;right:0;left:auto}html .viewport .accordion .active-app{position:absolute;left:57px}html .viewport .viewport-footer{position:relative;margin-top:auto}html .viewport .viewport-footer .nav.nav-tabs .nav-link{text-decoration:none}html .viewport .viewport-footer .nav.nav-tabs .nav-link:hover{text-decoration:none}html .viewport .viewport-footer .circle-index{transition-property:transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;align-items:center;background-color:#2080d3;border-radius:50%;display:flex;font-size:.5rem;height:.875rem;justify-content:center;margin-left:.875rem;margin-top:-0.375rem;position:absolute;transform:scale(1);width:.875rem}html .viewport .viewport-footer .circle-index.empty{transform:scale(0)}html .profile-actions .btn{flex:1 1 auto}html .modal.fade{display:block;width:200px;visibility:hidden}html .modal.fade .about-logo{width:2.5rem;overflow:hidden;margin:0 auto}html .modal.fade .modal-fill-in{justify-content:flex-start}html .modal.fade .modal-fill-in .modal-header .close{position:absolute;right:1rem;top:1rem}html .modal.fade.show{visibility:visible}html .active-app{margin-left:-14px}html [layout-name].nav-item.fav-layout i.icon-star-empty-1{display:none}html [layout-name].nav-item:not(.fav-layout) i.icon-star-full{display:none}html [app-name].nav-item.fav-app i.icon-star-empty-1{display:none}html [app-name].nav-item:not(.fav-app) i.icon-star-full{display:none}html .layout-save-alert-wrapper{position:relative}html .layout-save-alert-wrapper .alert{position:absolute;top:0;right:.5rem;left:.5rem;z-index:1;max-height:0;padding:0 4em 0 1em;border-color:rgba(0,0,0,0);opacity:0;transition:all .3s cubic-bezier(0.34, 0.03, 0.13, 0.93)}html .layout-save-alert-wrapper .alert::before{flex-shrink:0}html .layout-save-alert-wrapper .alert.show{max-height:10em;padding:.5em 4em .5em 1em;border-color:var(--t42-color-opacity-10);opacity:1}html .layout-save-input-group .input-control{padding-right:1.25rem}html .layout-save-input-group .input-group-append{position:relative}html .layout-save-input-group .loader-wrapper{position:absolute;inset:0 25%;z-index:10;display:flex;align-items:center;justify-content:center;transform:translateX(-150%)}html .layout-save-input-group .loader{display:none;width:.5em;height:.5em;border-radius:50%;background-color:var(--primary);animation:pulse 1s linear infinite}html .layout-save-input-group .loader.show{display:block}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}html .select::after{content:"";position:absolute;top:50%;right:.75rem;font-family:"tick42-icons";color:var(--t42-link-color);transform:translateY(-50%) rotate(0);transition:transform 250ms cubic-bezier(0.4, 0.25, 0.3, 1);pointer-events:none}html .select:has(.select_expand:checked)::after{transform:translateY(-50%) rotate(180deg)}html .select.disabled{pointer-events:none;opacity:.65}html .select.disabled .select_option{background-color:var(--t42-input-disabled-bg)}html .select_expand::after{display:none}html .select_expand:hover::after{opacity:1}html .select_expand:checked::after{transform:translate(-65%, -55%) rotate(-180deg)}html .select_expandLabel{display:block;width:100%;height:2rem;position:absolute;top:0;left:0;cursor:pointer;margin-bottom:0}html .select_close{display:none}html .select_closeLabel{position:fixed;top:0;left:0;display:none;margin-bottom:0}html .select_input{display:none}html .select_label{transition:all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);display:block;height:0;line-height:2rem;overflow:hidden;cursor:pointer;margin-bottom:0;padding-left:.875rem}html .select_label-placeholder{height:2rem;vertical-align:middle;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0)}html .select_expand:checked+.select_closeLabel{display:block}html .select_expand:checked+.select_closeLabel::before,html .select_expand:checked+.select_closeLabel::after{display:none}html .select_expand:checked+.select_closeLabel+.select_options .select_label{height:2rem}html .select_expand:checked+.select_closeLabel+.select_options+.select_expandLabel{display:none}html .select_input:checked+.select_label{height:2rem}html .select_options{list-style:none;padding-left:0}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px}html .vertical.open-left .toggle-content.hide{width:0px}html .vertical.open-left .toggle-content>div,html .vertical.open-left .toggle-content>.nav{width:auto}html .vertical.open-left .toggle-content h3{padding-right:0}html .vertical.open-left .toggle-content .close-drawer{transform:rotate(-90deg)}html .vertical .viewport>.flex-column{height:100%}html .vertical .menu{max-width:0;opacity:0;transition-property:max-width, opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical .viewport-header{overflow:hidden}html .vertical .viewport-header .logo-wordmark{display:flex;align-items:center;justify-content:center;max-width:0;min-width:0;height:auto;margin-left:0;opacity:0;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical .viewport-header .menu{pointer-events:none;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical .favorites-nav{flex-grow:1;overflow:hidden}html .vertical .expand{width:200px}html .vertical .expand .viewport-header{display:flex;align-items:center;justify-content:space-between;overflow:initial}html .vertical .expand .viewport-header .logo-wordmark{max-width:100%;margin-left:.8em;opacity:1}html .vertical .expand .menu{max-width:100%;padding-right:.75em;opacity:1;pointer-events:all}html .vertical .expand .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;opacity:1;transform:translateX(0)}html .vertical .expand .favorite{transition-property:opacity;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:300ms}html .vertical .expand .favorite i{padding:0 .75rem}html .vertical .expand .favorites-nav{overflow-y:auto}html .vertical .expand .nav-link{max-width:200px}html .vertical .expand .accordion .nav .toggle-content{left:200px;display:list-item;transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:50ms}html .vertical .expand .accordion .nav .hide{width:0;transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:50ms}html .vertical .expand #favorites>li:not(.nav-item){opacity:1}html .horizontal.open-top.has-drawer .dropdown-menu{top:auto !important;bottom:100%}html .horizontal.open-top .viewport{order:1;margin-bottom:0;transition-property:margin-bottom;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:50ms}html .horizontal.open-top .viewport .nav-item .chevron{transform:rotate(-90deg)}html .horizontal.open-top .viewport .nav-item.is-active .chevron{transform:rotate(90deg)}html .horizontal.open-top .toggle-content{border-top:1px solid rgba(255,255,255,.075);border-bottom:0}html .horizontal.open-top .toggle-content.hide{border-top:0}html .horizontal.open-top .toggle-content h3{padding-right:.25rem}html .horizontal.open-top .toggle-content .close-drawer{transform:rotate(0);margin:.25rem 0 0 0}html .horizontal{width:100%;justify-content:flex-start}html .horizontal .viewport{top:0;display:flex;width:100%;z-index:20}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:auto;overflow-y:hidden}html .horizontal .viewport .logo-wordmark{display:none}html .horizontal .viewport .viewport-header{position:static}html .horizontal .viewport .viewport-header .menu{position:absolute;top:50%;right:0;z-index:1;padding:0 .5em;background-color:var(--t42-body);transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{border:none;background-color:var(--t42-body)}html .horizontal .viewport .app-active::before{transition-property:width, left, right;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;width:23px;height:3px;top:unset;right:30%;bottom:0;left:30%}html .horizontal .viewport .app-active:hover::before{top:unset;width:100%;left:0}html .horizontal .viewport .layout-active::before{transition-property:width, left, right;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;width:23px;height:3px;top:unset;right:30%;bottom:0;left:30%}html .horizontal .viewport .layout-active:hover::before{top:unset;width:100%;left:0}html .horizontal .viewport .nav-item .chevron{transform:rotate(90deg)}html .horizontal .viewport .nav-item.is-active .chevron{transform:rotate(-90deg)}html .horizontal .viewport .nav .applications-nav::before,html .horizontal .viewport .nav .favorite::after,html .horizontal .viewport .nav .viewport-footer:before{left:0;width:1px;height:calc(100% - 16px);top:8px}html .horizontal .viewport .nav .favorite::after{left:.563rem}html .horizontal .viewport .nav .favorite{height:3rem}html .horizontal .viewport .nav .favorite i{padding:.25rem 0;top:1rem}html .horizontal .viewport .favorites-nav{flex-wrap:nowrap}html .horizontal .viewport .nav-tabs{height:100%}html .horizontal .viewport .nav-tabs li{flex-basis:59px;width:60px;height:3rem}html .horizontal .viewport .nav-tabs li.favorites-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.favorites-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.favorites-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.favorites-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.favorites-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.favorites-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav:hover .layout-active::before{height:2px}html .horizontal .viewport .nav-tabs li.favorites-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.favorites-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.favorites-nav .nav .nav-item .text-animation:hover{display:none}html .horizontal .viewport .nav-tabs .nav-item{transition-property:flex-basis;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .horizontal .viewport .nav-tabs .nav-item.is-active,html .horizontal .viewport .nav-tabs .nav-item.hover,html .horizontal .viewport .nav-tabs .nav-item:hover{flex-basis:11rem}html .horizontal .viewport .nav-tabs .nav-item.is-active .nav-link .text-animation,html .horizontal .viewport .nav-tabs .nav-item.hover .nav-link .text-animation,html .horizontal .viewport .nav-tabs .nav-item:hover .nav-link .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:100ms;opacity:1;transform:translateX(0)}html .horizontal .viewport .nav-tabs .nav-item .nav-link.active::before{bottom:0}html .horizontal .viewport .nav-tabs .nav-item .nav-link.active .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:100ms;opacity:0;transform:translateX(0)}html .horizontal .viewport .nav-tabs .nav-item .nav-link.active:hover .text-animation{transition-property:opacity, transform;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:100ms;opacity:1;transform:translateX(0)}html .horizontal .viewport .nav-tabs .layout-menu-tool li{width:100%;flex:0 1 auto}html .horizontal .viewport .nav-tabs .layout-menu-tool li:hover,html .horizontal .viewport .nav-tabs .layout-menu-tool li.hover,html .horizontal .viewport .nav-tabs .layout-menu-tool li.active{flex:0 1 auto}html .horizontal .viewport .nav-tabs.expand .menu{display:flex}html .horizontal .viewport .nav-tabs .viewport-footer{margin-top:initial;margin-left:auto;overflow-x:clip}html .horizontal .toggle-content{width:100%;max-height:1000px;border-top:0 solid rgba(0,0,0,0);border-left-width:1px;border-left-style:solid;transition-property:max-height;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .horizontal .toggle-content>.nav,html .horizontal .toggle-content>div{width:100%}html .horizontal .toggle-content:not(#app-content){height:100%}html .horizontal .toggle-content.hide{width:100%;max-height:0;border-bottom:0 solid rgba(0,0,0,0)}html .horizontal .close-drawer{transform:rotate(180deg);margin-left:0;margin-bottom:.375rem}.app-active{position:relative;background-color:rgba(255,255,255,.025)}.app-active::before{content:"";width:3px;position:absolute;top:30%;bottom:30%;left:0;background-color:#2080d3;transition:top .3s cubic-bezier(0.34, 0.03, 0.13, 0.93),bottom .3s cubic-bezier(0.34, 0.03, 0.13, 0.93)}.app-active:hover::before{top:0;bottom:0}.layout-active{position:relative;background-color:rgba(255,255,255,.025)}.layout-active::before{content:"";width:3px;position:absolute;top:30%;bottom:30%;left:0;background-color:#2080d3;transition:top .3s cubic-bezier(0.34, 0.03, 0.13, 0.93),bottom .3s cubic-bezier(0.34, 0.03, 0.13, 0.93)}.layout-active:hover::before{top:0;bottom:0}/*# sourceMappingURL=app.css.map */
diff --git a/scss/app.css.map b/scss/app.css.map
index b1d6629..f81abe1 100644
--- a/scss/app.css.map
+++ b/scss/app.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["mixin.scss","color.scss","folders.scss","app.scss","select.scss","left.scss","vertical.scss","top.scss","horizontal.scss"],"names":[],"mappings":"CAgFE,mBACE,GACE,UACA,2BAGF,KACE,UACA,yBAIJ,oBACE,GACE,UACA,4BAGF,KACE,UACA,yBClGJ,oBACE,wCAGF,0BACE,iCACA,4CACA,+CACA,8CACA,yCAEA,wCACE,WAEA,8CACE,WDPJ,mCAEI,wCAKF,WACA,WACA,SACA,kBACA,wBAIA,yCACE,+BAhBJ,kCAEI,wCAKF,WACA,WACA,SACA,kBACA,wBAIA,wCACE,+BCKJ,2BACE,wCAGF,sBACE,mBAKF,iCACE,iDAGE,kDACE,6CAGF,+HAGE,uCACA,WAMJ,6BDpBF,2BACA,0BACA,gEACA,qBCmBI,qCAKA,uEACE,YAON,wBACE,yBAGF,wBACE,oCAEA,8BACE,qBAIJ,yBACE,yBAIA,gCACE,WAIA,wFACE,yBAON,wCACE,wCAEA,uDACE,6CAMN,0BACE,6FASF,qBACE,sCAGF,2BACE,yBACA,0CACA,6CACA,4CACA,uCAEA,yCACE,cAEA,+CACE,cDjIJ,oCAII,sCAGF,WACA,WACA,SACA,kBACA,wBAIA,0CACE,+BAhBJ,mCAII,sCAGF,WACA,WACA,SACA,kBACA,wBAIA,yCACE,+BC+HJ,4BACE,sCAGF,uBACE,mBAKF,kCACE,gBAIA,+CACE,4CAGF,sHAGE,sCACA,WAKF,8BACE,iBAKA,yEACE,iCAON,yBACE,sBAIA,+BACE,qBAIJ,0BACE,yBAEA,gCACE,cAKF,iCACE,cAIA,yFACE,yBACA,cAON,yCACE,sCAEA,wDACE,yCAMN,2BACE,iFC/OJ,eACE,YACA,gBAGE,0CACE,WAGF,+DACE,qBAEA,uEACE,qBACA,yBAIJ,oDACE,aAIA,oDACE,gBAKN,qCACE,gBACA,gBAGF,+BACE,gBAGF,2BACE,YACA,gBAGE,gEACE,cAGF,2DACE,aAIA,mFACE,oBChDR,UACE,+BAGF,aACE,iCAEA,kBACE,kBACA,MACA,UAIJ,UACE,YACA,gBACA,UAEA,mBACE,oBAGF,qBACE,aACA,sBAGF,kCACE,2BAEA,mFAEE,2BAIJ,kBACE,aAIJ,gBAEE,iBACA,uBACA,yBAGF,gBACE,wBAGF,WACE,aACA,mBACA,WACA,YACA,iBACA,gBAEA,oCAEE,wBACA,4BACA,YAEA,4CACE,WAIJ,gBACE,cACA,aACA,WAGF,oBACE,YAEA,wBACE,YAKN,qBACE,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHpFA,0BACA,0BACA,gEACA,qBGmFE,kBACA,oBACA,sBACA,eACA,wBAIJ,sBACE,gBACA,MACA,WACA,iCAGF,uBACE,aACA,sBACA,gBAEA,0BACE,SAGF,2BACE,aACA,sBACA,UACA,cAEA,+BACE,aACA,8BACA,mBAKN,+EAEE,8BACA,sCACA,UAEA,+FACE,gBAGF,yFACE,kBAEA,uGACE,YACA,kBACA,QACA,aACA,2BACA,4BACA,2BACA,oBAIJ,6FACE,gBAGF,iGACE,gBAGE,6HACE,SACA,SAMR,8CACE,WAGF,mCACE,YACA,qCACA,qCACA,UACA,gBAEA,wDACE,4BAGF,4CACE,8CACA,YACA,oBAIJ,yBACE,YACA,6CACA,gBACA,qCACA,gBAEA,+BACE,4BAIA,mFAEE,aAIJ,iDACE,gBAGF,yEAEE,kBACA,+BACA,uBACA,qCAEA,0KAEE,qCAIJ,+BACE,mBAGF,0CACE,UAGF,+CACE,WACA,yCAIA,4DACE,6CAGF,8DACE,0CAMJ,qBACE,sCACA,oBACA,uEAEA,6BACE,kBAKN,qBHlQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGqPF,gBACA,uBACA,eAMI,+BACE,yCACA,4BACA,0CAKN,mBACE,mBAEA,sBACE,mBACA,gBACA,cAGF,6BACE,iBACA,kBACA,aACA,sBAGE,gDACE,yBAKN,6BACE,YACA,SACA,kBACA,YACA,eAEA,+JAIE,eAGF,iCHxTJ,2BACA,0BACA,gEACA,qBG2TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH1UF,uCACA,0BACA,gEACA,qBG6UI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCH9WF,4BACA,0BACA,gEACA,qBG6WI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH3XA,4BACA,0BACA,gEACA,qBG0XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHpbF,qBAEA,+BACE,qBGqbA,yCACE,uBACA,gBHrZJ,4BACA,0BACA,gEACA,qBGsZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHtaA,0BACA,0BACA,gEACA,qBGqaE,aACA,YACA,UACA,UACA,kBACA,kBACA,WACA,MACA,UAEA,+BACE,aACA,mBACA,uBACA,cACA,WACA,YACA,eAIJ,wBACE,kBACA,cAKE,ueAIE,UACA,kBAGF,iJACE,UACA,mBAGE,oMACE,6DAGF,iMACE,8DAUV,kFACE,eAGF,wGACE,eAIJ,eACE,kBACA,WACA,wCACA,WACA,iBH9eA,0BACA,0BACA,gEACA,qBG8eA,qBACE,aACA,mBACA,SACA,YAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHxiBF,qBAEA,wCACE,qBGyiBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHxkBJ,qBAEA,8DACE,qBG0kBA,8CHxiBF,8BACA,0BACA,gEACA,qBGuiBI,mBACA,yBACA,kBACA,aACA,gBACA,eACA,uBACA,oBACA,qBACA,kBACA,mBACA,cAEA,oDACE,mBAMR,2BACE,cAGF,iBACE,cACA,YACA,kBAEA,6BACE,aACA,gBACA,cAGF,gCACE,2BAEA,qDACE,kBACA,WACA,SAIJ,sBACE,mBAIJ,iBACE,kBAKE,2DACE,aAKF,8DACE,aAOF,qDACE,aAKF,wDACE,aAKN,gCACE,kBAEA,uCACE,kBACA,MACA,YACA,WACA,UACA,aACA,oBACA,2BACA,UACA,wDAEA,+CACE,cAGF,4CACE,gBACA,0BACA,yCACA,UAMJ,6CACE,sBAGF,kDACE,kBAGF,8CACE,kBACA,YACA,WACA,aACA,mBACA,uBACA,4BAGF,sCACE,aACA,WACA,YACA,kBACA,gCACA,mCAEA,2CACE,cAKN,iBACE,GACE,UACA,mBAEF,IACE,UACA,qBAEF,KACE,UACA,oBC1uBJ,oBACE,YACA,kBACA,QACA,aACA,2BACA,4BACA,qCACA,2DACA,oBAIA,gDACE,0CAIJ,sBACE,oBACA,YAEA,qCACE,8CAKF,2BACE,aAGF,iCACE,UAGF,mCACE,gDAIJ,yBACE,cACA,WACA,YACA,kBACA,MACA,OACA,eACA,gBAGF,mBACE,aAGF,wBACE,eACA,MACA,OACA,aACA,gBAGF,mBACE,aAGF,mBACE,qDACA,cACA,SACA,iBACA,gBACA,eACA,gBACA,qBAEA,+BACE,YACA,sBACA,kBACA,MACA,OACA,+BAKF,+CACE,cAEA,6GAEE,aAIA,6EACE,YAGF,mFACE,aAMR,yCACE,YAGF,qBACE,gBACA,eClHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAEA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCvBJ,sCACE,YAIJ,qBACE,YACA,UN4BA,uCACA,0BACA,gEACA,qBM3BF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNaF,wBACA,0BACA,gEACA,qBMZA,sCACE,YACA,UACA,oBACA,eNKF,wBACA,0BACA,gEACA,qBMJA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNhCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMiBF,iCNpCA,4BACA,0BACA,gEACA,uBMmCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNvDN,0BACA,0BACA,gEACA,sBMwDI,6CACE,QN5DN,0BACA,0BACA,gEACA,sBMgEE,oDACE,UCxGF,oDACE,oBACA,YAIA,oEACE,sBAKN,oCACE,QACA,gBPsBF,kCACA,0BACA,gEACA,sBOrBI,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC7CR,iBACE,WACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,QACA,UACA,eACA,iCACA,2BAGF,2DACE,SACA,YACA,iCAKF,+CRPF,uCACA,0BACA,gEACA,qBQMI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDR3BF,uCACA,0BACA,gEACA,qBQ0BI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKRlEF,OACA,UACA,yBACA,QQqEE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,0CACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,sDACE,YACA,aACA,mBAEA,yEACE,WAGF,2DACE,iBACA,WAEA,8EACE,QACA,WAGF,qFACE,aAGF,oFACE,sCAGF,iEACE,gBACA,kBAEA,qFACE,WAGF,wFACE,WAIJ,qEACE,gBACA,gBAEA,gLAEE,aAOV,+CRlLF,+BACA,0BACA,gEACA,qBQkLI,0GAEE,iBAGE,8JR1LR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ+KM,wEACE,SAGF,gFRtMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQwLQ,sFR3MV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQgMA,uDACE,SACA,sBACA,YACA,YACA,iCAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRzPA,+BACA,0BACA,gEACA,qBQyPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBL8bJ,YACE,kBACA,wCAEA,oBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,0BACE,MACA,SAKN,eACE,kBACA,wCAEA,uBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,6BACE,MACA","file":"app.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["mixin.scss","color.scss","folders.scss","app.scss","select.scss","left.scss","vertical.scss","top.scss","horizontal.scss"],"names":[],"mappings":"CAgFE,mBACE,GACE,UACA,2BAGF,KACE,UACA,yBAIJ,oBACE,GACE,UACA,4BAGF,KACE,UACA,yBClGJ,oBACE,wCAGF,0BACE,iCACA,4CACA,+CACA,8CACA,yCAEA,wCACE,WAEA,8CACE,WDPJ,mCAEI,wCAKF,WACA,WACA,SACA,kBACA,wBAIA,yCACE,+BAhBJ,kCAEI,wCAKF,WACA,WACA,SACA,kBACA,wBAIA,wCACE,+BCKJ,2BACE,wCAGF,sBACE,mBAKF,iCACE,iDAGE,kDACE,6CAGF,+HAGE,uCACA,WAMJ,6BDpBF,2BACA,0BACA,gEACA,qBCmBI,qCAKA,uEACE,YAON,wBACE,yBAGF,wBACE,oCAEA,8BACE,qBAIJ,yBACE,yBAIA,gCACE,WAIA,wFACE,yBAON,wCACE,wCAEA,uDACE,6CAMN,0BACE,6FASF,qBACE,sCAGF,2BACE,yBACA,0CACA,6CACA,4CACA,uCAEA,yCACE,cAEA,+CACE,cDjIJ,oCAII,sCAGF,WACA,WACA,SACA,kBACA,wBAIA,0CACE,+BAhBJ,mCAII,sCAGF,WACA,WACA,SACA,kBACA,wBAIA,yCACE,+BC+HJ,4BACE,sCAGF,uBACE,mBAKF,kCACE,gBAIA,+CACE,4CAGF,sHAGE,sCACA,WAKF,8BACE,iBAKA,yEACE,iCAON,yBACE,sBAIA,+BACE,qBAIJ,0BACE,yBAEA,gCACE,cAKF,iCACE,cAIA,yFACE,yBACA,cAON,yCACE,sCAEA,wDACE,yCAMN,2BACE,iFC/OJ,eACE,YACA,gBAGE,0CACE,WAGF,+DACE,qBAEA,uEACE,qBACA,yBAIJ,oDACE,aAIA,oDACE,gBAKN,qCACE,gBACA,gBAGF,+BACE,gBAGF,2BACE,YACA,gBAGE,gEACE,cAGF,2DACE,aAIA,mFACE,oBChDR,UACE,+BAGF,aACE,iCAEA,kBACE,kBACA,MACA,aACA,UAIJ,UACE,YACA,gBACA,UAEA,mBACE,oBAGF,qBACE,aACA,sBAGF,kCACE,2BAEA,mFAEE,2BAIJ,kBACE,aAIJ,gBAEE,iBACA,uBACA,yBAGF,gBACE,wBAGF,WACE,aACA,mBACA,WACA,YACA,iBACA,gBAEA,oCAEE,wBACA,4BACA,YAEA,4CACE,WAIJ,gBACE,cACA,aACA,WAGF,oBACE,YAEA,wBACE,YAKN,qBACE,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHrFA,0BACA,0BACA,gEACA,qBGoFE,kBACA,oBACA,sBACA,eACA,wBAIJ,sBACE,gBACA,MACA,WACA,iCAGF,uBACE,aACA,sBACA,gBAEA,0BACE,SAGF,2BACE,aACA,sBACA,UACA,cAEA,+BACE,aACA,8BACA,mBAKN,+EAEE,8BACA,sCACA,UAEA,+FACE,gBAGF,yFACE,kBAEA,uGACE,YACA,kBACA,QACA,aACA,2BACA,4BACA,2BACA,oBAIJ,6FACE,gBAGF,iGACE,gBAGE,6HACE,SACA,SAMR,8CACE,WAGF,mCACE,YACA,qCACA,qCACA,UACA,gBAEA,wDACE,4BAGF,4CACE,8CACA,YACA,oBAIJ,yBACE,YACA,6CACA,gBACA,qCACA,gBAEA,+BACE,4BAIA,mFAEE,aAIJ,iDACE,gBAGF,yEAEE,kBACA,+BACA,uBACA,qCAEA,0KAEE,qCAIJ,+BACE,mBAGF,0CACE,UAGF,+CACE,WACA,yCAIA,4DACE,6CAGF,8DACE,0CAMJ,qBACE,sCACA,oBACA,uEAEA,6BACE,kBAKN,qBHnQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGsPF,gBACA,uBACA,eAMI,+BACE,yCACA,4BACA,0CAKN,mBACE,mBAEA,sBACE,mBACA,gBACA,cAGF,6BACE,iBACA,kBACA,aACA,sBAGE,gDACE,yBAKN,6BACE,YACA,SACA,kBACA,YACA,eAEA,+JAIE,eAGF,iCHzTJ,2BACA,0BACA,gEACA,qBG4TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH3UF,uCACA,0BACA,gEACA,qBG8UI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCH/WF,4BACA,0BACA,gEACA,qBG8WI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH5XA,4BACA,0BACA,gEACA,qBG2XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHrbF,qBAEA,+BACE,qBGsbA,yCACE,uBACA,gBHtZJ,4BACA,0BACA,gEACA,qBGuZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHvaA,0BACA,0BACA,gEACA,qBGsaE,aACA,YACA,UACA,UACA,kBACA,kBACA,WACA,MACA,UAEA,+BACE,aACA,mBACA,uBACA,cACA,WACA,YACA,eAQA,ueAIE,UACA,kBAGF,iJACE,UACA,mBAGE,oMACE,6DAGF,iMACE,8DAUV,kFACE,eAGF,wGACE,eAIJ,eACE,kBACA,WACA,wCACA,WACA,iBH5eA,0BACA,0BACA,gEACA,qBG4eA,qBACE,aACA,mBACA,SACA,YAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHtiBF,qBAEA,wCACE,qBGuiBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHtkBJ,qBAEA,8DACE,qBGwkBA,8CHtiBF,8BACA,0BACA,gEACA,qBGqiBI,mBACA,yBACA,kBACA,aACA,gBACA,eACA,uBACA,oBACA,qBACA,kBACA,mBACA,cAEA,oDACE,mBAMR,2BACE,cAGF,iBACE,cACA,YACA,kBAEA,6BACE,aACA,gBACA,cAGF,gCACE,2BAEA,qDACE,kBACA,WACA,SAIJ,sBACE,mBAIJ,iBACE,kBAKE,2DACE,aAKF,8DACE,aAOF,qDACE,aAKF,wDACE,aAKN,gCACE,kBAEA,uCACE,kBACA,MACA,YACA,WACA,UACA,aACA,oBACA,2BACA,UACA,wDAEA,+CACE,cAGF,4CACE,gBACA,0BACA,yCACA,UAMJ,6CACE,sBAGF,kDACE,kBAGF,8CACE,kBACA,YACA,WACA,aACA,mBACA,uBACA,4BAGF,sCACE,aACA,WACA,YACA,kBACA,gCACA,mCAEA,2CACE,cAKN,iBACE,GACE,UACA,mBAEF,IACE,UACA,qBAEF,KACE,UACA,oBCxuBJ,oBACE,YACA,kBACA,QACA,aACA,2BACA,4BACA,qCACA,2DACA,oBAIA,gDACE,0CAIJ,sBACE,oBACA,YAEA,qCACE,8CAKF,2BACE,aAGF,iCACE,UAGF,mCACE,gDAIJ,yBACE,cACA,WACA,YACA,kBACA,MACA,OACA,eACA,gBAGF,mBACE,aAGF,wBACE,eACA,MACA,OACA,aACA,gBAGF,mBACE,aAGF,mBACE,qDACA,cACA,SACA,iBACA,gBACA,eACA,gBACA,qBAEA,+BACE,YACA,sBACA,kBACA,MACA,OACA,+BAKF,+CACE,cAEA,6GAEE,aAIA,6EACE,YAGF,mFACE,aAMR,yCACE,YAGF,qBACE,gBACA,eClHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAEA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCvBJ,sCACE,YAIJ,qBACE,YACA,UN4BA,uCACA,0BACA,gEACA,qBM3BF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNaF,wBACA,0BACA,gEACA,qBMZA,sCACE,oBNQF,wBACA,0BACA,gEACA,qBMNF,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,oBACA,UACA,mBAGF,uCNzBA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMUF,iCN7BA,4BACA,0BACA,gEACA,uBM4BE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNhDN,0BACA,0BACA,gEACA,sBMiDI,6CACE,QNrDN,0BACA,0BACA,gEACA,sBMyDE,oDACE,UCjGF,oDACE,oBACA,YAIJ,oCACE,QACA,gBP4BF,kCACA,0BACA,gEACA,sBO3BI,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBCvCR,iBACE,WACA,2BAEA,2BACE,MACA,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,QACA,UACA,eACA,iCACA,2BAGF,2DACE,YACA,iCAKF,+CRPF,uCACA,0BACA,gEACA,qBQMI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDR3BF,uCACA,0BACA,gEACA,qBQ0BI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKRlEF,OACA,UACA,yBACA,QQqEE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAKN,0CACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WACA,YAEA,sDACE,YACA,aACA,mBAEA,yEACE,WAGF,2DACE,iBACA,WAEA,8EACE,QACA,WAGF,qFACE,aAGF,oFACE,sCAGF,iEACE,gBACA,kBAEA,qFACE,WAGF,wFACE,WAIJ,qEACE,gBACA,gBAEA,gLAEE,aAOV,+CR/IF,+BACA,0BACA,gEACA,qBQ+II,mKAGE,iBAGE,iPRxJR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ6IM,wEACE,SAGF,gFRpKR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQsJQ,sFRzKV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ+JE,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRjNA,+BACA,0BACA,gEACA,qBQiNA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLoeJ,YACE,kBACA,wCAEA,oBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,0BACE,MACA,SAKN,eACE,kBACA,wCAEA,uBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,6BACE,MACA","file":"app.css"}
\ No newline at end of file
diff --git a/scss/app.scss b/scss/app.scss
index 8db54c2..5ef6af0 100644
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -13,6 +13,7 @@ html {
     .app {
       position: relative;
       top: 0;
+      height: 100vh;
       opacity: 1;
     }
   }
@@ -483,9 +484,6 @@ html {
     }
 
     .show-actions {
-      position: relative;
-      flex-shrink: 0;
-
       &:hover,
       &.hover,
       &.active {
@@ -566,7 +564,7 @@ html {
       }
 
       .dropdown-menu {
-        top: 32px;
+        top: 100%;
         right: 0;
         left: auto;
       }
diff --git a/scss/horizontal.scss b/scss/horizontal.scss
index db3c061..c3cba4f 100644
--- a/scss/horizontal.scss
+++ b/scss/horizontal.scss
@@ -5,6 +5,7 @@
   justify-content: flex-start;
 
   .viewport {
+    top: 0;
     display: flex;
     width: 100%;
     z-index: 20;
@@ -37,7 +38,6 @@
       }
 
       .dropdown-menu {
-        top: 100%;
         border: none;
         background-color: var(--t42-body);
       }
@@ -114,42 +114,6 @@
           top: 1rem;
         }
       }
-
-      .show-actions {
-        overflow: hidden;
-
-        &:hover,
-        &.hover,
-        &.active {
-          overflow: visible;
-
-          i,
-          .text-animation,
-          .action-menu-tool,
-          span {
-            opacity: 1;
-            visibility: visible;
-          }
-
-          .layouts-nav {
-            .icon-size-16 {
-              opacity: 1;
-              visibility: visible;
-            }
-          }
-
-          .layout-menu-tool li {
-            &:first-of-type {
-              animation: none;
-              border-right: 0;
-            }
-
-            &:last-of-type {
-              animation: none;
-            }
-          }
-        }
-      }
     }
 
     .favorites-nav {
@@ -162,6 +126,7 @@
       li {
         flex-basis: 59px;
         width: 60px;
+        height: 3rem;
 
         &.favorites-nav {
           flex-grow: 1;
@@ -218,6 +183,7 @@
       .nav-item {
         @include transition("flex-basis", 0);
 
+        &.is-active,
         &.hover,
         &:hover {
           flex-basis: 11rem;
@@ -249,12 +215,6 @@
       }
 
       .layout-menu-tool {
-        top: 100%;
-        flex-direction: column;
-        height: 6rem;
-        border: none;
-        background-color: var(--t42-body);
-
         li {
           width: 100%;
           flex: 0 1 auto;
diff --git a/scss/top.scss b/scss/top.scss
index 6e1d5b0..f5a6ccc 100644
--- a/scss/top.scss
+++ b/scss/top.scss
@@ -5,12 +5,6 @@
         top: auto !important;
         bottom: 100%;
       }
-
-      .layouts-nav {
-        .layout-menu-tool {
-          top: calc(-6rem + 2px);
-        }
-      }
     }
 
     .viewport {
diff --git a/scss/vertical.scss b/scss/vertical.scss
index 4b97d06..4063f97 100644
--- a/scss/vertical.scss
+++ b/scss/vertical.scss
@@ -29,16 +29,9 @@
     }
 
     .menu {
-      max-width: 0;
-      opacity: 0;
       pointer-events: none;
-      margin-right: 0;
       @include transition(all, 0);
     }
-
-    .dropdown-menu {
-      right: -0.75em;
-    }
   }
 
   .favorites-nav {
@@ -64,9 +57,9 @@
 
     .menu {
       max-width: 100%;
+      padding-right: 0.75em;
       opacity: 1;
       pointer-events: all;
-      margin-right: 0.75em;
     }
 
     .text-animation {