From 0418f6b2bb348b1fbd56210d9c7d47ec7d429e46 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Tue, 9 Jul 2024 09:46:15 +0300 Subject: [PATCH 01/30] Add currentLayout as default value for save layout input. --- js/connect-related.js | 2 -- js/index.js | 2 ++ js/layouts.js | 14 +++++++++++--- 3 files changed, 13 insertions(+), 5 deletions(-) diff --git a/js/connect-related.js b/js/connect-related.js index ca0779d..2e9c60e 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -416,8 +416,6 @@ async function trackNotificationsConfigurationChanged() { if (methodExists) { await glue.notifications.onConfigurationChanged((config) => { - console.log('Notifications configuration changed', config); - const { enable, enableToasts, showNotificationBadge } = config; const setting = { enableNotifications: enable, diff --git a/js/index.js b/js/index.js index 8a56f47..7edadcd 100644 --- a/js/index.js +++ b/js/index.js @@ -17,6 +17,7 @@ import { layoutHTMLTemplate, handleLayoutClick, handleLayoutSave, + handleLayoutsSaveMenuItemClick, noLayoutsHTML, } from './layouts.js'; import * as glueModule from './connect-related.js'; @@ -68,6 +69,7 @@ async function init() { utils.handleLayoutsHover(); handleLayoutClick(); handleLayoutSave(); + handleLayoutsSaveMenuItemClick(); utils.handleDropDownClicks(); handleClientAndInstrumentClicks(); await handleScheduledShutdownRestart(); diff --git a/js/layouts.js b/js/layouts.js index af57dda..5093348 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -19,6 +19,7 @@ function init() { let allLayouts = layoutsObs.pipe( rxjs.operators.map((layouts) => { return layouts + .toReversed() .map((l) => ({ name: l.name, type: l.type })) .filter((l) => ['Global', 'Swimlane', 'Workspace'].includes(l.type)); }) @@ -95,6 +96,12 @@ function handleLayoutClick() { }); } +function handleLayoutsSaveMenuItemClick() { + q('#save').addEventListener('click', () => { + q('#layout-save-name').value = activeLayout._value.name; + }); +} + function handleLayoutSave() { q('#layout-save-btn').addEventListener('click', saveCurrentLayout); q('#layout-save-name').addEventListener('keyup', (e) => @@ -104,9 +111,9 @@ function handleLayoutSave() { function saveCurrentLayout() { saveLayout(escapeHtml(q('#layout-save-name').value)); - q('#layout-save-name').value = ''; - q('#layout-content').classList.add('hide'); - q('#layout-load').classList.remove('hide'); + // q('#layout-save-name').value = ''; + // q('#layout-content').classList.add('hide'); + // q('#layout-load').classList.remove('hide'); } function layoutHTMLTemplate(layout) { @@ -149,5 +156,6 @@ export { layoutHTMLTemplate, handleLayoutClick, handleLayoutSave, + handleLayoutsSaveMenuItemClick, noLayoutsHTML, }; From 6cbdf5ddf03d07115348b33e8462710c1efe2b10 Mon Sep 17 00:00:00 2001 From: Kostadin Belchev Date: Tue, 9 Jul 2024 10:28:25 +0300 Subject: [PATCH 02/30] POC-1647 if there is no active layout name (e.g. when starting the platform and no layout has been restored yet) then display the default one instead of "undefined" string --- js/layouts.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/layouts.js b/js/layouts.js index 5093348..a7c61f2 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -98,7 +98,7 @@ function handleLayoutClick() { function handleLayoutsSaveMenuItemClick() { q('#save').addEventListener('click', () => { - q('#layout-save-name').value = activeLayout._value.name; + q('#layout-save-name').value = (activeLayout._value.name || defaultLayout._value.name); }); } From 19d4d2c1c1bb4f6157879dd8e6a3ea89ce133a8c Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Wed, 10 Jul 2024 16:07:43 +0300 Subject: [PATCH 03/30] G4E-8048 - Feature implemented. Needs a loading indication, since the response could take a couple of seconds. --- index.html | 12 +++++++++ js/layouts.js | 68 +++++++++++++++++++++++++++++++++++------------- js/utils.js | 51 +++++++++++++++++++++++++++++++++--- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 27 +++++++++++++++++++ 6 files changed, 139 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index 97fabdd..02105e8 100644 --- a/index.html +++ b/index.html @@ -188,6 +188,18 @@
Save Layouts
+
+ +
diff --git a/js/layouts.js b/js/layouts.js index 5093348..e8dc322 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -8,9 +8,10 @@ import { clearDefaultLayout, setDefaultGlobal, } from './connect-related.js'; -import { escapeHtml } from './utils.js'; +import { escapeHtml, renderAlert } from './utils.js'; import { getSetting } from './settings.js'; +const rxjs = window.rxjs; let filteredLayouts; init(); @@ -26,7 +27,7 @@ function init() { ); const layoutSearch = rxjs - .fromEvent(q('#layout-search'), 'keyup') + .fromEvent(document.querySelector('#layout-search'), 'keyup') .pipe( rxjs.operators.map((event) => { return event.target.value.toString().toLowerCase().trim(); @@ -60,10 +61,10 @@ function init() { } function handleLayoutClick() { - q('#layout-load>ul').addEventListener('click', (e) => { + document.querySelector('#layout-load>ul').addEventListener('click', (e) => { const layoutElement = e .composedPath() - .find((e) => e.getAttribute && e.getAttribute('layout-name')); + .find((e) => e.getAttribute?.('layout-name')); if (!layoutElement) { return; @@ -97,26 +98,59 @@ function handleLayoutClick() { } function handleLayoutsSaveMenuItemClick() { - q('#save').addEventListener('click', () => { - q('#layout-save-name').value = activeLayout._value.name; + document.querySelector('#save').addEventListener('click', () => { + document.querySelector('#layout-save-name').value = + activeLayout._value.name || defaultLayout._value.name; }); } function handleLayoutSave() { - q('#layout-save-btn').addEventListener('click', saveCurrentLayout); - q('#layout-save-name').addEventListener('keyup', (e) => - e.key === 'Enter' && e.target.value.length > 0 ? saveCurrentLayout() : null - ); + document + .querySelector('#layout-save-btn') + .addEventListener('click', saveCurrentLayout); + document + .querySelector('#layout-save-name') + .addEventListener('keyup', (e) => + e.key === 'Enter' && e.target.value.length > 0 + ? saveCurrentLayout() + : null + ); } -function saveCurrentLayout() { - saveLayout(escapeHtml(q('#layout-save-name').value)); - // q('#layout-save-name').value = ''; - // q('#layout-content').classList.add('hide'); - // q('#layout-load').classList.remove('hide'); +async function saveCurrentLayout() { + const alertElement = document.querySelector('#layout-save-alert'); + const layoutName = document.querySelector('#layout-save-name').value; + + if (!layoutName || !alertElement) { + return; + } + + try { + await saveLayout(escapeHtml(layoutName)); + + renderAlert( + alertElement, + 'success', + `Layout ${layoutName} has been saved successfully` + ); + } catch (error) { + const inputString = error.message; + const stringLimiter = ', type:'; + const endIndex = inputString.indexOf(stringLimiter); + const errorMessage = inputString.substring(0, endIndex); + + console.error('error:', error); + renderAlert( + alertElement, + 'warning', + `Failed to save the layout. ${errorMessage}` + ); + } } function layoutHTMLTemplate(layout) { + const textColor = layout.isDefault ? 'text-primary' : ''; + return ( `
  • ` + (layout.type === 'Global' && !getSetting('saveDefaultLayout') - ? `` : '') + diff --git a/js/utils.js b/js/utils.js index 9a7dbf2..eceb202 100644 --- a/js/utils.js +++ b/js/utils.js @@ -41,6 +41,7 @@ import { import handleKeyboardNavigation from './keyboard-navigation.js'; const windowMargin = 50; +const rxjs = window.rxjs; let pressedKey; let keyObs = rxjs @@ -111,12 +112,14 @@ function handleThemeChange() { } function populateAboutPage() { + const glue42gd = window.glue42gd; + document.querySelector('.connect-desktop-version').innerText = glue42gd.version; document.querySelector('.gw-url').innerText = glue42gd.gwURL; document.querySelector('.username').innerText = glue42gd.user; - gluePromise.then(async (glue) => { + gluePromise.then(async () => { document.querySelector('.desktop-client-version').innerText = await glueVersion(); }); @@ -275,6 +278,7 @@ function handleModalClose() { async function handleJumpListAction() { try { + const glue = window.glue; const jumpList = glue.windows.my().jumpList; const category = await jumpList.categories.find('Tasks'); const action = { @@ -323,7 +327,7 @@ async function handleMouseHover() { let closeTimeout; - document.querySelector('.app').addEventListener('mouseenter', (e) => { + document.querySelector('.app').addEventListener('mouseenter', () => { document.querySelector('.viewport').classList.add('expand'); document.querySelector('.app').classList.add('expand-wrapper'); @@ -455,6 +459,46 @@ function escapeHtml(unsafe) { .replace(/'/g, '''); } +function renderAlert( + domEl, + type = 'primary', + message = 'Default Alert Message', + duration = 5000 +) { + if (!domEl) { + return; + } + + switch (type) { + case 'success': + domEl.classList.add('alert-success'); + break; + case 'warning': + domEl.classList.add('alert-warning'); + break; + case 'danger': + domEl.classList.add('alert-danger'); + break; + default: + domEl.classList.add('alert-primary'); + } + + const timeout = setTimeout(() => { + domEl.classList.remove('show'); + }, duration); + + domEl.querySelector('.alert-message').innerText = message; + + domEl.classList.add('show'); + + domEl.querySelector('.close').addEventListener('click', () => { + if (timeout) { + clearTimeout(timeout); + } + domEl.classList.remove('show'); + }); +} + async function isOutOfMonitor(viewportBounds) { let monitors = await getMonitorInfo(); let windowBounds = await getPhysicalWindowBounds(); @@ -481,7 +525,7 @@ function populateSettingsDropdown( selectOptionsObj, elementName ) { - selectElement.forEach((item, i) => { + selectElement.forEach((item) => { let html = ``; selectOptionsObj.all.forEach((element) => { @@ -924,4 +968,5 @@ export { setDrawerOpenDirection, elementObserver, populateSettingsDropdown, + renderAlert, }; diff --git a/scss/app.css b/scss/app.css index db2feab..440dfd8 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)}:root{--logo-color-accent: #007be5}.dark{--logo-color-base: #ffffff}.light{--logo-color-base: #083044}html{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{flex-shrink:0;width:2.33em;height:60%;background-image:url("../assets/logo-icon.svg");background-position:center}html .logo-wordmark{background-image:url("../assets/logo-wordmark.svg");background-position:left}html.light .logo-icon{background-image:url("../assets/logo-icon-alt.svg"),url("../assets/logo-icon.svg")}html.light .logo-wordmark{background-image:url("../assets/logo-wordmark-alt.svg"),url("../assets/logo-wordmark.svg")}html .toggle-content{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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;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 #fav-apps>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);background-color:var(--t42-body);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}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 [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 .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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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%;min-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top{justify-content:flex-end}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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;justify-content:flex-start}html .horizontal .viewport{display:flex;width:100%}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:hidden;overflow-y:auto}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:.5em;z-index:11;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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}/*# 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)}:root{--logo-color-accent: #007be5}.dark{--logo-color-base: #ffffff}.light{--logo-color-base: #083044}html{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{flex-shrink:0;width:2.33em;height:60%;background-image:url("../assets/logo-icon.svg");background-position:center}html .logo-wordmark{background-image:url("../assets/logo-wordmark.svg");background-position:left}html.light .logo-icon{background-image:url("../assets/logo-icon-alt.svg"),url("../assets/logo-icon.svg")}html.light .logo-wordmark{background-image:url("../assets/logo-wordmark-alt.svg"),url("../assets/logo-wordmark.svg")}html .toggle-content{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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;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 #fav-apps>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);background-color:var(--t42-body);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}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 [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;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 .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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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%;min-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top{justify-content:flex-end}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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;justify-content:flex-start}html .horizontal .viewport{display:flex;width:100%}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:hidden;overflow-y:auto}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:.5em;z-index:11;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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}/*# sourceMappingURL=app.css.map */ diff --git a/scss/app.css.map b/scss/app.css.map index 52e27a5..908185d 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,oBCjDV,MACE,6BAGF,MACE,2BAGF,OACE,2BAGF,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,YAGF,gBACE,cACA,aACA,WACA,gDACA,2BAGF,oBACE,oDACA,yBAMA,sBACE,mFAIF,0BACE,2FAMN,qBH5EE,0BACA,0BACA,gEACA,qBG2EA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCH5GA,0BACA,0BACA,gEACA,qBG2GE,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,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,qBHzRE,uCACA,0BACA,gEACA,qBAME,UAMA,4BG4QF,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,iCH/UJ,2BACA,0BACA,gEACA,qBGkVA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BHjWF,uCACA,0BACA,gEACA,qBGoWI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHrYF,4BACA,0BACA,gEACA,qBGoYI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHlZA,4BACA,0BACA,gEACA,qBGiZE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBH3cF,qBAEA,+BACE,qBG4cA,yCACE,uBACA,gBH5aJ,4BACA,0BACA,gEACA,qBG6aE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BH7bA,0BACA,0BACA,gEACA,qBG4bE,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,iCACA,WACA,iBHtgBA,0BACA,0BACA,gEACA,qBGsgBA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCH7jBF,qBAEA,wCACE,qBG8jBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDH7lBJ,qBAEA,8DACE,qBG+lBA,8CH7jBF,8BACA,0BACA,gEACA,qBG4jBI,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,qDACE,aAKF,wDACE,aCpqBN,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNtCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMuBF,iCN1CA,4BACA,0BACA,gEACA,uBMyCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN7DN,0BACA,0BACA,gEACA,sBM8DI,6CACE,QNlEN,0BACA,0BACA,gEACA,sBMsEE,mDACE,UChHN,0BACE,yBAEA,oCACE,QACA,gBPiCF,kCACA,0BACA,gEACA,sBOjCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC7CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR1CF,OACA,UACA,yBACA,QQ6CE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CRtJF,+BACA,0BACA,gEACA,qBQsJI,0GAEE,iBAGE,8JR9JR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQmJM,wEACE,SAGF,gFR1KR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQ4JQ,sFR/KV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQoKA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBR3NA,+BACA,0BACA,gEACA,qBQ2NA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLuZJ,YACE,kBACA,wCAEA,oBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,0BACE,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,oBCjDV,MACE,6BAGF,MACE,2BAGF,OACE,2BAGF,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,YAGF,gBACE,cACA,aACA,WACA,gDACA,2BAGF,oBACE,oDACA,yBAMA,sBACE,mFAIF,0BACE,2FAMN,qBH5EE,0BACA,0BACA,gEACA,qBG2EA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCH5GA,0BACA,0BACA,gEACA,qBG2GE,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,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,qBHzRE,uCACA,0BACA,gEACA,qBAME,UAMA,4BG4QF,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,iCH/UJ,2BACA,0BACA,gEACA,qBGkVA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BHjWF,uCACA,0BACA,gEACA,qBGoWI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHrYF,4BACA,0BACA,gEACA,qBGoYI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHlZA,4BACA,0BACA,gEACA,qBGiZE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBH3cF,qBAEA,+BACE,qBG4cA,yCACE,uBACA,gBH5aJ,4BACA,0BACA,gEACA,qBG6aE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BH7bA,0BACA,0BACA,gEACA,qBG4bE,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,iCACA,WACA,iBHtgBA,0BACA,0BACA,gEACA,qBGsgBA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCH7jBF,qBAEA,wCACE,qBG8jBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDH7lBJ,qBAEA,8DACE,qBG+lBA,8CH7jBF,8BACA,0BACA,gEACA,qBG4jBI,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,qDACE,aAKF,wDACE,aAKN,gCACE,kBAEA,uCACE,kBACA,MACA,YACA,WACA,aACA,oBACA,2BACA,UACA,wDAEA,+CACE,cAGF,4CACE,gBACA,0BACA,yCACA,UC/rBN,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNtCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMuBF,iCN1CA,4BACA,0BACA,gEACA,uBMyCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN7DN,0BACA,0BACA,gEACA,sBM8DI,6CACE,QNlEN,0BACA,0BACA,gEACA,sBMsEE,mDACE,UChHN,0BACE,yBAEA,oCACE,QACA,gBPiCF,kCACA,0BACA,gEACA,sBOjCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC7CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR1CF,OACA,UACA,yBACA,QQ6CE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CRtJF,+BACA,0BACA,gEACA,qBQsJI,0GAEE,iBAGE,8JR9JR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQmJM,wEACE,SAGF,gFR1KR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQ4JQ,sFR/KV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQoKA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBR3NA,+BACA,0BACA,gEACA,qBQ2NA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLkbJ,YACE,kBACA,wCAEA,oBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,0BACE,MACA","file":"app.css"} \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss index b3657ae..1f1f5fa 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -680,6 +680,33 @@ html { } } + .layout-save-alert-wrapper { + position: relative; + + .alert { + position: absolute; + top: 0; + right: 0.5rem; + left: 0.5rem; + max-height: 0; + padding: 0 4em 0 1em; + border-color: transparent; + opacity: 0; + transition: all 0.3s cubic-bezier(0.34, 0.03, 0.13, 0.93); + + &::before { + flex-shrink: 0; + } + + &.show { + max-height: 10em; + padding: 0.5em 4em 0.5em 1em; + border-color: var(--t42-color-opacity-10); + opacity: 1; + } + } + } + @import "select"; @import "vertical"; @import "horizontal"; From 5b58cb1bdc1b5f554d9127680a1e8a0b29eb4375 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Wed, 10 Jul 2024 16:10:40 +0300 Subject: [PATCH 04/30] G4E-8048 - Refactoring. --- js/connect-related.js | 12 +++++++++--- js/index.js | 30 +++++++++++++++++------------- 2 files changed, 26 insertions(+), 16 deletions(-) diff --git a/js/connect-related.js b/js/connect-related.js index 2e9c60e..1336e2e 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -14,6 +14,8 @@ import { console.time('Glue'); +const rxjs = window.rxjs; + var gluePromise = new Promise(async (res, rej) => { window.addEventListener('load', async () => { let glue = await Glue({ @@ -55,7 +57,7 @@ const glueInfo = { gw: window.glue42gd.gwURL, }; -gluePromise.then((glue) => { +gluePromise.then(() => { trackApplications(); trackLayouts(); trackWorkspaces(); @@ -136,6 +138,9 @@ async function trackLayouts() { glue.layouts.onRemoved(pushAllLayouts); glue.layouts.onChanged(pushAllLayouts); glue.layouts.onRenamed(pushAllLayouts); + glue.layouts.onSaveRequested((info) => { + console.log(info); + }); activeLayout.next((await glue.layouts.getCurrentLayout()) || {}); glue.layouts.onRestored((layout) => { activeLayout.next(layout || {}); @@ -182,7 +187,7 @@ async function trackNotificationCount() { notificationEnabledObs .pipe(rxjs.operators.filter((data) => data)) .pipe(rxjs.operators.take(1)) - .subscribe((data) => { + .subscribe(() => { glue.agm.subscribe('T42.Notifications.Counter').then((subscription) => { subscription.onData(({ data }) => { notificationsCountObs.next(data.count); @@ -319,8 +324,9 @@ async function openWorkspace(name, type, context) { async function saveLayout(name) { const glue = await gluePromise; + const result = await glue.layouts.save({ name }); - return glue.layouts.save({ name }); + return result; } async function getDefaultLayout() { diff --git a/js/index.js b/js/index.js index 7edadcd..1f0b9a0 100644 --- a/js/index.js +++ b/js/index.js @@ -33,6 +33,7 @@ import { getSetting } from './settings.js'; import { populateSID } from './profile.js'; import handleScheduledShutdownRestart from './schedule-shutdown-restart.js'; +const rxjs = window.rxjs; let { map: rxMap, combineLatest: rxCombineLatest, @@ -89,7 +90,7 @@ function finishLoading() { } function observeAppElement() { - const app = q('.app'); + const app = document.querySelector('.app'); const config = { attributeFilter: ['class'], attributeOldValue: true, @@ -175,7 +176,8 @@ function printApps() { hasSearch: search.trim().length > 1, }); - q('#search-results').innerHTML = newResultsHTML || noApplicationsHTML; + document.querySelector('#search-results').innerHTML = + newResultsHTML || noApplicationsHTML; favoritesModule.updateFavoriteApps(); }); } @@ -271,9 +273,9 @@ function printRunningApps() { favoriteBtn: false, })) ); - q('#running-apps').innerHTML = newRunningAppsHTML; + document.querySelector('#running-apps').innerHTML = newRunningAppsHTML; } else { - q('#running-apps').innerHTML = noRunningAppsHTML; + document.querySelector('#running-apps').innerHTML = noRunningAppsHTML; } }); } @@ -286,9 +288,9 @@ function printLayouts() { layouts.forEach( (layout) => (newLayoutsHTML += layoutHTMLTemplate(layout)) ); - q('#layout-load>ul').innerHTML = newLayoutsHTML; + document.querySelector('#layout-load>ul').innerHTML = newLayoutsHTML; } else { - q('#layout-load>ul').innerHTML = noLayoutsHTML; + document.querySelector('#layout-load>ul').innerHTML = noLayoutsHTML; } }); } @@ -316,19 +318,21 @@ function printFavoriteApps() { favAppsHtml = noFavoriteAppsHTML; } - q('#fav-apps').innerHTML = favAppsHtml; + document.querySelector('#fav-apps').innerHTML = favAppsHtml; }); } function printNotificationCount() { glueModule.notificationsCountObs.subscribe((count) => { if (count !== null) { - q('#notifications-count').innerHTML = count; + document.querySelector('#notifications-count').innerHTML = count; if (count === 0) { - q('#notifications-count').classList.add('empty'); + document.querySelector('#notifications-count').classList.add('empty'); } else { - q('#notifications-count').classList.remove('empty'); + document + .querySelector('#notifications-count') + .classList.remove('empty'); } } }); @@ -336,7 +340,7 @@ function printNotificationCount() { function printInitialToastState() { const notificationsEnabled = getSetting('enableNotifications'); - const enableToasts = q('#enable-toasts'); + const enableToasts = document.querySelector('#enable-toasts'); if (!notificationsEnabled) { enableToasts.checked = false; @@ -349,7 +353,7 @@ async function showFeedbackPanel() { const hideFeedback = userProperties.hideFeedbackButton; if (!hideFeedback) { - q('#feedback-panel').classList.remove('d-none'); + document.querySelector('#feedback-panel').classList.remove('d-none'); } } @@ -358,7 +362,7 @@ async function showProfilePanel() { const hideProfile = userProperties.hideProfileButton; if (hideProfile === true) { - q('#profile-panel').classList.add('d-none'); + document.querySelector('#profile-panel').classList.add('d-none'); } } From 9c54d0c5d1ccd81237b6ac3bd3b9d7aacc2c98d6 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 11 Jul 2024 10:13:15 +0300 Subject: [PATCH 05/30] G4E-8032 - Add loader while awaiting response. --- index.html | 5 ++++- js/layouts.js | 5 +++++ scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 59 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 40ef55e..e14ea96 100644 --- a/index.html +++ b/index.html @@ -177,7 +177,7 @@
    Load Layouts
    Save Layouts
    -
    +
    Save Layouts placeholder="Layout name..." />
    +
    +
    +
    diff --git a/js/layouts.js b/js/layouts.js index e8dc322..173f986 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -119,12 +119,15 @@ function handleLayoutSave() { async function saveCurrentLayout() { const alertElement = document.querySelector('#layout-save-alert'); + const loaderElement = document.querySelector('#layout-save-loader'); const layoutName = document.querySelector('#layout-save-name').value; if (!layoutName || !alertElement) { return; } + loaderElement.classList.add('show'); + try { await saveLayout(escapeHtml(layoutName)); @@ -146,6 +149,8 @@ async function saveCurrentLayout() { `Failed to save the layout. ${errorMessage}` ); } + + loaderElement.classList.remove('show'); } function layoutHTMLTemplate(layout) { diff --git a/scss/app.css b/scss/app.css index 440dfd8..c362a0a 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)}:root{--logo-color-accent: #007be5}.dark{--logo-color-base: #ffffff}.light{--logo-color-base: #083044}html{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{flex-shrink:0;width:2.33em;height:60%;background-image:url("../assets/logo-icon.svg");background-position:center}html .logo-wordmark{background-image:url("../assets/logo-wordmark.svg");background-position:left}html.light .logo-icon{background-image:url("../assets/logo-icon-alt.svg"),url("../assets/logo-icon.svg")}html.light .logo-wordmark{background-image:url("../assets/logo-wordmark-alt.svg"),url("../assets/logo-wordmark.svg")}html .toggle-content{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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;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 #fav-apps>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);background-color:var(--t42-body);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}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 [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;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 .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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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%;min-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top{justify-content:flex-end}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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;justify-content:flex-start}html .horizontal .viewport{display:flex;width:100%}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:hidden;overflow-y:auto}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:.5em;z-index:11;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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}/*# 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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;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 #fav-apps>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);background-color:var(--t42-body);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}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 [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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top{justify-content:flex-end}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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;justify-content:flex-start}html .horizontal .viewport{display:flex;width:100%}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:hidden;overflow-y:auto}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:.5em;z-index:11;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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}/*# sourceMappingURL=app.css.map */ diff --git a/scss/app.css.map b/scss/app.css.map index 908185d..ddc7de3 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,oBCjDV,MACE,6BAGF,MACE,2BAGF,OACE,2BAGF,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,YAGF,gBACE,cACA,aACA,WACA,gDACA,2BAGF,oBACE,oDACA,yBAMA,sBACE,mFAIF,0BACE,2FAMN,qBH5EE,0BACA,0BACA,gEACA,qBG2EA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCH5GA,0BACA,0BACA,gEACA,qBG2GE,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,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,qBHzRE,uCACA,0BACA,gEACA,qBAME,UAMA,4BG4QF,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,iCH/UJ,2BACA,0BACA,gEACA,qBGkVA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BHjWF,uCACA,0BACA,gEACA,qBGoWI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHrYF,4BACA,0BACA,gEACA,qBGoYI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHlZA,4BACA,0BACA,gEACA,qBGiZE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBH3cF,qBAEA,+BACE,qBG4cA,yCACE,uBACA,gBH5aJ,4BACA,0BACA,gEACA,qBG6aE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BH7bA,0BACA,0BACA,gEACA,qBG4bE,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,iCACA,WACA,iBHtgBA,0BACA,0BACA,gEACA,qBGsgBA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCH7jBF,qBAEA,wCACE,qBG8jBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDH7lBJ,qBAEA,8DACE,qBG+lBA,8CH7jBF,8BACA,0BACA,gEACA,qBG4jBI,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,qDACE,aAKF,wDACE,aAKN,gCACE,kBAEA,uCACE,kBACA,MACA,YACA,WACA,aACA,oBACA,2BACA,UACA,wDAEA,+CACE,cAGF,4CACE,gBACA,0BACA,yCACA,UC/rBN,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNtCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMuBF,iCN1CA,4BACA,0BACA,gEACA,uBMyCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN7DN,0BACA,0BACA,gEACA,sBM8DI,6CACE,QNlEN,0BACA,0BACA,gEACA,sBMsEE,mDACE,UChHN,0BACE,yBAEA,oCACE,QACA,gBPiCF,kCACA,0BACA,gEACA,sBOjCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC7CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR1CF,OACA,UACA,yBACA,QQ6CE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CRtJF,+BACA,0BACA,gEACA,qBQsJI,0GAEE,iBAGE,8JR9JR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQmJM,wEACE,SAGF,gFR1KR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQ4JQ,sFR/KV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQoKA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBR3NA,+BACA,0BACA,gEACA,qBQ2NA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLkbJ,YACE,kBACA,wCAEA,oBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,0BACE,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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,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,qBHpQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGuPF,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,iCH1TJ,2BACA,0BACA,gEACA,qBG6TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH5UF,uCACA,0BACA,gEACA,qBG+UI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHhXF,4BACA,0BACA,gEACA,qBG+WI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH7XA,4BACA,0BACA,gEACA,qBG4XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHtbF,qBAEA,+BACE,qBGubA,yCACE,uBACA,gBHvZJ,4BACA,0BACA,gEACA,qBGwZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHxaA,0BACA,0BACA,gEACA,qBGuaE,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,iCACA,WACA,iBHjfA,0BACA,0BACA,gEACA,qBGifA,qBACE,aAEA,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,qDACE,aAKF,wDACE,aAKN,gCACE,kBAEA,uCACE,kBACA,MACA,YACA,WACA,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,oBC3tBJ,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,mDACE,UC/GN,0BACE,yBAEA,oCACE,QACA,gBPiCF,kCACA,0BACA,gEACA,sBOjCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC7CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR1CF,OACA,UACA,yBACA,QQ6CE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CRtJF,+BACA,0BACA,gEACA,qBQsJI,0GAEE,iBAGE,8JR9JR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQmJM,wEACE,SAGF,gFR1KR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQ4JQ,sFR/KV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQoKA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBR3NA,+BACA,0BACA,gEACA,qBQ2NA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBL6cJ,YACE,kBACA,wCAEA,oBACE,WACA,UACA,kBACA,QACA,WACA,OACA,yBACA,wGAKA,0BACE,MACA","file":"app.css"} \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss index f44d859..352e644 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -686,6 +686,54 @@ html { } } + .layout-save-input-group { + .input-control { + padding-right: 1.25rem; + } + + .input-group-append { + position: relative; + } + + .loader-wrapper { + position: absolute; + inset: 0 25%; + z-index: 10; + display: flex; + align-items: center; + justify-content: center; + transform: translateX(-150%); + } + + .loader { + display: none; + width: 0.5em; + height: 0.5em; + border-radius: 50%; + background-color: var(--primary); + animation: pulse 1s linear infinite; + + &.show { + display: block; + } + } + } + + @keyframes pulse { + 0% { + opacity: 1; + transform: scale(1); + } + 50% { + opacity: 0; + transform: scale(0.5); + } + 100% { + opacity: 1; + transform: scale(1); + } + } + @import "select"; @import "vertical"; @import "horizontal"; From 75b4f9f7b932411c973074b3f1cbcbf4ebdb4d64 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 11 Jul 2024 11:18:20 +0300 Subject: [PATCH 06/30] G4E-8032 - Add loader while awaiting response. --- js/connect-related.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/connect-related.js b/js/connect-related.js index 1336e2e..cb8835b 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -463,7 +463,7 @@ async function openNotificationPanel() { async function openFeedbackForm() { const glue = await gluePromise; - glue.feedback ?? glue.feedback(); + glue.feedback?.(); } async function registerHotkey() { From 75b976e145345f793b2e590d60b348ce63ce7cb6 Mon Sep 17 00:00:00 2001 From: Kostadin Belchev Date: Wed, 17 Jul 2024 18:21:09 +0300 Subject: [PATCH 07/30] G4E-8111 add ability to add layouts to favorites section on the toolbar WIP --- js/applications.js | 21 +++++++++++++++++ js/connect-related.js | 1 + js/favorites.js | 53 ++++++++++++++++++++++++++++++++++++++++++- js/index.js | 24 ++++++++++++++++++++ js/layouts.js | 22 ++++++++++++++---- js/settings.js | 1 + 6 files changed, 116 insertions(+), 6 deletions(-) diff --git a/js/applications.js b/js/applications.js index 25a1373..1a9c788 100644 --- a/js/applications.js +++ b/js/applications.js @@ -245,6 +245,26 @@ function favoriteApplicationHTMLTemplate(app) { `; } +function favoriteLayoutHTMLTemplate(layout) { + if (!layout) { + return ''; + } + + const displayName = typeof layout.name === 'string' ? layout.name : 'No name set'; + const isLayoutActive = layout.isActive + + return ` +
  • + + + ${displayName} + +
    • + `; +} + const noApplicationsHTML = `
  • No applications
    • `; const noRunningAppsHTML = `
  • No running applications
    • `; const noFavoriteAppsHTML = `
  • No favorite apps
    • `; @@ -257,6 +277,7 @@ export { applicationHTMLTemplate, applicationFolderHTMLTemplate, favoriteApplicationHTMLTemplate, + favoriteLayoutHTMLTemplate, handleAppClick, handleSearchChange, runningApps, diff --git a/js/connect-related.js b/js/connect-related.js index 1336e2e..221f2de 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -685,6 +685,7 @@ async function getPrefs() { toolbarAppRows: settings.toolbarAppRows, vertical: settings.vertical, favoriteApps: settings.favoriteApps, + favoriteLayouts: settings.favoriteLayouts, schedule: settings.schedule, }); setSettings(); diff --git a/js/favorites.js b/js/favorites.js index 0cc7a1a..b9d0c9b 100644 --- a/js/favorites.js +++ b/js/favorites.js @@ -1,10 +1,28 @@ import { getSetting, setSetting } from "./settings.js"; const favoriteApps = new rxjs.BehaviorSubject([]); +const favoriteLayouts = new rxjs.BehaviorSubject([]); function init() { const savedFavApps = getSetting('favoriteApps'); + const savedFavLayouts = getSetting('favoriteLayouts'); + favoriteApps.next(savedFavApps); + favoriteLayouts.next(savedFavLayouts); +} + +function updateFavoriteLayouts() { + let currentFavoriteLayouts = favoriteLayouts.value; + + document.querySelectorAll('[layout-name]').forEach((layoutElement) => { + let layoutName = layoutElement.getAttribute('layout-name'); + + if (currentFavoriteLayouts.includes(layoutName)) { + layoutElement.classList.add('fav-layout'); + } else { + layoutElement.classList.remove('fav-layout'); + } + }); } function updateFavoriteApps() { @@ -32,6 +50,30 @@ function addFavoriteApp(appName) { updateFavoriteApps(); } +function addFavoriteLayout(layoutName) { + console.log(`adding layout named: "${layoutName}" to favorites`); + + let newLayouts = favoriteLayouts.value.slice(); + + newLayouts.push(layoutName); + favoriteLayouts.next(newLayouts); + setSetting({ favoriteLayouts: newLayouts }); + updateFavoriteLayouts(); +} + +function removeFavoriteLayout(layoutNameToDelete) { + console.log('removing favorite layout'); + + let currentLayouts = favoriteLayouts.value.slice(); + + currentLayouts = currentLayouts.filter( + (layoutName) => layoutName !== layoutNameToDelete + ); + favoriteLayouts.next(currentLayouts); + setSetting({ favoriteLayouts: currentLayouts }); + updateFavoriteLayouts(); +} + function removeFavoriteApp(appName) { console.log('removing favorite app'); @@ -45,4 +87,13 @@ function removeFavoriteApp(appName) { updateFavoriteApps(); } -export { init, favoriteApps, addFavoriteApp, removeFavoriteApp, updateFavoriteApps }; +export { + init, + favoriteApps, + favoriteLayouts, + addFavoriteApp, + addFavoriteLayout, + removeFavoriteApp, + removeFavoriteLayout, + updateFavoriteApps +}; diff --git a/js/index.js b/js/index.js index 1f0b9a0..85ee872 100644 --- a/js/index.js +++ b/js/index.js @@ -10,6 +10,7 @@ import { noApplicationsHTML, noFavoriteAppsHTML, getItemHTMLTemplate, + favoriteLayoutHTMLTemplate, } from './applications.js'; import * as favoritesModule from './favorites.js'; import { @@ -320,6 +321,29 @@ function printFavoriteApps() { document.querySelector('#fav-apps').innerHTML = favAppsHtml; }); + + favoritesModule.favoriteLayouts + .pipe(rxjs.operators + .combineLatest(glueModule.layoutsObs)) + .subscribe(([favLayoutNames, allLayouts]) => { + console.log('🚀 ~ favoritesModule.favoriteLayouts.pipe ~ favLayoutNames:', favLayoutNames) + console.log('🚀 ~ favoritesModule.favoriteLayouts.pipe ~ allLayouts:', allLayouts) + // get the current favAppsHtml + let favLayoutsHtml = document.querySelector('#fav-apps').innerHTML; + + if (favLayoutNames.length > 0) { + favLayoutNames.forEach((favLayoutName) => { + let fullLayout = allLayouts.find((l) => l.name === favLayoutName); + + if (fullLayout) { + favLayoutsHtml += favoriteLayoutHTMLTemplate(fullLayout); + } + }); + + // put the favLayoutsHtml after the favAppsHtml + document.querySelector('#fav-apps').innerHTML = favLayoutsHtml; + } + }) } function printNotificationCount() { diff --git a/js/layouts.js b/js/layouts.js index 173f986..0b677dd 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -10,6 +10,7 @@ import { } from './connect-related.js'; import { escapeHtml, renderAlert } from './utils.js'; import { getSetting } from './settings.js'; +import { addFavoriteLayout, favoriteLayouts, removeFavoriteLayout } from './favorites.js'; const rxjs = window.rxjs; let filteredLayouts; @@ -70,7 +71,7 @@ function handleLayoutClick() { return; } - const name = layoutElement.getAttribute('layout-name'); + const layoutName = layoutElement.getAttribute('layout-name'); const type = layoutElement.getAttribute('layout-type'); if (e.target.matches('.delete-layout, .delete-layout *')) { @@ -82,17 +83,25 @@ function handleLayoutClick() { if (isDefault) { clearDefaultLayout(); } else { - setDefaultGlobal(name); + setDefaultGlobal(layoutName); + } + } else if (e.target.matches('.add-favorite, .add-favorite *')) { + let isLayoutFavorite = favoriteLayouts.value.includes(layoutName); + + if (isLayoutFavorite) { + removeFavoriteLayout(layoutName); + } else { + addFavoriteLayout(layoutName); } } else if (e.target.matches('.layout-menu-tool, .layout-menu-tool *')) { if (e.target.matches('.layout-menu-tool .delete')) { - removeLayout(type, name); + removeLayout(type, layoutName); } layoutElement.classList.remove('show-actions'); layoutElement.classList.remove('active'); } else { - restoreLayout(type, name); + restoreLayout(type, layoutName); } }); } @@ -172,7 +181,10 @@ function layoutHTMLTemplate(layout) { ` : '') + - ` + diff --git a/js/settings.js b/js/settings.js index 42134e2..26a8a77 100644 --- a/js/settings.js +++ b/js/settings.js @@ -12,6 +12,7 @@ let settings = { showHiddenApps: false, vertical: true, favoriteApps: [], + favoriteLayouts: [], schedule: { restart: { enable: false, From 86c5f717fee51d485b28671cec06f770111511b1 Mon Sep 17 00:00:00 2001 From: Kostadin Belchev Date: Thu, 18 Jul 2024 17:32:06 +0300 Subject: [PATCH 08/30] G4E-8111 add fav-layouts ul and populate it accordingly + combine fav apps and fav layouts correctly + update fav layout template + update layout html template + restore layout on click from fav list + adjust scss accordingly and build --- index.html | 5 +++++ js/applications.js | 17 ++++++++--------- js/index.js | 38 +++++++++++++------------------------- js/layouts.js | 8 ++++---- js/utils.js | 10 ++++++++++ scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 38 ++++++++++++++++++++++++++++++++++++++ scss/horizontal.scss | 24 ++++++++++++++++++++++++ 9 files changed, 104 insertions(+), 40 deletions(-) diff --git a/index.html b/index.html index e14ea96..fae450f 100644 --- a/index.html +++ b/index.html @@ -102,6 +102,11 @@ class="nav nav-tabs flex-column accordion" column > +
  • + return `
  • - + ${displayName}
    • @@ -267,7 +266,7 @@ function favoriteLayoutHTMLTemplate(layout) { const noApplicationsHTML = `
  • No applications
    • `; const noRunningAppsHTML = `
  • No running applications
    • `; -const noFavoriteAppsHTML = `
  • No favorite apps
    • `; +const noFavoriteAppsOrLayoutsHTML = `
  • No favorite apps or layouts
    • `; export { // applicationsObs, @@ -283,5 +282,5 @@ export { runningApps, noApplicationsHTML, noRunningAppsHTML, - noFavoriteAppsHTML, + noFavoriteAppsOrLayoutsHTML, }; diff --git a/js/index.js b/js/index.js index 85ee872..3673fbe 100644 --- a/js/index.js +++ b/js/index.js @@ -8,7 +8,7 @@ import { runningApps, noRunningAppsHTML, noApplicationsHTML, - noFavoriteAppsHTML, + noFavoriteAppsOrLayoutsHTML, getItemHTMLTemplate, favoriteLayoutHTMLTemplate, } from './applications.js'; @@ -298,14 +298,15 @@ function printLayouts() { function printFavoriteApps() { favoritesModule.favoriteApps - .pipe(rxjs.operators.combineLatest(allApplicationsObs)) - .subscribe(([favApps, allApps]) => { + .pipe(rxjs.operators.combineLatest(allApplicationsObs, favoritesModule.favoriteLayouts, glueModule.layoutsObs, glueModule.activeLayout)) + .subscribe(([favApps, allApps, favLayoutNames, allLayouts, currentlyActiveLayout]) => { let favAppsHtml = ``; + let favLayoutsHtml = ``; let existingFavApps = favApps.filter((favApp) => allApps.find((a) => a.name === favApp) ); - if (existingFavApps.length > 0) { + if (existingFavApps.length > 0 || favLayoutNames.length > 0) { existingFavApps.forEach((favApp) => { let fullApp = allApps.find((a) => a.name === favApp); @@ -315,35 +316,22 @@ function printFavoriteApps() { }); } }); - } else { - favAppsHtml = noFavoriteAppsHTML; - } - document.querySelector('#fav-apps').innerHTML = favAppsHtml; - }); - - favoritesModule.favoriteLayouts - .pipe(rxjs.operators - .combineLatest(glueModule.layoutsObs)) - .subscribe(([favLayoutNames, allLayouts]) => { - console.log('🚀 ~ favoritesModule.favoriteLayouts.pipe ~ favLayoutNames:', favLayoutNames) - console.log('🚀 ~ favoritesModule.favoriteLayouts.pipe ~ allLayouts:', allLayouts) - // get the current favAppsHtml - let favLayoutsHtml = document.querySelector('#fav-apps').innerHTML; - - if (favLayoutNames.length > 0) { favLayoutNames.forEach((favLayoutName) => { let fullLayout = allLayouts.find((l) => l.name === favLayoutName); if (fullLayout) { - favLayoutsHtml += favoriteLayoutHTMLTemplate(fullLayout); + favLayoutsHtml += favoriteLayoutHTMLTemplate(fullLayout, currentlyActiveLayout); } }); - - // put the favLayoutsHtml after the favAppsHtml - document.querySelector('#fav-apps').innerHTML = favLayoutsHtml; + } else { + favAppsHtml = noFavoriteAppsOrLayoutsHTML; } - }) + + document.querySelector('#fav-apps').innerHTML = favAppsHtml; + // put the new favLayoutsHtml in place of the old one + document.querySelector('#fav-layouts').innerHTML = favLayoutsHtml; + }); } function printNotificationCount() { diff --git a/js/layouts.js b/js/layouts.js index 0b677dd..fc2b973 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -166,9 +166,8 @@ function layoutHTMLTemplate(layout) { const textColor = layout.isDefault ? 'text-primary' : ''; return ( - ` -
  • @@ -182,7 +181,8 @@ function layoutHTMLTemplate(layout) { ` : '') + `
    +
      @@ -200,18 +201,6 @@
      Save Layouts
      -
      - -
      diff --git a/js/layouts.js b/js/layouts.js index fc2b973..1011e89 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -10,7 +10,11 @@ import { } from './connect-related.js'; import { escapeHtml, renderAlert } from './utils.js'; import { getSetting } from './settings.js'; -import { addFavoriteLayout, favoriteLayouts, removeFavoriteLayout } from './favorites.js'; +import { + addFavoriteLayout, + favoriteLayouts, + removeFavoriteLayout, +} from './favorites.js'; const rxjs = window.rxjs; let filteredLayouts; @@ -127,24 +131,27 @@ function handleLayoutSave() { } async function saveCurrentLayout() { - const alertElement = document.querySelector('#layout-save-alert'); + const alertWrapper = document.querySelector('.layout-save-alert-wrapper'); const loaderElement = document.querySelector('#layout-save-loader'); - const layoutName = document.querySelector('#layout-save-name').value; + const layoutInput = document.querySelector('#layout-save-name'); + const saveLayoutsMenu = document.querySelector('#layout-save'); + const loadLayoutsMenu = document.querySelector('#layout-load'); - if (!layoutName || !alertElement) { + if (!layoutInput.value || !alertWrapper) { return; } loaderElement.classList.add('show'); try { - await saveLayout(escapeHtml(layoutName)); + await saveLayout(escapeHtml(layoutInput.value)); renderAlert( - alertElement, + alertWrapper, 'success', - `Layout ${layoutName} has been saved successfully` + `Layout ${layoutInput.value} has been saved successfully` ); + } catch (error) { const inputString = error.message; const stringLimiter = ', type:'; @@ -153,13 +160,15 @@ async function saveCurrentLayout() { console.error('error:', error); renderAlert( - alertElement, + alertWrapper, 'warning', `Failed to save the layout. ${errorMessage}` ); } loaderElement.classList.remove('show'); + saveLayoutsMenu.classList.add('hide'); + loadLayoutsMenu.classList.remove('hide'); } function layoutHTMLTemplate(layout) { diff --git a/js/utils.js b/js/utils.js index 4dd3be3..d04d84c 100644 --- a/js/utils.js +++ b/js/utils.js @@ -230,7 +230,9 @@ function handleTopMenuClicks() { let appName = topElement.getAttribute('app-name'); startApp(appName); - } else if (e.target.matches('#fav-layouts .nav-item, #fav-layouts .nav-item *')) { + } else if ( + e.target.matches('#fav-layouts .nav-item, #fav-layouts .nav-item *') + ) { // restore a layout from the favorites list let topElement = e .composedPath() @@ -511,34 +513,36 @@ function renderAlert( return; } - switch (type) { - case 'success': - domEl.classList.add('alert-success'); - break; - case 'warning': - domEl.classList.add('alert-warning'); - break; - case 'danger': - domEl.classList.add('alert-danger'); - break; - default: - domEl.classList.add('alert-primary'); - } + const alertElement = document.createElement('div'); - const timeout = setTimeout(() => { - domEl.classList.remove('show'); - }, duration); + alertElement.className = `alert alert-${type} alert-dismissible fade show`; + alertElement.setAttribute('role', 'alert'); - domEl.querySelector('.alert-message').innerText = message; + alertElement.innerHTML = ` + +
      ${message}
      + `; - domEl.classList.add('show'); + domEl.appendChild(alertElement); - domEl.querySelector('.close').addEventListener('click', () => { - if (timeout) { - clearTimeout(timeout); - } - domEl.classList.remove('show'); + const closeButton = alertElement.querySelector('.close'); + + closeButton.addEventListener('click', () => { + clearTimeout(timeout); + alertElement.classList.remove('show'); + setTimeout(() => { + alertElement.remove(); + }, 250); }); + + const timeout = setTimeout(() => { + alertElement.classList.remove('show'); + setTimeout(() => { + alertElement.remove(); + }, 250); + }, duration); } async function isOutOfMonitor(viewportBounds) { From 5a4eccf01ce9f49916ba41696891d09f859c1c6e Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Fri, 25 Oct 2024 16:55:43 +0300 Subject: [PATCH 15/30] G4E-8134 - Issue fixed. --- js/settings.js | 2 +- js/utils.js | 39 ++++----------------------------------- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 1 + scss/horizontal.scss | 2 +- scss/top.scss | 3 --- 7 files changed, 9 insertions(+), 42 deletions(-) diff --git a/js/settings.js b/js/settings.js index 26a8a77..29479bf 100644 --- a/js/settings.js +++ b/js/settings.js @@ -30,7 +30,7 @@ let settings = { }; const toolbarWidth = { vertical: 200, - horizontal: 540, + horizontal: 600, }; const toolbarDrawerSize = { vertical: 300, diff --git a/js/utils.js b/js/utils.js index d04d84c..4c92e71 100644 --- a/js/utils.js +++ b/js/utils.js @@ -640,13 +640,8 @@ async function handleAppRowsChange() { document .querySelector('.length-select .select_options') .addEventListener('click', async (e) => { - const isVertical = getSetting('vertical'); - if (e.target.matches('input.select_input[type="radio"]')) { const selectedLength = e.target.getAttribute('length-name'); - const windowBounds = await getPhysicalWindowBounds(); - const primaryScaleFactor = await getPrimaryScaleFactor(); - const scaleFactor = await getScaleFactor(); const newToolbarHeight = getHorizontalToolbarHeight(selectedLength); setSetting({ toolbarAppRows: selectedLength }); @@ -654,16 +649,6 @@ async function handleAppRowsChange() { await setWindowSize(); setDrawerOpenDirection(); - if (!isVertical) { - await moveMyWindow({ - top: - (windowBounds.top + - currentToolbarHeight / scaleFactor - - newToolbarHeight / scaleFactor) * - primaryScaleFactor, - }); - } - currentToolbarHeight = newToolbarHeight; } }); @@ -690,7 +675,7 @@ async function setWindowSize() { } else { await moveMyWindow({ width: toolbarWidth.horizontal, - height: appLancher.offsetHeight + horizontalHeight * 2, + height: appLancher.offsetHeight + horizontalHeight, }); } } @@ -706,16 +691,7 @@ function setDrawerOpenDirection() { } else { const appLancher = document.querySelector('.viewport'); - app.style.top = `${horizontalHeight}px`; - - if ( - app.classList.contains('open-top') && - app.classList.contains('has-drawer') - ) { - app.style.top = 0; - } else { - app.style.top = `${horizontalHeight}px`; - } + app.style.top = 0; if (app.classList.contains('has-drawer')) { app.style.maxHeight = `${appLancher.offsetHeight + horizontalHeight}px`; @@ -786,26 +762,19 @@ function handleOrientationChange() { }); } -async function repositionOnOrientationChange(vertical) { +async function repositionOnOrientationChange(isVertical) { const windowBounds = await getPhysicalWindowBounds(); const primaryScaleFactor = await getPrimaryScaleFactor(); const scaleFactor = await getScaleFactor(); - const horizontalHeight = getHorizontalToolbarHeight(); - if (vertical) { + if (isVertical) { await moveMyWindow({ - top: - (windowBounds.top + horizontalHeight / scaleFactor) * - primaryScaleFactor, left: (windowBounds.left - toolbarDrawerSize.vertical / scaleFactor) * primaryScaleFactor, }); } else { await moveMyWindow({ - top: - (windowBounds.top - horizontalHeight / scaleFactor) * - primaryScaleFactor, left: (windowBounds.left + toolbarDrawerSize.vertical / scaleFactor) * primaryScaleFactor, diff --git a/scss/app.css b/scss/app.css index 62e81aa..748e702 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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;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 #fav-apps>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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top{justify-content:flex-end}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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;justify-content:flex-start}html .horizontal .viewport{display:flex;width:100%}html .horizontal .viewport>.nav{flex-wrap:nowrap;width:calc(100% - 40px)}html .horizontal .viewport .accordion{overflow-x:hidden;overflow-y:auto}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:.5em;z-index:11;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .layout-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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 #fav-apps>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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top .viewport{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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;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:hidden;overflow-y:auto}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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .layout-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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 8aeaba1..d0e66a8 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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,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,qBHpQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGuPF,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,iCH1TJ,2BACA,0BACA,gEACA,qBG6TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH5UF,uCACA,0BACA,gEACA,qBG+UI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHhXF,4BACA,0BACA,gEACA,qBG+WI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH7XA,4BACA,0BACA,gEACA,qBG4XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHtbF,qBAEA,+BACE,qBGubA,yCACE,uBACA,gBHvZJ,4BACA,0BACA,gEACA,qBGwZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHxaA,0BACA,0BACA,gEACA,qBGuaE,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,iCACA,WACA,iBHjfA,0BACA,0BACA,gEACA,qBGifA,qBACE,aAEA,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,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,oBCzuBJ,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,mDACE,UC/GN,0BACE,yBAEA,oCACE,QACA,gBPiCF,kCACA,0BACA,gEACA,sBOjCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC7CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDRvBF,uCACA,0BACA,gEACA,qBQsBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR9DF,OACA,UACA,yBACA,QQiEE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAGF,sFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CR9KF,+BACA,0BACA,gEACA,qBQ8KI,0GAEE,iBAGE,8JRtLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ2KM,wEACE,SAGF,gFRlMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQoLQ,sFRvMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ4LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRnPA,+BACA,0BACA,gEACA,qBQmPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLmcJ,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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,mDACE,UC9GJ,oCACE,gBPoCF,kCACA,0BACA,gEACA,sBOpCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC1CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDRvBF,uCACA,0BACA,gEACA,qBQsBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR9DF,OACA,UACA,yBACA,QQiEE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAGF,sFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CR9KF,+BACA,0BACA,gEACA,qBQ8KI,0GAEE,iBAGE,8JRtLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ2KM,wEACE,SAGF,gFRlMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQoLQ,sFRvMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ4LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRnPA,+BACA,0BACA,gEACA,qBQmPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLocJ,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 102c736..879cc24 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -167,6 +167,7 @@ html { .settings-system-schedule-restart, .settings-system-schedule-shutdown { align-items: normal !important; + justify-content: flex-start !important; gap: 0.5rem; .select { diff --git a/scss/horizontal.scss b/scss/horizontal.scss index e00a983..a7bc852 100644 --- a/scss/horizontal.scss +++ b/scss/horizontal.scss @@ -8,6 +8,7 @@ .viewport { display: flex; width: 100%; + z-index: 20; > .nav { flex-wrap: nowrap; @@ -30,7 +31,6 @@ position: absolute; top: 50%; right: 0.5em; - z-index: 11; transform: translateY(-50%); } diff --git a/scss/top.scss b/scss/top.scss index d2d8403..270effe 100644 --- a/scss/top.scss +++ b/scss/top.scss @@ -1,9 +1,6 @@ .horizontal { &.open-top { - justify-content: flex-end; - .viewport { - order: 1; margin-bottom: 0; @include transition("margin-bottom", 50); From 2439919c3f6048fdf281443f049babd8c3b11309 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Fri, 25 Oct 2024 17:11:27 +0300 Subject: [PATCH 16/30] Fixed issue with horizontal scroll on saved app and layout favorites. --- index.html | 15 ++------ js/index.js | 77 ++++++++++++++++++++++++--------------- js/keyboard-navigation.js | 2 +- js/settings.js | 2 +- js/utils.js | 25 ++++++------- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 2 +- scss/horizontal.scss | 8 ++-- scss/vertical.scss | 6 +-- 10 files changed, 74 insertions(+), 67 deletions(-) diff --git a/index.html b/index.html index af68a21..5242950 100644 --- a/index.html +++ b/index.html @@ -96,14 +96,9 @@
      • -
    • +
    • - @@ -173,11 +168,7 @@
      Load Layouts
        -
        +
        Save Layouts
        diff --git a/js/index.js b/js/index.js index 5a1cc7a..6a5fc94 100644 --- a/js/index.js +++ b/js/index.js @@ -293,47 +293,64 @@ function printLayouts() { } else { document.querySelector('#layout-load>ul').innerHTML = noLayoutsHTML; } - + favoritesModule.updateFavoriteLayouts(); }); } function printFavoriteApps() { favoritesModule.favoriteApps - .pipe(rxjs.operators.combineLatest(allApplicationsObs, favoritesModule.favoriteLayouts, glueModule.layoutsObs, glueModule.activeLayout)) - .subscribe(([favApps, allApps, favLayoutNames, allLayouts, currentlyActiveLayout]) => { - let favAppsHtml = ``; - let favLayoutsHtml = ``; - let existingFavApps = favApps.filter((favApp) => - allApps.find((a) => a.name === favApp) - ); + .pipe( + rxjs.operators.combineLatest( + allApplicationsObs, + favoritesModule.favoriteLayouts, + glueModule.layoutsObs, + glueModule.activeLayout + ) + ) + .subscribe( + ([ + favApps, + allApps, + favLayoutNames, + allLayouts, + currentlyActiveLayout, + ]) => { + let favAppsHtml = ``; + let favLayoutsHtml = ``; + let existingFavApps = favApps.filter((favApp) => + allApps.find((a) => a.name === favApp) + ); - if (existingFavApps.length > 0 || favLayoutNames.length > 0) { - existingFavApps.forEach((favApp) => { - let fullApp = allApps.find((a) => a.name === favApp); + if (existingFavApps.length > 0 || favLayoutNames.length > 0) { + existingFavApps.forEach((favApp) => { + let fullApp = allApps.find((a) => a.name === favApp); - if (fullApp) { - favAppsHtml += favoriteApplicationHTMLTemplate(fullApp, { - favoriteBtn: false, - }); - } - }); + if (fullApp) { + favAppsHtml += favoriteApplicationHTMLTemplate(fullApp, { + favoriteBtn: false, + }); + } + }); - favLayoutNames.forEach((favLayoutName) => { - let fullLayout = allLayouts.find((l) => l.name === favLayoutName); + favLayoutNames.forEach((favLayoutName) => { + let fullLayout = allLayouts.find((l) => l.name === favLayoutName); - if (fullLayout) { - favLayoutsHtml += favoriteLayoutHTMLTemplate(fullLayout, currentlyActiveLayout); - } - }); - } else { - favAppsHtml = noFavoriteAppsOrLayoutsHTML; - } + if (fullLayout) { + favLayoutsHtml += favoriteLayoutHTMLTemplate( + fullLayout, + currentlyActiveLayout + ); + } + }); + } else { + favAppsHtml = noFavoriteAppsOrLayoutsHTML; + } - document.querySelector('#fav-apps').innerHTML = favAppsHtml; - // put the new favLayoutsHtml in place of the old one - document.querySelector('#fav-layouts').innerHTML = favLayoutsHtml; - }); + document.querySelector('#favorites').innerHTML = + favAppsHtml + favLayoutsHtml; + } + ); } function printNotificationCount() { diff --git a/js/keyboard-navigation.js b/js/keyboard-navigation.js index 71d91b2..6ea889e 100644 --- a/js/keyboard-navigation.js +++ b/js/keyboard-navigation.js @@ -93,7 +93,7 @@ function handleKeyboardNavigation() { const isItemAppFavorite = (e) => upTo(e, (el) => { - return el?.id === 'fav-apps'; + return el?.id === 'favorites'; }); const isItemFromMainMenu = (e) => diff --git a/js/settings.js b/js/settings.js index 29479bf..1b094f6 100644 --- a/js/settings.js +++ b/js/settings.js @@ -30,7 +30,7 @@ let settings = { }; const toolbarWidth = { vertical: 200, - horizontal: 600, + horizontal: 595, }; const toolbarDrawerSize = { vertical: 300, diff --git a/js/utils.js b/js/utils.js index 4c92e71..0c4b275 100644 --- a/js/utils.js +++ b/js/utils.js @@ -222,25 +222,24 @@ function handleTopMenuClicks() { } setDrawerOpenDirection(); - } else if (e.target.matches('#fav-apps .nav-item, #fav-apps .nav-item *')) { - // start or focus an app from the favorites list - let topElement = e - .composedPath() - .find((e) => e.classList && e.classList.contains('nav-item')); - let appName = topElement.getAttribute('app-name'); - - startApp(appName); } else if ( - e.target.matches('#fav-layouts .nav-item, #fav-layouts .nav-item *') + e.target.matches('#favorites .nav-item, #favorites .nav-item *') ) { - // restore a layout from the favorites list + // start or focus an app from the favorites list let topElement = e .composedPath() .find((e) => e.classList && e.classList.contains('nav-item')); + let appName = topElement.getAttribute('app-name'); let layoutName = topElement.getAttribute('layout-name'); let layoutType = topElement.getAttribute('layout-type'); - restoreLayout(layoutType, layoutName); + if (appName) { + startApp(appName); + } + + if (layoutType && layoutName) { + restoreLayout(layoutType, layoutName); + } } }); } @@ -359,10 +358,10 @@ function handleLayoutsHover() { } async function handleMouseHover() { - document.querySelector('#fav-apps').addEventListener('mousewheel', (e) => { + document.querySelector('#favorites').addEventListener('mousewheel', (e) => { // TODO: move if (document.querySelector('.horizontal')) { - document.querySelector('#fav-apps').scrollLeft += Math.round( + document.querySelector('#favorites').scrollLeft += Math.round( e.deltaY * 0.8 ); e.preventDefault(); diff --git a/scss/app.css b/scss/app.css index 748e702..d37c43d 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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 #fav-apps>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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .fav-app-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 .fav-app-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 #fav-apps>li:not(.nav-item){opacity:1}html .horizontal.open-top .viewport{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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;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:hidden;overflow-y:auto}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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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 .fav-app-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.fav-app-nav{flex-grow:1;display:flex;align-items:center}html .horizontal .viewport .nav-tabs li.fav-app-nav::-webkit-scrollbar{height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav{flex-wrap:nowrap;width:100%}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar{width:0;height:1px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-button{display:none}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover{overflow-x:auto;overflow-y:scroll}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .app-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav:hover .layout-active::before{height:2px}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item{flex-basis:59px;overflow:hidden}html .horizontal .viewport .nav-tabs li.fav-app-nav .nav .nav-item .text-animation,html .horizontal .viewport .nav-tabs li.fav-app-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}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:auto}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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .viewport{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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 d0e66a8..ccbd631 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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,sCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,4BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,oCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,mDACE,UC9GJ,oCACE,gBPoCF,kCACA,0BACA,gEACA,sBOpCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC1CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,kBACA,gBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDRvBF,uCACA,0BACA,gEACA,qBQsBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR9DF,OACA,UACA,yBACA,QQiEE,iDACE,aAGF,0CACE,YAEA,4CACE,iBACA,SAIJ,8CACE,gBAEA,6JAGE,iBAEA,+uBAIE,UACA,mBAIA,8OACE,UACA,mBAKF,sQACE,eACA,eAGF,mQACE,eAOV,wCACE,iBAGF,qCACE,YAEA,wCACE,gBACA,WAEA,oDACE,YACA,aACA,mBAEA,uEACE,WAGF,yDACE,iBACA,WAEA,4EACE,QACA,WAGF,mFACE,aAGF,kFACE,sCAGF,+DACE,gBACA,kBAEA,mFACE,WAGF,sFACE,WAIJ,mEACE,gBACA,gBAEA,4KAEE,aAOV,+CR9KF,+BACA,0BACA,gEACA,qBQ8KI,0GAEE,iBAGE,8JRtLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ2KM,wEACE,SAGF,gFRlMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQoLQ,sFRvMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ4LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRnPA,+BACA,0BACA,gEACA,qBQmPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLocJ,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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UC9GJ,oCACE,gBPoCF,kCACA,0BACA,gEACA,sBOpCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC1CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDRvBF,uCACA,0BACA,gEACA,qBQsBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR9DF,OACA,UACA,yBACA,QQiEE,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,+CR9KF,+BACA,0BACA,gEACA,qBQ8KI,0GAEE,iBAGE,8JRtLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ2KM,wEACE,SAGF,gFRlMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQoLQ,sFRvMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ4LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRnPA,+BACA,0BACA,gEACA,qBQmPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLocJ,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 879cc24..9d601a0 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -405,7 +405,7 @@ html { } } - #fav-apps { + #favorites { & > li:not(.nav-item) { @include transition("opacity", 0); opacity: 0; diff --git a/scss/horizontal.scss b/scss/horizontal.scss index a7bc852..3ad138b 100644 --- a/scss/horizontal.scss +++ b/scss/horizontal.scss @@ -16,8 +16,8 @@ } .accordion { - overflow-x: hidden; - overflow-y: auto; + overflow-x: auto; + overflow-y: hidden; } .logo-wordmark { @@ -148,7 +148,7 @@ } } - .fav-app-nav { + .favorites-nav { flex-wrap: nowrap; } @@ -159,7 +159,7 @@ flex-basis: 59px; width: 60px; - &.fav-app-nav { + &.favorites-nav { flex-grow: 1; display: flex; align-items: center; diff --git a/scss/vertical.scss b/scss/vertical.scss index bcea6b1..e470e2e 100644 --- a/scss/vertical.scss +++ b/scss/vertical.scss @@ -46,7 +46,7 @@ } } - .fav-app-nav { + .favorites-nav { flex-grow: 1; overflow: hidden; } @@ -85,7 +85,7 @@ } } - .fav-app-nav { + .favorites-nav { overflow-y: auto; } @@ -108,7 +108,7 @@ } } - #fav-apps { + #favorites { & > li:not(.nav-item) { opacity: 1; } From 261b4e827d260f29c8637997dca3b9d07f586834 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Tue, 29 Oct 2024 09:44:37 +0200 Subject: [PATCH 17/30] G4E-8134 - Removed all horizontal toolbar open upwards functionality. --- js/utils.js | 11 ---------- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/horizontal.scss | 2 -- scss/top.scss | 49 -------------------------------------------- 5 files changed, 2 insertions(+), 64 deletions(-) delete mode 100644 scss/top.scss diff --git a/js/utils.js b/js/utils.js index 0c4b275..06f4137 100644 --- a/js/utils.js +++ b/js/utils.js @@ -705,7 +705,6 @@ async function setDrawerOpenClasses() { const visibleArea = await getVisibleArea(document.querySelector('.viewport')); const app = document.querySelector('.app'); const isVertical = getSetting('vertical'); - const horizontalHeight = getHorizontalToolbarHeight(); const drawerOpen = app.classList.contains('has-drawer'); if (drawerOpen) { @@ -718,16 +717,6 @@ async function setDrawerOpenClasses() { } else if (app.classList.contains('open-left')) { app.classList.remove('open-left'); } - } else if (visibleArea.bottom + horizontalHeight > workArea.bottom) { - if (visibleArea.top - horizontalHeight < workArea.top) { - if (app.classList.contains('open-top')) { - app.classList.remove('open-top'); - } - } else { - app.classList.add('open-top'); - } - } else if (app.classList.contains('open-top')) { - app.classList.remove('open-top'); } } diff --git a/scss/app.css b/scss/app.css index d37c43d..44e7121 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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 .viewport{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 .dropdown-menu{top:auto;bottom:100%}html .horizontal.open-top .viewport .layouts-nav .layout-menu-tool{top:calc(-6rem + 2px)}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%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 ccbd631..15d2af0 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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UC9GJ,oCACE,gBPoCF,kCACA,0BACA,gEACA,sBOpCE,mDACE,SACA,YAIA,mEACE,sBAKF,uDACE,yBAIA,iEACE,wBAMR,0CACE,4CACA,gBAEA,+CACE,aAGF,6CACE,qBAGF,wDACE,oBACA,oBC1CR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CRHF,uCACA,0BACA,gEACA,qBQEI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDRvBF,uCACA,0BACA,gEACA,qBQsBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKR9DF,OACA,UACA,yBACA,QQiEE,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,+CR9KF,+BACA,0BACA,gEACA,qBQ8KI,0GAEE,iBAGE,8JRtLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ2KM,wEACE,SAGF,gFRlMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBQoLQ,sFRvMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBQ4LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBRnPA,+BACA,0BACA,gEACA,qBQmPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBLocJ,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","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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UChHR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJscJ,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/horizontal.scss b/scss/horizontal.scss index 3ad138b..571f20d 100644 --- a/scss/horizontal.scss +++ b/scss/horizontal.scss @@ -1,5 +1,3 @@ -@import "top"; - .horizontal { width: 100%; max-height: 48px; diff --git a/scss/top.scss b/scss/top.scss deleted file mode 100644 index 270effe..0000000 --- a/scss/top.scss +++ /dev/null @@ -1,49 +0,0 @@ -.horizontal { - &.open-top { - .viewport { - margin-bottom: 0; - @include transition("margin-bottom", 50); - - .dropdown-menu { - top: auto; - bottom: 100%; - } - - .layouts-nav { - .layout-menu-tool { - top: calc(-6rem + 2px); - } - } - - .nav-item { - .chevron { - transform: rotate(-90deg); - } - - &.is-active { - .chevron { - transform: rotate(90deg); - } - } - } - } - - .toggle-content { - border-top: 1px solid rgba(255, 255, 255, 0.075); - border-bottom: 0; - - &.hide { - border-top: 0; - } - - h3 { - padding-right: 0.25rem; - } - - .close-drawer { - transform: rotate(0); - margin: 0.25rem 0 0 0; - } - } - } -} From 18d5888e19111047b3f66bb7521d9f65df199504 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Tue, 29 Oct 2024 14:54:49 +0200 Subject: [PATCH 18/30] G4E-8134 - Fix saved layout alert z-index. --- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/scss/app.css b/scss/app.css index 44e7121..4e9f69d 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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;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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 15d2af0..e82ad0a 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","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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UChHR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJscJ,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","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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,oBC3uBJ,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UChHR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJucJ,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 9d601a0..20eccab 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -682,6 +682,7 @@ html { top: 0; right: 0.5rem; left: 0.5rem; + z-index: 1; max-height: 0; padding: 0 4em 0 1em; border-color: transparent; From 1cbb55c7eb35099d3c282bdbbbaf12cfb44e12d4 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Tue, 29 Oct 2024 15:16:54 +0200 Subject: [PATCH 19/30] G4E-8378 - Logo wordmark size update. --- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/vertical.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/scss/app.css b/scss/app.css index 4e9f69d..807504d 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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:25%;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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 e82ad0a..37870f4 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","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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,oBC3uBJ,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,WACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UChHR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJucJ,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","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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,oBC3uBJ,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UChHR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJucJ,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/vertical.scss b/scss/vertical.scss index e470e2e..705268d 100644 --- a/scss/vertical.scss +++ b/scss/vertical.scss @@ -27,7 +27,7 @@ justify-content: center; max-width: 0; min-width: 0; - height: 25%; + height: auto; margin-left: 0; opacity: 0; @include transition(all, 0); From 56cd6895998008bcb7dbf784ab15601e6b73ce88 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Tue, 5 Nov 2024 15:39:31 +0200 Subject: [PATCH 20/30] Change window sizing in progress. --- js/connect-related.js | 4 +- js/index.js | 24 +++++----- js/keyboard-navigation.js | 2 +- js/layouts.js | 3 +- js/settings.js | 2 +- js/utils.js | 65 +++++++-------------------- js/window-sizing.js | 92 +++++++++++++++++++++++++++++++++++++++ scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 2 +- scss/left.scss | 4 +- scss/vertical.scss | 5 +-- 12 files changed, 131 insertions(+), 76 deletions(-) create mode 100644 js/window-sizing.js diff --git a/js/connect-related.js b/js/connect-related.js index ddee527..5a8be31 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -6,11 +6,11 @@ import { } from './settings.js'; import { setOrientation, - setWindowSize, setWindowPosition, setDrawerOpenClasses, setDrawerOpenDirection, } from './utils.js'; +import { setWindowSize } from './window-sizing.js'; console.time('Glue'); @@ -707,9 +707,9 @@ async function getPrefs() { }); } - await setWindowSize(); setDrawerOpenDirection(); await setDrawerOpenClasses(); + await setWindowSize(); await setWindowPosition(); glue.prefs.subscribe(() => { diff --git a/js/index.js b/js/index.js index 6a5fc94..cace4bd 100644 --- a/js/index.js +++ b/js/index.js @@ -33,6 +33,7 @@ import { import { getSetting } from './settings.js'; import { populateSID } from './profile.js'; import handleScheduledShutdownRestart from './schedule-shutdown-restart.js'; +import { setWindowSizeOnHover } from './window-sizing.js'; const rxjs = window.rxjs; let { @@ -98,19 +99,20 @@ function observeAppElement() { attributes: true, }; - function callback(entries) { - let newValue; + function callback([entry]) { + const newValue = entry.target.getAttribute(entry.attributeName); - entries.forEach((entry) => { - newValue = entry.target.getAttribute(entry.attributeName); + if ( + entry.type === 'attributes' && + entry.attributeName === 'class' && + newValue !== entry.oldValue + ) { + utils.setDrawerOpenDirection(); + utils.setDrawerOpenClasses(); + setWindowSizeOnHover(); - if (entry.type === 'attributes' && entry.attributeName === 'class') { - if (newValue !== entry.oldValue) { - utils.setDrawerOpenDirection(); - utils.setDrawerOpenClasses(); - } - } - }); + console.log('App classes changed:', newValue); + } } utils.elementObserver(app, config, callback); diff --git a/js/keyboard-navigation.js b/js/keyboard-navigation.js index 6ea889e..bd36e66 100644 --- a/js/keyboard-navigation.js +++ b/js/keyboard-navigation.js @@ -460,7 +460,7 @@ function handleKeyboardNavigation() { } document.addEventListener('keydown', (e) => { - q('.app').classList.add('expand-wrapper'); + q('.app').classList.add('expanded'); q('.viewport').classList.add('expand'); switch (e.key) { case 'Space': diff --git a/js/layouts.js b/js/layouts.js index 1011e89..ab01fec 100644 --- a/js/layouts.js +++ b/js/layouts.js @@ -113,7 +113,7 @@ function handleLayoutClick() { function handleLayoutsSaveMenuItemClick() { document.querySelector('#save').addEventListener('click', () => { document.querySelector('#layout-save-name').value = - activeLayout._value.name || defaultLayout._value.name; + activeLayout?._value?.name || defaultLayout?._value?.name; }); } @@ -151,7 +151,6 @@ async function saveCurrentLayout() { 'success', `Layout ${layoutInput.value} has been saved successfully` ); - } catch (error) { const inputString = error.message; const stringLimiter = ', type:'; diff --git a/js/settings.js b/js/settings.js index 1b094f6..ca362e9 100644 --- a/js/settings.js +++ b/js/settings.js @@ -29,7 +29,7 @@ let settings = { }, }; const toolbarWidth = { - vertical: 200, + vertical: 60, horizontal: 595, }; const toolbarDrawerSize = { diff --git a/js/utils.js b/js/utils.js index 06f4137..0f01c28 100644 --- a/js/utils.js +++ b/js/utils.js @@ -21,7 +21,6 @@ import { restoreLayout, } from './connect-related.js'; import { - toolbarWidth, toolbarDrawerSize, initialPosition, setSetting, @@ -33,11 +32,11 @@ import { profile_handleRestartClick, profile_handleFeedbackClick, } from './profile.js'; - import { handleNotificationClick, handleEnableNotifications, } from './notifications.js'; +import { setWindowSize } from './window-sizing.js'; import handleKeyboardNavigation from './keyboard-navigation.js'; @@ -222,13 +221,14 @@ function handleTopMenuClicks() { } setDrawerOpenDirection(); + await setWindowSize(); } else if ( e.target.matches('#favorites .nav-item, #favorites .nav-item *') ) { // start or focus an app from the favorites list let topElement = e .composedPath() - .find((e) => e.classList && e.classList.contains('nav-item')); + .find((e) => e.classList?.contains('nav-item')); let appName = topElement.getAttribute('app-name'); let layoutName = topElement.getAttribute('layout-name'); let layoutType = topElement.getAttribute('layout-type'); @@ -247,8 +247,8 @@ function handleTopMenuClicks() { function handleCloseDrawerClicks() { document.addEventListener('click', (e) => { if (e.target.matches('.close-drawer, .close-drawer *')) { - let menu = e.composedPath().find((e) => e && e.getAttribute('menu-id')); - let menuId = menu && menu.getAttribute('menu-id'); + let menu = e.composedPath().find((e) => e?.getAttribute('menu-id')); + let menuId = menu?.getAttribute('menu-id'); if (menuId) { document.querySelector(`[menu-button-id="${menuId}"]`).click(); @@ -371,8 +371,8 @@ async function handleMouseHover() { let closeTimeout; document.querySelector('.app').addEventListener('mouseenter', () => { + document.querySelector('.app').classList.add('expanded'); document.querySelector('.viewport').classList.add('expand'); - document.querySelector('.app').classList.add('expand-wrapper'); if (closeTimeout) { clearTimeout(closeTimeout); @@ -416,7 +416,7 @@ async function handleMouseHover() { document.querySelector('.viewport').classList.remove('expand'); document.querySelector('.show-actions').classList.remove('hover'); - document.querySelector('.app').classList.remove('expand-wrapper'); + document.querySelector('.app').classList.remove('expanded'); document .querySelectorAll('.toggle-content') .forEach((e) => e.classList.add('hide')); @@ -634,51 +634,20 @@ async function handleAppRowsChange() { 'length' ); - let currentToolbarHeight = getHorizontalToolbarHeight(); - document .querySelector('.length-select .select_options') .addEventListener('click', async (e) => { if (e.target.matches('input.select_input[type="radio"]')) { const selectedLength = e.target.getAttribute('length-name'); - const newToolbarHeight = getHorizontalToolbarHeight(selectedLength); setSetting({ toolbarAppRows: selectedLength }); - await setWindowSize(); setDrawerOpenDirection(); - - currentToolbarHeight = newToolbarHeight; + await setWindowSize(); } }); } -async function setWindowSize() { - const isVertical = getSetting('vertical'); - const appLancher = document.querySelector('.viewport-header'); - const appContentHeader = document.querySelector('.app-content-header'); - const appRowsNumber = getSetting('toolbarAppRows'); - const navItem = document.querySelector('.applications-nav'); - const contentItems = document.querySelector('.content-items'); - const horizontalHeight = getHorizontalToolbarHeight(); - - appLancher.style.height = `${appLancher.offsetHeight}px`; - appContentHeader.style.height = `${appContentHeader.offsetHeight}px`; - contentItems.style.height = `${navItem.offsetHeight * appRowsNumber}px`; - - if (isVertical) { - await moveMyWindow({ - width: toolbarWidth.vertical + toolbarDrawerSize.vertical * 2, - height: horizontalHeight, - }); - } else { - await moveMyWindow({ - width: toolbarWidth.horizontal, - height: appLancher.offsetHeight + horizontalHeight, - }); - } -} - function setDrawerOpenDirection() { const app = document.querySelector('.app'); const isVertical = getSetting('vertical'); @@ -704,19 +673,15 @@ async function setDrawerOpenClasses() { const workArea = await getWindowWorkArea(); const visibleArea = await getVisibleArea(document.querySelector('.viewport')); const app = document.querySelector('.app'); - const isVertical = getSetting('vertical'); - const drawerOpen = app.classList.contains('has-drawer'); - if (drawerOpen) { - return; - } + if (app.classList.contains('has-drawer')) return; + + const isVertical = getSetting('vertical'); if (isVertical) { - if (visibleArea.right + toolbarDrawerSize.vertical > workArea.right) { - app.classList.add('open-left'); - } else if (app.classList.contains('open-left')) { - app.classList.remove('open-left'); - } + const shouldOpenLeft = + visibleArea.right + toolbarDrawerSize.vertical > workArea.right; + app.classList.toggle('open-left', shouldOpenLeft); } } @@ -965,11 +930,11 @@ export { startTutorial, escapeHtml, getAppIcon, - setWindowSize, setWindowPosition, setDrawerOpenClasses, setDrawerOpenDirection, elementObserver, populateSettingsDropdown, renderAlert, + getHorizontalToolbarHeight, }; diff --git a/js/window-sizing.js b/js/window-sizing.js new file mode 100644 index 0000000..1969c3f --- /dev/null +++ b/js/window-sizing.js @@ -0,0 +1,92 @@ +import { moveMyWindow, getPhysicalWindowBounds } from './connect-related.js'; +import { getHorizontalToolbarHeight } from './utils.js'; +import { toolbarWidth, toolbarDrawerSize } from './settings.js'; + +const expandedToolbarWidth = 200; + +function debounceFunction(func, delay = 300) { + let timeout; + return function (...args) { + clearTimeout(timeout); + timeout = setTimeout(() => func(...args), delay); + }; +} + +const debouncedMoveMyWindow = debounceFunction((params) => { + moveMyWindow(params); +}); + +async function setWindowSizeOnHover() { + const appClasses = Array.from(document.querySelector('.app').classList); + const isVertical = appClasses.includes('vertical'); + const isExpanded = appClasses.includes('expanded'); + const hasDrawer = appClasses.includes('has-drawer'); + + if (hasDrawer) return; + + const windowSize = isVertical + ? { width: isExpanded ? expandedToolbarWidth : toolbarWidth.vertical } + : { height: isExpanded ? 180 : 60 }; + + if (isVertical && !isExpanded) { + debouncedMoveMyWindow(windowSize); + } else { + moveMyWindow(windowSize); + } +} + +async function setWindowSize() { + const windowBounds = await getPhysicalWindowBounds(); + const toolbarHeight = getHorizontalToolbarHeight(); + const appClasses = Array.from(document.querySelector('.app').classList); + + const isVertical = appClasses.includes('vertical'); + const isExpanded = appClasses.includes('expanded'); + const hasDrawer = appClasses.includes('has-drawer'); + const isOpenLeft = appClasses.includes('open-left'); + const isOpenTop = appClasses.includes('open-top'); + + const bounds = isVertical + ? { height: toolbarHeight } + : { width: toolbarWidth.horizontal }; + + if (isVertical) { + if (isExpanded) { + const calculatedLeft = hasDrawer + ? windowBounds.left - toolbarDrawerSize.vertical + : windowBounds.left + toolbarDrawerSize.vertical; + + bounds.left = isOpenLeft ? calculatedLeft : bounds.left; + + bounds.width = hasDrawer + ? expandedToolbarWidth + toolbarDrawerSize.vertical + : expandedToolbarWidth; + } else { + bounds.width = toolbarWidth.vertical; + } + } else { + if (isExpanded) { + const calculatedTop = hasDrawer + ? windowBounds.top - toolbarDrawerSize.horizontal + : windowBounds.top + toolbarDrawerSize.horizontal; + + const calculatedHeightOpenTop = hasDrawer + ? toolbarHeight + toolbarDrawerSize.horizontal + : toolbarHeight; + + const calculatedHeightNotOpenTop = hasDrawer ? toolbarHeight + 56 : 180; + + bounds.top = isOpenTop ? calculatedTop : bounds.top; + + bounds.height = isOpenTop + ? calculatedHeightOpenTop + : calculatedHeightNotOpenTop; + } else { + bounds.height = 56; + } + } + + moveMyWindow(bounds); +} + +export { setWindowSize, setWindowSizeOnHover }; diff --git a/scss/app.css b/scss/app.css index 807504d..84fa633 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{height:100%}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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{transition-property:width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms;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);background-color:var(--t42-body);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}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{transition-property:left, width;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}html .vertical.open-left.has-drawer{left:0}html .vertical.open-left .viewport{order:1}html .vertical.open-left .toggle-content{width:300px;transition-property:width, left;transition-duration:300ms;transition-timing-function:cubic-bezier(0.34, 0.03, 0.13, 0.93);transition-delay:0ms}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{width:auto;left:300px}html .vertical .viewport{height:100%}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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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{height:100%;border:3px solid red}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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);background-color:var(--t42-body);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}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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 37870f4..08fc13c 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","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,oBCjDV,KACE,YAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,qBHvDE,0BACA,0BACA,gEACA,qBGsDA,YACA,YACA,gBACA,mBACA,aACA,sBAGA,kCACE,iBAGF,0BACE,QACA,mCAEA,4CACE,UAIJ,0BACE,cAGF,wBACE,mBACA,kBAGF,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,oBC3uBJ,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,eCnHF,yBLsCE,gCACA,0BACA,gEACA,qBKtCA,oCACE,OAGF,mCACE,QAGF,yCACE,YL0BF,gCACA,0BACA,gEACA,qBK1BE,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBC5BR,eACE,WACA,WAEA,yBACE,YAEA,sCACE,YAIJ,qBACE,YACA,UNuBA,uCACA,0BACA,gEACA,qBMtBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNQF,wBACA,0BACA,gEACA,qBMPA,sCACE,YACA,UACA,oBACA,uCNCF,0BACA,gEACA,qBMCA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNrCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMsBF,iCNzCA,4BACA,0BACA,gEACA,uBMwCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBN5DN,0BACA,0BACA,gEACA,sBM6DI,6CACE,QNjEN,0BACA,0BACA,gEACA,sBMqEE,oDACE,UChHR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJucJ,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","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,oBCjDV,KACE,YACA,qBAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,oBC3uBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJucJ,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 20eccab..cae0783 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -4,6 +4,7 @@ html { height: 100%; + border: 3px solid red; body { height: 100%; @@ -93,7 +94,6 @@ html { } .toggle-content { - @include transition("width", 0); height: 100%; width: 300px; overflow: hidden; diff --git a/scss/left.scss b/scss/left.scss index fbb6703..e0e9aa7 100644 --- a/scss/left.scss +++ b/scss/left.scss @@ -1,6 +1,6 @@ .vertical { &.open-left { - @include transition("left, width", 0); + // @include transition("left, width", 0); &.has-drawer { left: 0; @@ -12,7 +12,7 @@ .toggle-content { width: 300px; - @include transition("width, left", 0); + // @include transition("width, left", 0); &.hide { width: 0px; diff --git a/scss/vertical.scss b/scss/vertical.scss index 705268d..f18f655 100644 --- a/scss/vertical.scss +++ b/scss/vertical.scss @@ -1,11 +1,8 @@ @import "left"; .vertical { - width: auto; - left: 300px; - .viewport { - height: 100%; + // height: 100%; > .flex-column { height: 100%; From d010c85def30124050ed01ea68d2cfa29af0c374 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 7 Nov 2024 09:38:07 +0200 Subject: [PATCH 21/30] In progress. --- js/connect-related.js | 48 +----------------- js/index.js | 25 ++++++++-- js/utils.js | 33 ++----------- js/window-sizing.js | 111 +++++++++++++++--------------------------- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 5 -- 7 files changed, 67 insertions(+), 159 deletions(-) diff --git a/js/connect-related.js b/js/connect-related.js index 5a8be31..4999b6b 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -8,7 +8,6 @@ import { setOrientation, setWindowPosition, setDrawerOpenClasses, - setDrawerOpenDirection, } from './utils.js'; import { setWindowSize } from './window-sizing.js'; @@ -63,45 +62,11 @@ gluePromise.then(() => { trackWorkspaces(); trackThemeChanges(); trackWindowMove(); - trackDisplayChange(); trackConnection(); trackNotificationCount(); - trackWindowZoom(); trackNotificationPanelVisibilityChange(); }); -async function trackWindowZoom() { - const glue = await gluePromise; - applyWindowZoom(); - trackWindowResize(); - - glue.windows.my().onBoundsChanged(() => { - applyWindowZoom(); - }); -} - -async function applyWindowZoom() { - const glue = await gluePromise; - const glueWindowHeight = glue.windows.my().bounds.height; - const windowHeight = window.innerHeight; - const zoomRatio = windowHeight / glueWindowHeight; - - document.documentElement.style.zoom = zoomRatio; -} - -function applyWindowZoomWithDelay() { - setTimeout(() => { - applyWindowZoom(); - }, 1000); -} - -function trackWindowResize() { - window.addEventListener('resize', () => { - applyWindowZoom(); - applyWindowZoomWithDelay(); - }); -} - async function trackApplications() { const glue = await gluePromise; @@ -216,14 +181,6 @@ async function trackWindowMove() { }); } -async function trackDisplayChange() { - const glue = await gluePromise; - - glue.displays.onDisplayChanged(async () => { - await setWindowSize(); - }); -} - async function trackNotificationPanelVisibilityChange() { const glue = await gluePromise; const notificationPanel = document.querySelector('#notification-panel'); @@ -699,21 +656,20 @@ async function getPrefs() { } setOrientation(); + setWindowSize(); if (glue.windows.my().state === 'minimized') { const un = glue.windows.my().onNormal(async () => { un(); - await setWindowSize(); }); } - setDrawerOpenDirection(); await setDrawerOpenClasses(); - await setWindowSize(); await setWindowPosition(); glue.prefs.subscribe(() => { setOrientation(); + setWindowSize(); }); } diff --git a/js/index.js b/js/index.js index cace4bd..5e48ed5 100644 --- a/js/index.js +++ b/js/index.js @@ -33,7 +33,7 @@ import { import { getSetting } from './settings.js'; import { populateSID } from './profile.js'; import handleScheduledShutdownRestart from './schedule-shutdown-restart.js'; -import { setWindowSizeOnHover } from './window-sizing.js'; +import { observeSizeChange, setInitialWindowSize } from './window-sizing.js'; const rxjs = window.rxjs; let { @@ -48,6 +48,8 @@ document.addEventListener('DOMContentLoaded', () => { init(); }); +const app = document.querySelector('.app'); + async function init() { await glueModule.getPrefs(); await glueModule.getNotificationsConfiguration(); @@ -85,6 +87,22 @@ async function init() { populateSID(); showFeedbackPanel(); showProfilePanel(); + + setInitialWindowSize(); + + observeSizeChange(app, (width, height) => { + console.log( + 'Trigger moveMyWindow with:', + 'width:', + width, + 'height:', + height + ); + glueModule.moveMyWindow({ + width, + height, + }); + }); } function finishLoading() { @@ -107,11 +125,8 @@ function observeAppElement() { entry.attributeName === 'class' && newValue !== entry.oldValue ) { - utils.setDrawerOpenDirection(); utils.setDrawerOpenClasses(); - setWindowSizeOnHover(); - - console.log('App classes changed:', newValue); + console.log(io.windows.my().bounds); } } diff --git a/js/utils.js b/js/utils.js index 0f01c28..3e74249 100644 --- a/js/utils.js +++ b/js/utils.js @@ -219,9 +219,6 @@ function handleTopMenuClicks() { } else { document.querySelector('.app').classList.remove('has-drawer'); } - - setDrawerOpenDirection(); - await setWindowSize(); } else if ( e.target.matches('#favorites .nav-item, #favorites .nav-item *') ) { @@ -241,6 +238,8 @@ function handleTopMenuClicks() { restoreLayout(layoutType, layoutName); } } + + setWindowSize(); }); } @@ -641,34 +640,11 @@ async function handleAppRowsChange() { const selectedLength = e.target.getAttribute('length-name'); setSetting({ toolbarAppRows: selectedLength }); - - setDrawerOpenDirection(); - await setWindowSize(); + setWindowSize(); } }); } -function setDrawerOpenDirection() { - const app = document.querySelector('.app'); - const isVertical = getSetting('vertical'); - const horizontalHeight = getHorizontalToolbarHeight(); - - if (isVertical) { - app.style.top = 0; - app.style.maxHeight = `${horizontalHeight}px`; - } else { - const appLancher = document.querySelector('.viewport'); - - app.style.top = 0; - - if (app.classList.contains('has-drawer')) { - app.style.maxHeight = `${appLancher.offsetHeight + horizontalHeight}px`; - } else { - app.style.maxHeight = `${appLancher.offsetHeight}px`; - } - } -} - async function setDrawerOpenClasses() { const workArea = await getWindowWorkArea(); const visibleArea = await getVisibleArea(document.querySelector('.viewport')); @@ -711,7 +687,6 @@ function handleOrientationChange() { setSetting({ vertical: isVertical }); await repositionOnOrientationChange(isVertical); - await setWindowSize(); }); } @@ -903,7 +878,6 @@ async function setWindowPosition() { async function resetWindow() { setSetting({ vertical: true }); - await setWindowSize(); windowCenter(); } @@ -932,7 +906,6 @@ export { getAppIcon, setWindowPosition, setDrawerOpenClasses, - setDrawerOpenDirection, elementObserver, populateSettingsDropdown, renderAlert, diff --git a/js/window-sizing.js b/js/window-sizing.js index 1969c3f..f81cf45 100644 --- a/js/window-sizing.js +++ b/js/window-sizing.js @@ -1,92 +1,61 @@ -import { moveMyWindow, getPhysicalWindowBounds } from './connect-related.js'; +import { toolbarWidth, getSetting } from './settings.js'; import { getHorizontalToolbarHeight } from './utils.js'; -import { toolbarWidth, toolbarDrawerSize } from './settings.js'; -const expandedToolbarWidth = 200; +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) + ); + } + }); + resizeObserver.observe(element); -function debounceFunction(func, delay = 300) { - let timeout; - return function (...args) { - clearTimeout(timeout); - timeout = setTimeout(() => func(...args), delay); - }; + return resizeObserver; } -const debouncedMoveMyWindow = debounceFunction((params) => { - moveMyWindow(params); -}); - -async function setWindowSizeOnHover() { - const appClasses = Array.from(document.querySelector('.app').classList); - const isVertical = appClasses.includes('vertical'); - const isExpanded = appClasses.includes('expanded'); - const hasDrawer = appClasses.includes('has-drawer'); - - if (hasDrawer) return; - - const windowSize = isVertical - ? { width: isExpanded ? expandedToolbarWidth : toolbarWidth.vertical } - : { height: isExpanded ? 180 : 60 }; +function setInitialWindowSize() { + const app = document.querySelector('.app'); + const isVertical = app.classList.contains('vertical'); + const toolbarHeight = getHorizontalToolbarHeight(); - if (isVertical && !isExpanded) { - debouncedMoveMyWindow(windowSize); + if (isVertical) { + console.log('am i here?'); + app.style.width = toolbarWidth.vertical; + app.style.height = `${toolbarHeight}px`; } else { - moveMyWindow(windowSize); + console.log('am i here as well?'); + app.style.width = `${toolbarWidth.horizontal}px`; } } -async function setWindowSize() { - const windowBounds = await getPhysicalWindowBounds(); +function setWindowSize() { + const app = document.querySelector('.app'); + const isVertical = app.classList.contains('vertical'); + const isExpanded = app.classList.contains('expanded'); + const hasDrawer = app.classList.contains('has-drawer'); const toolbarHeight = getHorizontalToolbarHeight(); - const appClasses = Array.from(document.querySelector('.app').classList); - const isVertical = appClasses.includes('vertical'); - const isExpanded = appClasses.includes('expanded'); - const hasDrawer = appClasses.includes('has-drawer'); - const isOpenLeft = appClasses.includes('open-left'); - const isOpenTop = appClasses.includes('open-top'); - - const bounds = isVertical - ? { height: toolbarHeight } - : { width: toolbarWidth.horizontal }; + console.log('app classes', Array.from(app.classList)); if (isVertical) { - if (isExpanded) { - const calculatedLeft = hasDrawer - ? windowBounds.left - toolbarDrawerSize.vertical - : windowBounds.left + toolbarDrawerSize.vertical; - - bounds.left = isOpenLeft ? calculatedLeft : bounds.left; - - bounds.width = hasDrawer - ? expandedToolbarWidth + toolbarDrawerSize.vertical - : expandedToolbarWidth; - } else { - bounds.width = toolbarWidth.vertical; - } + app.style.width = toolbarWidth.vertical; + app.style.height = `${toolbarHeight}px`; } else { - if (isExpanded) { - const calculatedTop = hasDrawer - ? windowBounds.top - toolbarDrawerSize.horizontal - : windowBounds.top + toolbarDrawerSize.horizontal; - - const calculatedHeightOpenTop = hasDrawer - ? toolbarHeight + toolbarDrawerSize.horizontal - : toolbarHeight; + app.style.width = `${toolbarWidth.horizontal}px`; - const calculatedHeightNotOpenTop = hasDrawer ? toolbarHeight + 56 : 180; - - bounds.top = isOpenTop ? calculatedTop : bounds.top; - - bounds.height = isOpenTop - ? calculatedHeightOpenTop - : calculatedHeightNotOpenTop; + if (hasDrawer) { + console.log('has drawer'); + app.style.height = `${toolbarHeight}px`; } else { - bounds.height = 56; + app.style.height = `48px`; } } - - moveMyWindow(bounds); } -export { setWindowSize, setWindowSizeOnHover }; +export { observeSizeChange, setInitialWindowSize, setWindowSize }; diff --git a/scss/app.css b/scss/app.css index 84fa633..5e32c0e 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{height:100%;border:3px solid red}html body{height:100%;overflow:hidden;display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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);background-color:var(--t42-body);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}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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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{display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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);background-color:var(--t42-body);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}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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 08fc13c..f064dda 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","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,oBCjDV,KACE,YACA,qBAEA,UACE,YACA,gBACA,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,mCHvFA,0BACA,0BACA,gEACA,qBGsFE,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,qBHrQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGwPF,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,iCH3TJ,2BACA,0BACA,gEACA,qBG8TA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH7UF,uCACA,0BACA,gEACA,qBGgVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHjXF,4BACA,0BACA,gEACA,qBGgXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BH9XA,4BACA,0BACA,gEACA,qBG6XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHvbF,qBAEA,+BACE,qBGwbA,yCACE,uBACA,gBHxZJ,4BACA,0BACA,gEACA,qBGyZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHzaA,0BACA,0BACA,gEACA,qBGwaE,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,iCACA,WACA,iBHlfA,0BACA,0BACA,gEACA,qBGkfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHziBF,qBAEA,wCACE,qBG0iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHzkBJ,qBAEA,8DACE,qBG2kBA,8CHziBF,8BACA,0BACA,gEACA,qBGwiBI,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,oBC3uBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJucJ,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","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,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,mCHlFA,0BACA,0BACA,gEACA,qBGiFE,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,qBHhQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGmPF,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,iCHtTJ,2BACA,0BACA,gEACA,qBGyTA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BHxUF,uCACA,0BACA,gEACA,qBG2UI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCH5WF,4BACA,0BACA,gEACA,qBG2WI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHzXA,4BACA,0BACA,gEACA,qBGwXE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHlbF,qBAEA,+BACE,qBGmbA,yCACE,uBACA,gBHnZJ,4BACA,0BACA,gEACA,qBGoZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHpaA,0BACA,0BACA,gEACA,qBGmaE,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,iCACA,WACA,iBH7eA,0BACA,0BACA,gEACA,qBG6eA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHpiBF,qBAEA,wCACE,qBGqiBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHpkBJ,qBAEA,8DACE,qBGskBA,8CHpiBF,8BACA,0BACA,gEACA,qBGmiBI,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,oBCtuBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJkcJ,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 cae0783..e1be75c 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -3,12 +3,7 @@ @import "folders"; html { - height: 100%; - border: 3px solid red; - body { - height: 100%; - overflow: hidden; display: flex; justify-content: flex-start; background-color: transparent; From 3a248835f69d05feabb56513f45b9c55f8bffa3e Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 7 Nov 2024 10:28:10 +0200 Subject: [PATCH 22/30] In progress. --- js/connect-related.js | 3 --- js/index.js | 23 ++++++++++--------- js/utils.js | 2 -- js/window-sizing.js | 53 ++++++++++++++++++++++--------------------- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 11 +++++++-- scss/horizontal.scss | 1 - 8 files changed, 50 insertions(+), 47 deletions(-) diff --git a/js/connect-related.js b/js/connect-related.js index 4999b6b..ec6d1ad 100644 --- a/js/connect-related.js +++ b/js/connect-related.js @@ -9,7 +9,6 @@ import { setWindowPosition, setDrawerOpenClasses, } from './utils.js'; -import { setWindowSize } from './window-sizing.js'; console.time('Glue'); @@ -656,7 +655,6 @@ async function getPrefs() { } setOrientation(); - setWindowSize(); if (glue.windows.my().state === 'minimized') { const un = glue.windows.my().onNormal(async () => { @@ -669,7 +667,6 @@ async function getPrefs() { glue.prefs.subscribe(() => { setOrientation(); - setWindowSize(); }); } diff --git a/js/index.js b/js/index.js index 5e48ed5..b154ade 100644 --- a/js/index.js +++ b/js/index.js @@ -33,7 +33,7 @@ import { import { getSetting } from './settings.js'; import { populateSID } from './profile.js'; import handleScheduledShutdownRestart from './schedule-shutdown-restart.js'; -import { observeSizeChange, setInitialWindowSize } from './window-sizing.js'; +import { observeSizeChange, setWindowSize } from './window-sizing.js'; const rxjs = window.rxjs; let { @@ -87,8 +87,7 @@ async function init() { populateSID(); showFeedbackPanel(); showProfilePanel(); - - setInitialWindowSize(); + setWindowSize(); observeSizeChange(app, (width, height) => { console.log( @@ -112,24 +111,26 @@ function finishLoading() { function observeAppElement() { const app = document.querySelector('.app'); const config = { + attributes: true, attributeFilter: ['class'], attributeOldValue: true, - attributes: true, }; - function callback([entry]) { - const newValue = entry.target.getAttribute(entry.attributeName); + function handleAttributeChange(entry) { + const { attributeName, oldValue, target } = entry; + const newValue = target.getAttribute(attributeName); - if ( - entry.type === 'attributes' && - entry.attributeName === 'class' && - newValue !== entry.oldValue - ) { + if (attributeName === 'class' && newValue !== oldValue) { utils.setDrawerOpenClasses(); + setWindowSize(newValue); console.log(io.windows.my().bounds); } } + function callback(entries) { + entries.forEach(handleAttributeChange); + } + utils.elementObserver(app, config, callback); } diff --git a/js/utils.js b/js/utils.js index 3e74249..dabdd2b 100644 --- a/js/utils.js +++ b/js/utils.js @@ -238,8 +238,6 @@ function handleTopMenuClicks() { restoreLayout(layoutType, layoutName); } } - - setWindowSize(); }); } diff --git a/js/window-sizing.js b/js/window-sizing.js index f81cf45..0ae7174 100644 --- a/js/window-sizing.js +++ b/js/window-sizing.js @@ -1,4 +1,4 @@ -import { toolbarWidth, getSetting } from './settings.js'; +import { toolbarWidth, toolbarDrawerSize } from './settings.js'; import { getHorizontalToolbarHeight } from './utils.js'; function observeSizeChange(element, callback) { @@ -19,43 +19,44 @@ function observeSizeChange(element, callback) { return resizeObserver; } -function setInitialWindowSize() { +function setWindowSize() { const app = document.querySelector('.app'); - const isVertical = app.classList.contains('vertical'); - const toolbarHeight = getHorizontalToolbarHeight(); + const appClasses = Array.from(app.classList); - if (isVertical) { - console.log('am i here?'); - app.style.width = toolbarWidth.vertical; - app.style.height = `${toolbarHeight}px`; - } else { - console.log('am i here as well?'); - app.style.width = `${toolbarWidth.horizontal}px`; - } -} + const isVertical = appClasses.includes('vertical'); + const isExpanded = appClasses.includes('expanded'); + const hasDrawer = appClasses.includes('has-drawer'); -function setWindowSize() { - const app = document.querySelector('.app'); - const isVertical = app.classList.contains('vertical'); - const isExpanded = app.classList.contains('expanded'); - const hasDrawer = app.classList.contains('has-drawer'); const toolbarHeight = getHorizontalToolbarHeight(); - console.log('app classes', Array.from(app.classList)); - if (isVertical) { - app.style.width = toolbarWidth.vertical; + const expandedToolbarWidth = 200; app.style.height = `${toolbarHeight}px`; + + if (isExpanded) { + if (hasDrawer) { + app.style.width = `${ + expandedToolbarWidth + toolbarDrawerSize.vertical + }px`; + } else { + app.style.width = `${expandedToolbarWidth}px`; + } + } else { + app.style.width = `${toolbarWidth.vertical}px`; + } } else { app.style.width = `${toolbarWidth.horizontal}px`; - if (hasDrawer) { - console.log('has drawer'); - app.style.height = `${toolbarHeight}px`; + if (isExpanded) { + if (hasDrawer) { + app.style.height = `${toolbarHeight}px`; + } else { + app.style.height = '175px'; + } } else { - app.style.height = `48px`; + app.style.height = '60px'; } } } -export { observeSizeChange, setInitialWindowSize, setWindowSize }; +export { observeSizeChange, setWindowSize }; diff --git a/scss/app.css b/scss/app.css index 5e32c0e..369f1e0 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{display:flex;justify-content:flex-start;background-color:rgba(0,0,0,0)}html .loaded .app{opacity:1}html .app{position:relative;height:100%;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);background-color:var(--t42-body);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}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{width:100%;max-height:48px;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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 .app{opacity:1}html .loaded .app::after{content:"";position:fixed;inset:0;z-index:1000;border:3px solid red;pointer-events:none}html .app{position:relative;height:100%;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);background-color:var(--t42-body);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}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{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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 f064dda..46452c6 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","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,aACA,2BACA,+BAIA,kBACE,UAIJ,UACE,kBACA,YACA,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,mCHlFA,0BACA,0BACA,gEACA,qBGiFE,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,qBHhQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BGmPF,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,iCHtTJ,2BACA,0BACA,gEACA,qBGyTA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BHxUF,uCACA,0BACA,gEACA,qBG2UI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCH5WF,4BACA,0BACA,gEACA,qBG2WI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHzXA,4BACA,0BACA,gEACA,qBGwXE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHlbF,qBAEA,+BACE,qBGmbA,yCACE,uBACA,gBHnZJ,4BACA,0BACA,gEACA,qBGoZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BHpaA,0BACA,0BACA,gEACA,qBGmaE,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,iCACA,WACA,iBH7eA,0BACA,0BACA,gEACA,qBG6eA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCHpiBF,qBAEA,wCACE,qBGqiBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDHpkBJ,qBAEA,8DACE,qBGskBA,8CHpiBF,8BACA,0BACA,gEACA,qBGmiBI,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,oBCtuBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,gBACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,+CPDF,uCACA,0BACA,gEACA,gCOCI,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPrBF,uCACA,0BACA,gEACA,qBOoBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP5DF,OACA,UACA,yBACA,QO+DE,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,+CP5KF,+BACA,0BACA,gEACA,qBO4KI,0GAEE,iBAGE,8JPpLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyKM,wEACE,SAGF,gFPhMR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOkLQ,sFPrMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBO0LA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPjPA,+BACA,0BACA,gEACA,qBOiPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJkcJ,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","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,+BAIA,kBACE,UAEA,yBACE,WACA,eACA,QACA,aACA,qBACA,oBAKN,UACE,kBACA,YACA,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,mCHzFA,0BACA,0BACA,gEACA,qBGwFE,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,qBHvQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BG0PF,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,iCH7TJ,2BACA,0BACA,gEACA,qBGgUA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH/UF,uCACA,0BACA,gEACA,qBGkVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHnXF,4BACA,0BACA,gEACA,qBGkXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHhYA,4BACA,0BACA,gEACA,qBG+XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHzbF,qBAEA,+BACE,qBG0bA,yCACE,uBACA,gBH1ZJ,4BACA,0BACA,gEACA,qBG2ZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BH3aA,0BACA,0BACA,gEACA,qBG0aE,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,iCACA,WACA,iBHpfA,0BACA,0BACA,gEACA,qBGofA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCH3iBF,qBAEA,wCACE,qBG4iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDH3kBJ,qBAEA,8DACE,qBG6kBA,8CH3iBF,8BACA,0BACA,gEACA,qBG0iBI,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,oBC7uBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,sFPCF,0BACA,gEACA,qBODI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPpBF,uCACA,0BACA,gEACA,qBOmBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP3DF,OACA,UACA,yBACA,QO8DE,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,+CP3KF,+BACA,0BACA,gEACA,qBO2KI,0GAEE,iBAGE,8JPnLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOwKM,wEACE,SAGF,gFP/LR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOiLQ,sFPpMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyLA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPhPA,+BACA,0BACA,gEACA,qBOgPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJ0cJ,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 e1be75c..d60f6de 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -4,14 +4,21 @@ html { body { - display: flex; - justify-content: flex-start; background-color: transparent; } .loaded { .app { opacity: 1; + + &::after { + content: ""; + position: fixed; + inset: 0; + z-index: 1000; + border: 3px solid red; + pointer-events: none; + } } } diff --git a/scss/horizontal.scss b/scss/horizontal.scss index 571f20d..1ae9c1c 100644 --- a/scss/horizontal.scss +++ b/scss/horizontal.scss @@ -1,6 +1,5 @@ .horizontal { width: 100%; - max-height: 48px; justify-content: flex-start; .viewport { From 2019b32ae6b933db3c3f4ecb74858a0e1a3efc9e Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 7 Nov 2024 10:37:41 +0200 Subject: [PATCH 23/30] Remove obsolete repositionOnOrientationChange function. --- js/utils.js | 22 ---------------------- 1 file changed, 22 deletions(-) diff --git a/js/utils.js b/js/utils.js index dabdd2b..32fef4f 100644 --- a/js/utils.js +++ b/js/utils.js @@ -683,31 +683,9 @@ function handleOrientationChange() { isVertical = !isVertical; setSetting({ vertical: isVertical }); - - await repositionOnOrientationChange(isVertical); }); } -async function repositionOnOrientationChange(isVertical) { - const windowBounds = await getPhysicalWindowBounds(); - const primaryScaleFactor = await getPrimaryScaleFactor(); - const scaleFactor = await getScaleFactor(); - - if (isVertical) { - await moveMyWindow({ - left: - (windowBounds.left - toolbarDrawerSize.vertical / scaleFactor) * - primaryScaleFactor, - }); - } else { - await moveMyWindow({ - left: - (windowBounds.left + toolbarDrawerSize.vertical / scaleFactor) * - primaryScaleFactor, - }); - } -} - // Helper function to get a chosen HTML elements' visible area in the window bounds async function getVisibleArea(element) { const windowBounds = await getPhysicalWindowBounds(); From 4e418398903e5a3b40d37604ffc9a5f6abb4a1d4 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 7 Nov 2024 10:51:37 +0200 Subject: [PATCH 24/30] setVerticalSize refactoring. --- js/window-sizing.js | 38 ++++++++++++++------------------------ scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 1 + 4 files changed, 17 insertions(+), 26 deletions(-) diff --git a/js/window-sizing.js b/js/window-sizing.js index 0ae7174..e2124f1 100644 --- a/js/window-sizing.js +++ b/js/window-sizing.js @@ -28,35 +28,25 @@ function setWindowSize() { const hasDrawer = appClasses.includes('has-drawer'); const toolbarHeight = getHorizontalToolbarHeight(); + const expandedToolbarWidth = 200; - if (isVertical) { - const expandedToolbarWidth = 200; + function setVerticalSize() { + const calculatedWidth = hasDrawer ? toolbarDrawerSize.vertical : 0; + + app.style.width = isExpanded + ? `${expandedToolbarWidth + calculatedWidth}px` + : `${toolbarWidth.vertical}px`; app.style.height = `${toolbarHeight}px`; + } - if (isExpanded) { - if (hasDrawer) { - app.style.width = `${ - expandedToolbarWidth + toolbarDrawerSize.vertical - }px`; - } else { - app.style.width = `${expandedToolbarWidth}px`; - } - } else { - app.style.width = `${toolbarWidth.vertical}px`; - } - } else { - app.style.width = `${toolbarWidth.horizontal}px`; + function setHorizontalSize() { + const calculatedHeight = hasDrawer ? `${toolbarHeight}px` : '175px'; - if (isExpanded) { - if (hasDrawer) { - app.style.height = `${toolbarHeight}px`; - } else { - app.style.height = '175px'; - } - } else { - app.style.height = '60px'; - } + app.style.width = `${toolbarWidth.horizontal}px`; + app.style.height = isExpanded ? calculatedHeight : '48px'; } + + isVertical ? setVerticalSize() : setHorizontalSize(); } export { observeSizeChange, setWindowSize }; diff --git a/scss/app.css b/scss/app.css index 369f1e0..ec27646 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 .app{opacity:1}html .loaded .app::after{content:"";position:fixed;inset:0;z-index:1000;border:3px solid red;pointer-events:none}html .app{position:relative;height:100%;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);background-color:var(--t42-body);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}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{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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 .app{opacity:1}html .loaded .app::after{content:"";position:fixed;inset:0;z-index:1000;border:3px solid red;pointer-events:none}html .app{position:relative;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);background-color:var(--t42-body);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}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{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:.5em;transform:translateY(-50%)}html .horizontal .viewport .viewport-header .dropdown-menu{right:-1em}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}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:auto}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 46452c6..f730e86 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","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,+BAIA,kBACE,UAEA,yBACE,WACA,eACA,QACA,aACA,qBACA,oBAKN,UACE,kBACA,YACA,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,mCHzFA,0BACA,0BACA,gEACA,qBGwFE,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,qBHvQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BG0PF,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,iCH7TJ,2BACA,0BACA,gEACA,qBGgUA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BH/UF,uCACA,0BACA,gEACA,qBGkVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHnXF,4BACA,0BACA,gEACA,qBGkXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHhYA,4BACA,0BACA,gEACA,qBG+XE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBHzbF,qBAEA,+BACE,qBG0bA,yCACE,uBACA,gBH1ZJ,4BACA,0BACA,gEACA,qBG2ZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BH3aA,0BACA,0BACA,gEACA,qBG0aE,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,iCACA,WACA,iBHpfA,0BACA,0BACA,gEACA,qBGofA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCH3iBF,qBAEA,wCACE,qBG4iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDH3kBJ,qBAEA,8DACE,qBG6kBA,8CH3iBF,8BACA,0BACA,gEACA,qBG0iBI,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,oBC7uBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,sFPCF,0BACA,gEACA,qBODI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPpBF,uCACA,0BACA,gEACA,qBOmBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP3DF,OACA,UACA,yBACA,QO8DE,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,+CP3KF,+BACA,0BACA,gEACA,qBO2KI,0GAEE,iBAGE,8JPnLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOwKM,wEACE,SAGF,gFP/LR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOiLQ,sFPpMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyLA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPhPA,+BACA,0BACA,gEACA,qBOgPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJ0cJ,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","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,+BAIA,kBACE,UAEA,yBACE,WACA,eACA,QACA,aACA,qBACA,oBAKN,UACE,kBACA,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,mCH1FA,0BACA,0BACA,gEACA,qBGyFE,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,qBHxQE,uCACA,0BACA,gEACA,qBAME,UAMA,4BG2PF,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,iCH9TJ,2BACA,0BACA,gEACA,qBGiUA,sBACE,iBAEA,gCACE,2BAIJ,4BACE,kBACA,gBAEA,8BHhVF,uCACA,0BACA,gEACA,qBGmVI,uGACE,UAKN,oBACE,mBACA,8BACA,iBACA,gBACA,kBAEA,sBACE,kBACA,WACA,iBAGF,2BACE,WACA,WACA,SACA,kBACA,wBACA,YAKF,uCHpXF,4BACA,0BACA,gEACA,qBGmXI,UACA,mBAIJ,uGAEE,QACA,SAGF,4BHjYA,4BACA,0BACA,gEACA,qBGgYE,YACA,iBAEA,2CACE,UACA,QACA,WAIJ,uBACE,eACA,gBAEA,sCACE,eAGF,yBH1bF,qBAEA,+BACE,qBG2bA,yCACE,uBACA,gBH3ZJ,4BACA,0BACA,gEACA,qBG4ZE,qCACE,UACA,YACA,WAIA,+CACE,UAKN,4BH5aA,0BACA,0BACA,gEACA,qBG2aE,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,iCACA,WACA,iBHrfA,0BACA,0BACA,gEACA,qBGqfA,qBACE,aAEA,2CACE,gBAGF,oCACE,iDAIJ,gCACE,kBAEA,kCH5iBF,qBAEA,wCACE,qBG6iBA,sCACE,kBAEA,gDACE,aACA,mBAIJ,+CACE,SACA,QACA,UAKF,sCACE,kBACA,UAIJ,gCACE,kBACA,gBAGE,wDH5kBJ,qBAEA,8DACE,qBG8kBA,8CH5iBF,8BACA,0BACA,gEACA,qBG2iBI,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,oBC9uBJ,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,eChHA,oCACE,OAGF,mCACE,QAGF,yCACE,YAGA,8CACE,UAGF,2FAEE,WAGF,4CACE,gBAGF,uDACE,yBCxBJ,sCACE,YAIJ,qBACE,YACA,UN0BA,uCACA,0BACA,gEACA,qBMzBF,gCACE,gBAEA,+CACE,aACA,mBACA,uBACA,YACA,YACA,YACA,cACA,UNWF,wBACA,0BACA,gEACA,qBMVA,sCACE,YACA,UACA,oBACA,eNGF,wBACA,0BACA,gEACA,qBMFA,+CACE,cAIJ,8BACE,YACA,gBAGF,uBACE,YAEA,wCACE,aACA,mBACA,8BACA,iBAEA,uDACE,eACA,iBACA,UAIJ,6BACE,eACA,UACA,mBACA,mBAGF,uCNlCA,uCACA,0BACA,gEACA,qBAQE,UAQA,wBMmBF,iCNtCA,4BACA,0BACA,gEACA,uBMqCE,mCACE,iBAIJ,sCACE,gBAGF,iCACE,gBAKE,uDACE,WACA,kBNzDN,0BACA,0BACA,gEACA,sBM0DI,6CACE,QN9DN,0BACA,0BACA,gEACA,sBMkEE,oDACE,UC7GR,iBACE,WACA,2BAEA,2BACE,aACA,WACA,WAEA,gCACE,iBACA,wBAGF,sCACE,gBACA,kBAGF,0CACE,aAGF,4CACE,gBAEA,kDACE,kBACA,QACA,WACA,2BAGF,2DACE,WAKF,sFPCF,0BACA,gEACA,qBODI,WACA,WACA,UACA,UACA,SACA,SAIA,qDACE,UACA,WACA,OAMJ,kDPpBF,uCACA,0BACA,gEACA,qBOmBI,WACA,WACA,UACA,UACA,SACA,SAIA,wDACE,UACA,WACA,OAOF,8CACE,wBAIA,wDACE,yBAKN,mKP3DF,OACA,UACA,yBACA,QO8DE,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,+CP3KF,+BACA,0BACA,gEACA,qBO2KI,0GAEE,iBAGE,8JPnLR,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOwKM,wEACE,SAGF,gFP/LR,uCACA,0BACA,gEACA,uBAME,UAUA,wBOiLQ,sFPpMV,uCACA,0BACA,gEACA,uBAQE,UAQA,wBOyLA,uDACE,SACA,sBACA,YAEA,0DACE,WACA,cAEA,iMAGE,cAMJ,kDACE,aAIJ,sDACE,mBACA,iBACA,gBAKN,iCACE,WACA,kBACA,iCACA,sBACA,wBPhPA,+BACA,0BACA,gEACA,qBOgPA,2EAEE,WAGF,mDACE,YAGF,sCACE,WACA,aACA,oCAIJ,+BACE,yBACA,cACA,sBJ2cJ,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 d60f6de..9b5424e 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -25,6 +25,7 @@ html { .app { position: relative; height: 100%; + overflow: hidden; opacity: 0; &.vertical { From 19ccdeda0f112237c715031dfff347962af291d3 Mon Sep 17 00:00:00 2001 From: Galin Iliev Date: Thu, 7 Nov 2024 17:23:03 +0200 Subject: [PATCH 25/30] On open left and top position handling left. In progress. --- index.html | 4 +- js/layouts.js | 8 ++++ js/settings.js | 2 +- js/utils.js | 91 ++++++++++++++++++++++++++++++++++++++------ js/window-sizing.js | 10 +++-- scss/app.css | 2 +- scss/app.css.map | 2 +- scss/app.scss | 8 ++-- scss/horizontal.scss | 9 +++-- 9 files changed, 109 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index 5242950..fe24577 100644 --- a/index.html +++ b/index.html @@ -41,14 +41,14 @@