Bump bundled files

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/files/css/files.css

@@ -133,7 +133,7 @@
 .files-filestable thead {
   position: -webkit-sticky;
   position: sticky;
-  top: 50px;
+  top: 44px;
   z-index: 60;
   display: block;
   background-color: var(--color-main-background-translucent);
@@ -400,23 +400,17 @@ table th.column-last, table td.column-last {
   position: relative;
   /* this can not be just width, both need to be set … table styling */
   min-width: 130px;
-  max-width: 130px;
 }
 
-#app-content-files thead,
-#app-content-trashbin thead {
-  top: 94px;
-}
-
-#app-content-recent,
-#app-content-favorites,
-#app-content-shareoverview,
-#app-content-sharingout,
-#app-content-sharingin,
-#app-content-sharinglinks,
-#app-content-deletedshares,
-#app-content-pendingshares {
-  margin-top: 22px;
+#app-content-recent thead,
+#app-content-favorites thead,
+#app-content-shareoverview thead,
+#app-content-sharingout thead,
+#app-content-sharingin thead,
+#app-content-sharinglinks thead,
+#app-content-deletedshares thead,
+#app-content-pendingshares thead {
+  top: 0;
 }
 
 table.multiselect thead th {
@@ -916,6 +910,42 @@ table.dragshadow td.size {
   left: 57px !important;
 }
 
+.files-controls {
+  box-sizing: border-box;
+  position: -webkit-sticky;
+  position: sticky;
+  height: 54px;
+  padding: 0;
+  margin: 0;
+  background-color: var(--color-main-background-translucent);
+  z-index: 62;
+  /* must be above the filelist sticky header and texteditor menubar */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  display: flex;
+  top: 0;
+}
+.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button {
+  box-sizing: border-box;
+  display: inline-block;
+  display: flex;
+  height: 44px;
+  width: 44px;
+  padding: 9px;
+  align-items: center;
+  justify-content: center;
+}
+.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden {
+  display: none;
+}
+
+/* position controls for apps with app-navigation */
+.viewer-mode #app-navigation + #app-content .files-controls {
+  left: 0;
+}
+
 .files-filestable .filename .action .icon,
 .files-filestable .selectedActions a .icon,
 .files-filestable .filename .favorite-mark .icon,
@@ -1240,7 +1270,7 @@ table.dragshadow td.size {
   padding: 22px;
   opacity: 0.5;
   position: fixed;
-  right: 0;
+  right: 16px;
   z-index: 100;
 }
 #view-toggle:hover, #view-toggle:focus, #showgridview:focus + #view-toggle {

apps/files/css/merged.css

@@ -133,7 +133,7 @@
 .files-filestable thead {
   position: -webkit-sticky;
   position: sticky;
-  top: 50px;
+  top: 44px;
   z-index: 60;
   display: block;
   background-color: var(--color-main-background-translucent);
@@ -400,23 +400,17 @@ table th.column-last, table td.column-last {
   position: relative;
   /* this can not be just width, both need to be set … table styling */
   min-width: 130px;
-  max-width: 130px;
 }
 
-#app-content-files thead,
-#app-content-trashbin thead {
-  top: 94px;
-}
-
-#app-content-recent,
-#app-content-favorites,
-#app-content-shareoverview,
-#app-content-sharingout,
-#app-content-sharingin,
-#app-content-sharinglinks,
-#app-content-deletedshares,
-#app-content-pendingshares {
-  margin-top: 22px;
+#app-content-recent thead,
+#app-content-favorites thead,
+#app-content-shareoverview thead,
+#app-content-sharingout thead,
+#app-content-sharingin thead,
+#app-content-sharinglinks thead,
+#app-content-deletedshares thead,
+#app-content-pendingshares thead {
+  top: 0;
 }
 
 table.multiselect thead th {
@@ -916,6 +910,42 @@ table.dragshadow td.size {
   left: 57px !important;
 }
 
+.files-controls {
+  box-sizing: border-box;
+  position: -webkit-sticky;
+  position: sticky;
+  height: 54px;
+  padding: 0;
+  margin: 0;
+  background-color: var(--color-main-background-translucent);
+  z-index: 62;
+  /* must be above the filelist sticky header and texteditor menubar */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  display: flex;
+  top: 0;
+}
+.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button {
+  box-sizing: border-box;
+  display: inline-block;
+  display: flex;
+  height: 44px;
+  width: 44px;
+  padding: 9px;
+  align-items: center;
+  justify-content: center;
+}
+.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden {
+  display: none;
+}
+
+/* position controls for apps with app-navigation */
+.viewer-mode #app-navigation + #app-content .files-controls {
+  left: 0;
+}
+
 .files-filestable .filename .action .icon,
 .files-filestable .selectedActions a .icon,
 .files-filestable .filename .favorite-mark .icon,
@@ -1240,7 +1270,7 @@ table.dragshadow td.size {
   padding: 22px;
   opacity: 0.5;
   position: fixed;
-  right: 0;
+  right: 16px;
   z-index: 100;
 }
 #view-toggle:hover, #view-toggle:focus, #showgridview:focus + #view-toggle {

apps/settings/css/settings.css

@@ -1298,11 +1298,6 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 }
 
 /* USERS LIST -------------------------------------------------------------- */
-#body-settings {
-  overflow-x: scroll;
-  min-height: 100%;
-  height: auto;
-}
 #body-settings #app-content.user-list-grid {
   display: grid;
   grid-column-gap: 20px;

core/css/apps.css

@@ -72,6 +72,39 @@
  *
  * @returns A background image with the url to the set to the requested icon.
  */
+:root {
+  --body-container-margin: calc(var(--default-grid-baseline) * 2);
+  /* - 2px is required for making it look nice */
+  --body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px);
+  --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin));
+}
+
+@media screen and (max-width: 1024px) {
+  :root {
+    --body-container-margin: 0px;
+    --body-container-radius: 0px;
+  }
+}
+html {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: var(--color-primary);
+  background-image: var(--image-main-background);
+  background-size: cover;
+  background-position: top center;
+}
+
+body {
+  background-color: var(--color-primary);
+  background-image: var(--image-main-background);
+  background-size: cover;
+  background-position: top center;
+  position: fixed;
+  width: 100%;
+  height: calc(100vh - env(safe-area-inset-bottom));
+}
+
 /* BASE STYLING ------------------------------------------------------------ */
 h2 {
   font-weight: bold;
@@ -131,21 +164,21 @@ kbd {
 /* APP-NAVIGATION ------------------------------------------------------------ */
 /* Navigation: folder like structure */
 #app-navigation:not(.vue) {
+  --border-radius-pill: calc(var(--default-clickable-area) / 2);
   width: 300px;
-  position: fixed;
-  top: 50px;
-  left: 0;
   z-index: 500;
   overflow-y: auto;
   overflow-x: hidden;
-  height: calc(100% - 50px);
-  box-sizing: border-box;
-  background-color: var(--color-main-background);
+  background-color: var(--color-main-background-blur);
+  backdrop-filter: var(--filter-background-blur);
+  -webkit-backdrop-filter: var(--filter-background-blur);
   -webkit-user-select: none;
+  position: sticky;
+  height: 100%;
+  padding: calc(var(--default-grid-baseline) * 2);
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border-right: 1px solid var(--color-border);
   display: flex;
   flex-direction: column;
   flex-grow: 0;
@@ -205,6 +238,11 @@ kbd {
   flex-wrap: wrap;
   order: 1;
   flex-shrink: 0;
+  margin: 0;
+  margin-bottom: 3px;
+  width: 100%;
+  overflow: hidden;
+  border-radius: var(--border-radius-pill);
   /* Pinned-to-bottom entries */
   /* align loader */
   /* hide deletion/collapse of subitems */
@@ -233,7 +271,6 @@ kbd {
   background-color: var(--color-background-hover);
 }
 #app-navigation:not(.vue) > ul > li a:focus-visible {
-  border-radius: var(--border-radius);
   box-shadow: var(--color-primary) inset 0 0 0 2px;
   outline: none;
 }
@@ -276,17 +313,21 @@ kbd {
   display: inline-flex;
   flex-wrap: wrap;
   padding-left: 44px;
+  width: 100%;
+  margin-bottom: 3px;
   /* align loader */
 }
 #app-navigation:not(.vue) > ul > li > ul > li:hover,
 #app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus,
 #app-navigation:not(.vue) > ul > li > ul > li:focus > a {
+  border-radius: var(--border-radius-pill);
   background-color: var(--color-background-hover);
 }
 #app-navigation:not(.vue) > ul > li > ul > li.active,
 #app-navigation:not(.vue) > ul > li > ul > li.active > a,
 #app-navigation:not(.vue) > ul > li > ul > li a.selected,
 #app-navigation:not(.vue) > ul > li > ul > li a.selected > a {
+  border-radius: var(--border-radius-pill);
   background-color: var(--color-primary-light);
 }
 #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after {
@@ -308,7 +349,6 @@ kbd {
 #app-navigation:not(.vue) > ul > li,
 #app-navigation:not(.vue) > ul > li > ul > li {
   position: relative;
-  width: 100%;
   box-sizing: border-box;
   /* hide icons if loading */
   /* Main entry link */
@@ -337,6 +377,7 @@ kbd {
   box-sizing: border-box;
   white-space: nowrap;
   text-overflow: ellipsis;
+  border-radius: var(--border-radius-pill);
   color: var(--color-main-text);
   opacity: 0.8;
   flex: 1 1 0px;
@@ -461,7 +502,6 @@ kbd {
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   z-index: 105;
-  background-color: var(--color-background-hover);
   border-radius: 50%;
   transition: opacity 100ms ease-in-out;
 }
@@ -471,6 +511,9 @@ kbd {
 #app-navigation:not(.vue) .collapsible:hover:before, #app-navigation:not(.vue) .collapsible:focus:before {
   opacity: 1;
 }
+#app-navigation:not(.vue) .collapsible:hover > a, #app-navigation:not(.vue) .collapsible:focus > a {
+  background-image: none;
+}
 #app-navigation:not(.vue) .collapsible:hover > .app-navigation-entry-bullet, #app-navigation:not(.vue) .collapsible:focus > .app-navigation-entry-bullet {
   background: transparent !important;
 }
@@ -628,12 +671,34 @@ kbd {
 /* CONTENT  --------------------------------------------------------- */
 #content {
   box-sizing: border-box;
-  position: relative;
+  position: static;
+  margin: var(--body-container-margin);
+  margin-top: 50px;
+  padding: 0;
   display: flex;
-  padding-top: 50px;
-  min-height: 100%;
+  width: calc(100% - var(--body-container-margin) * 2);
+  height: var(--body-height);
+  border-radius: var(--body-container-radius);
+  overflow: hidden;
 }
+#content:not(.with-sidebar--full) {
+  position: fixed;
+}
+
+@media only screen and (max-width: 1024px) {
+  #content {
+    border-top-left-radius: var(--border-radius-large);
+    border-top-right-radius: var(--border-radius-large);
+  }
 
+  #app-navigation {
+    border-top-left-radius: var(--border-radius-large);
+  }
+
+  #app-sidebar {
+    border-top-right-radius: var(--border-radius-large);
+  }
+}
 /* APP-CONTENT AND WRAPPER ------------------------------------------ */
 /* Part where the content will be loaded into */
 /**
@@ -644,16 +709,14 @@ kbd {
 #app-content {
   z-index: 1000;
   background-color: var(--color-main-background);
-  position: relative;
   flex-basis: 100vw;
-  min-height: 100%;
+  overflow: auto;
+  position: initial;
+  height: 100%;
   /* margin if navigation element is here */
   /* no top border for first settings item */
   /* if app-content-list is present */
 }
-#app-navigation:not(.hidden) + #app-content {
-  margin-left: 300px;
-}
 #app-content > .section:first-child {
   border-top: none;
 }
@@ -691,6 +754,7 @@ kbd {
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 1500;
+  opacity: 0.7px;
   height: calc(100vh - 50px);
   background: var(--color-main-background);
   border-left: 1px solid var(--color-border);
@@ -712,7 +776,6 @@ kbd {
 #app-settings-content {
   display: none;
   padding: 10px;
-  background-color: var(--color-main-background);
   /* restrict height of settings and make scrollable */
   max-height: 300px;
   overflow-y: auto;
@@ -734,7 +797,9 @@ kbd {
 
 #app-settings-header {
   box-sizing: border-box;
-  background-color: var(--color-main-background);
+  background-color: transparent;
+  overflow: hidden;
+  border-radius: var(--border-radius-pill);
 }
 
 #app-settings-header .settings-button {
@@ -744,10 +809,10 @@ kbd {
   width: 100%;
   padding: 0;
   margin: 0;
-  background-color: var(--color-main-background);
+  background-color: transparent;
   box-shadow: none;
   border: 0;
-  border-radius: 0;
+  border-radius: var(--border-radius-pill);
   text-align: left;
   font-weight: normal;
   font-size: 100%;
@@ -775,7 +840,6 @@ kbd {
 }
 #app-settings-header .settings-button:focus-visible {
   box-shadow: 0 0 0 2px inset var(--color-primary) !important;
-  border-radius: var(--border-radius);
   background-position: 12px center;
 }
 
@@ -894,7 +958,8 @@ kbd {
   position: absolute;
   background-color: var(--color-main-background);
   color: var(--color-main-text);
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-large);
+  padding: 3px;
   z-index: 110;
   margin: 5px;
   margin-top: -5px;
@@ -987,12 +1052,13 @@ kbd {
   cursor: pointer;
   line-height: 44px;
   border: 0;
-  border-radius: 0;
+  border-radius: var(--border-radius-large);
   background-color: transparent;
   display: flex;
   align-items: flex-start;
   height: auto;
   margin: 0;
+  margin-bottom: 2px;
   font-weight: normal;
   box-shadow: none;
   width: 100%;
@@ -1163,6 +1229,7 @@ kbd {
 .popovermenu li > button.active,
 .popovermenu li > a.active,
 .popovermenu li > .menuitem.active {
+  border-radius: var(--border-radius-pill);
   background-color: var(--color-primary-light);
 }
 .bubble li > button.action,

core/css/header.css

@@ -55,13 +55,11 @@
 #body-settings #header,
 #body-public #header {
   display: inline-flex;
-  position: fixed;
+  position: absolute;
   top: 0;
   width: 100%;
   z-index: 2000;
   height: 50px;
-  background-color: var(--color-primary);
-  background-image: var(--gradient-primary-background);
   box-sizing: border-box;
   justify-content: space-between;
 }
@@ -91,13 +89,13 @@
 #header .header-right > div > .menu {
   background-color: var(--color-main-background);
   filter: drop-shadow(0 1px 5px var(--color-box-shadow));
-  border-radius: 0 0 var(--border-radius) var(--border-radius);
+  border-radius: var(--border-radius-large);
   box-sizing: border-box;
   z-index: 2000;
   position: absolute;
   max-width: 350px;
   min-height: 66px;
-  max-height: calc(100vh - 50px * 4);
+  max-height: calc(100vh - 50px * 2);
   right: 5px;
   top: 50px;
   margin: 0;
@@ -122,7 +120,7 @@
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   min-height: 66px;
-  max-height: calc(100vh - 50px * 4);
+  max-height: calc(100vh - 50px * 2);
 }
 #header .header-right > div > .menu.settings-menu > ul li a {
   display: inline-flex;
@@ -177,7 +175,6 @@
   left: 12px;
   top: 1px;
   bottom: 1px;
-  filter: var(--image-logoheader-custom, var(--primary-invert-if-bright));
 }
 #header .header-appname-container {
   display: none;

core/css/header.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","header.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAIF;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA,QDqEe;ECpEf;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AASF;AACC;AAgIA;;AA7HA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAfD;EACA;EAgBC;EACA,KDwBc;ECvBd;AAMA;AAoBA;;AAxBA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAEC;EACA;EAzCF;EACA;;AA+CG;EACC;EACA;EACA,QA7CuB;EA8CvB;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAED;EAEC;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKA;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA,ODrGY;ECsGZ;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAOL;AAEA;EACC;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;AAEA;;AACA;EACC;AAAY;EACZ;AAqBA;AA2BA;;AA9CA;EAGC;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAKF;EACC;EACA;EACA;AAMA;;AAJA;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAIF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,KDjPc;;;ACsPhB;AAGC;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA","file":"header.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","header.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAIF;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA,QDqEe;ECpEf;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AASF;AACC;AA8HA;;AA3HA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAfD;EACA;EAgBC;EACA,KD0Bc;ECzBd;AAMA;AAoBA;;AAxBA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAEC;EACA;EAzCF;EACA;;AA+CG;EACC;EACA;EACA,QA7CuB;EA8CvB;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAED;EAEC;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKA;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA,ODjGY;ECkGZ;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAOL;AAEA;EACC;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;AAEA;;AACA;EACC;AAAY;EACZ;AAqBA;AA2BA;;AA9CA;EAGC;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAKF;EACC;EACA;EACA;AAMA;;AAJA;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAIF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,KD7Oc;;;ACkPhB;AAGC;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA","file":"header.css"}

core/css/mobile.css

@@ -40,8 +40,10 @@
   }
 
   /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
-  #app-navigation {
+  #app-navigation:not(.vue) {
     transform: translateX(-300px);
+    position: fixed;
+    height: var(--body-height);
   }
 
   .snapjs-left #app-navigation {

core/css/mobile.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;;;AAGD;EACA;IACC;;;EAGA;IACC;;;EAIF;IACC;;;EAGD;IACC;IACA;;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDuCa;ICtCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAED;AAAA;IAEC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC","file":"mobile.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;;;AAGD;EACA;IACC;IACA;IACA;;;EAGA;IACC;;;EAIF;IACC;;;EAGD;IACC;IACA;;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDqCa;ICpCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAED;AAAA;IAEC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC","file":"mobile.css"}

core/css/public.css

@@ -48,12 +48,17 @@
   text-align: center;
 }
 #body-public footer {
-  position: relative;
+  position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 65px;
   flex-direction: column;
+  bottom: 0;
+  width: calc(100% - 16px);
+  margin: 8px;
+  background-color: var(--color-main-background);
+  border-radius: var(--border-radius-large);
 }
 #body-public footer p {
   text-align: center;

core/css/public.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAEA;AAyCC;AAKA;AAoBA;;AA/DC;EACC;;AAIA;EACC;;AAED;EACC;EACA;;AAEA;EAGC;;AAID;EACC;;AAED;EACC;;AAED;EACC;;AAMJ;EAEC;;AAKD;EACC;;AAID;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;EAIC;;AAID;EACC;EACA;EACA;EACA;EACA,QA1Ec;EA2Ed;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;AACA;EACA;EACA;EACA","file":"public.css"}
+{"version":3,"sourceRoot":"","sources":["public.scss"],"names":[],"mappings":"AAEA;AAyCC;AAKA;AAoBA;;AA/DC;EACC;;AAIA;EACC;;AAED;EACC;EACA;;AAEA;EAGC;;AAID;EACC;;AAED;EACC;;AAED;EACC;;AAMJ;EAEC;;AAKD;EACC;;AAID;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;EAIC;;AAID;EACC;EACA;EACA;EACA;EACA,QA1Ec;EA2Ed;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;AACA;EACA;EACA;EACA","file":"public.css"}

core/css/server.css

@@ -204,47 +204,10 @@ body {
 }
 
 /* CONTENT ------------------------------------------------------------------ */
-.files-controls {
-  box-sizing: border-box;
-  position: -webkit-sticky;
-  position: sticky;
-  height: 54px;
-  padding: 0;
-  margin: 0;
-  background-color: var(--color-main-background-translucent);
-  z-index: 62;
-  /* must be above the filelist sticky header and texteditor menubar */
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  display: flex;
-  top: 50px;
-}
-
-/* position controls for apps with app-navigation */
-.viewer-mode #app-navigation + #app-content .files-controls {
-  left: 0;
-}
-
 #app-navigation * {
   box-sizing: border-box;
 }
 
-.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button {
-  box-sizing: border-box;
-  display: inline-block;
-  display: flex;
-  height: 44px;
-  width: 44px;
-  padding: 9px;
-  align-items: center;
-  justify-content: center;
-}
-.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden {
-  display: none;
-}
-
 /* EMPTY CONTENT DISPLAY ------------------------------------------------------------ */
 #emptycontent,
 .emptycontent {
@@ -2311,13 +2274,11 @@ label.infield {
 #body-settings #header,
 #body-public #header {
   display: inline-flex;
-  position: fixed;
+  position: absolute;
   top: 0;
   width: 100%;
   z-index: 2000;
   height: 50px;
-  background-color: var(--color-primary);
-  background-image: var(--gradient-primary-background);
   box-sizing: border-box;
   justify-content: space-between;
 }
@@ -2347,13 +2308,13 @@ label.infield {
 #header .header-right > div > .menu {
   background-color: var(--color-main-background);
   filter: drop-shadow(0 1px 5px var(--color-box-shadow));
-  border-radius: 0 0 var(--border-radius) var(--border-radius);
+  border-radius: var(--border-radius-large);
   box-sizing: border-box;
   z-index: 2000;
   position: absolute;
   max-width: 350px;
   min-height: 66px;
-  max-height: calc(100vh - 50px * 4);
+  max-height: calc(100vh - 50px * 2);
   right: 5px;
   top: 50px;
   margin: 0;
@@ -2378,7 +2339,7 @@ label.infield {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   min-height: 66px;
-  max-height: calc(100vh - 50px * 4);
+  max-height: calc(100vh - 50px * 2);
 }
 #header .header-right > div > .menu.settings-menu > ul li a {
   display: inline-flex;
@@ -2433,7 +2394,6 @@ label.infield {
   left: 12px;
   top: 1px;
   bottom: 1px;
-  filter: var(--image-logoheader-custom, var(--primary-invert-if-bright));
 }
 #header .header-appname-container {
   display: none;
@@ -2884,6 +2844,39 @@ audio.icon-loading-small-dark, canvas.icon-loading-small-dark, embed.icon-loadin
  *
  * @returns A background image with the url to the set to the requested icon.
  */
+:root {
+  --body-container-margin: calc(var(--default-grid-baseline) * 2);
+  /* - 2px is required for making it look nice */
+  --body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px);
+  --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin));
+}
+
+@media screen and (max-width: 1024px) {
+  :root {
+    --body-container-margin: 0px;
+    --body-container-radius: 0px;
+  }
+}
+html {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: var(--color-primary);
+  background-image: var(--image-main-background);
+  background-size: cover;
+  background-position: top center;
+}
+
+body {
+  background-color: var(--color-primary);
+  background-image: var(--image-main-background);
+  background-size: cover;
+  background-position: top center;
+  position: fixed;
+  width: 100%;
+  height: calc(100vh - env(safe-area-inset-bottom));
+}
+
 /* BASE STYLING ------------------------------------------------------------ */
 h2 {
   font-weight: bold;
@@ -2943,21 +2936,21 @@ kbd {
 /* APP-NAVIGATION ------------------------------------------------------------ */
 /* Navigation: folder like structure */
 #app-navigation:not(.vue) {
+  --border-radius-pill: calc(var(--default-clickable-area) / 2);
   width: 300px;
-  position: fixed;
-  top: 50px;
-  left: 0;
   z-index: 500;
   overflow-y: auto;
   overflow-x: hidden;
-  height: calc(100% - 50px);
-  box-sizing: border-box;
-  background-color: var(--color-main-background);
+  background-color: var(--color-main-background-blur);
+  backdrop-filter: var(--filter-background-blur);
+  -webkit-backdrop-filter: var(--filter-background-blur);
   -webkit-user-select: none;
+  position: sticky;
+  height: 100%;
+  padding: calc(var(--default-grid-baseline) * 2);
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border-right: 1px solid var(--color-border);
   display: flex;
   flex-direction: column;
   flex-grow: 0;
@@ -3017,6 +3010,11 @@ kbd {
   flex-wrap: wrap;
   order: 1;
   flex-shrink: 0;
+  margin: 0;
+  margin-bottom: 3px;
+  width: 100%;
+  overflow: hidden;
+  border-radius: var(--border-radius-pill);
   /* Pinned-to-bottom entries */
   /* align loader */
   /* hide deletion/collapse of subitems */
@@ -3045,7 +3043,6 @@ kbd {
   background-color: var(--color-background-hover);
 }
 #app-navigation:not(.vue) > ul > li a:focus-visible {
-  border-radius: var(--border-radius);
   box-shadow: var(--color-primary) inset 0 0 0 2px;
   outline: none;
 }
@@ -3088,17 +3085,21 @@ kbd {
   display: inline-flex;
   flex-wrap: wrap;
   padding-left: 44px;
+  width: 100%;
+  margin-bottom: 3px;
   /* align loader */
 }
 #app-navigation:not(.vue) > ul > li > ul > li:hover,
 #app-navigation:not(.vue) > ul > li > ul > li:hover > a, #app-navigation:not(.vue) > ul > li > ul > li:focus,
 #app-navigation:not(.vue) > ul > li > ul > li:focus > a {
+  border-radius: var(--border-radius-pill);
   background-color: var(--color-background-hover);
 }
 #app-navigation:not(.vue) > ul > li > ul > li.active,
 #app-navigation:not(.vue) > ul > li > ul > li.active > a,
 #app-navigation:not(.vue) > ul > li > ul > li a.selected,
 #app-navigation:not(.vue) > ul > li > ul > li a.selected > a {
+  border-radius: var(--border-radius-pill);
   background-color: var(--color-primary-light);
 }
 #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after {
@@ -3120,7 +3121,6 @@ kbd {
 #app-navigation:not(.vue) > ul > li,
 #app-navigation:not(.vue) > ul > li > ul > li {
   position: relative;
-  width: 100%;
   box-sizing: border-box;
   /* hide icons if loading */
   /* Main entry link */
@@ -3149,6 +3149,7 @@ kbd {
   box-sizing: border-box;
   white-space: nowrap;
   text-overflow: ellipsis;
+  border-radius: var(--border-radius-pill);
   color: var(--color-main-text);
   opacity: 0.8;
   flex: 1 1 0px;
@@ -3273,7 +3274,6 @@ kbd {
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   z-index: 105;
-  background-color: var(--color-background-hover);
   border-radius: 50%;
   transition: opacity 100ms ease-in-out;
 }
@@ -3283,6 +3283,9 @@ kbd {
 #app-navigation:not(.vue) .collapsible:hover:before, #app-navigation:not(.vue) .collapsible:focus:before {
   opacity: 1;
 }
+#app-navigation:not(.vue) .collapsible:hover > a, #app-navigation:not(.vue) .collapsible:focus > a {
+  background-image: none;
+}
 #app-navigation:not(.vue) .collapsible:hover > .app-navigation-entry-bullet, #app-navigation:not(.vue) .collapsible:focus > .app-navigation-entry-bullet {
   background: transparent !important;
 }
@@ -3440,12 +3443,34 @@ kbd {
 /* CONTENT  --------------------------------------------------------- */
 #content {
   box-sizing: border-box;
-  position: relative;
+  position: static;
+  margin: var(--body-container-margin);
+  margin-top: 50px;
+  padding: 0;
   display: flex;
-  padding-top: 50px;
-  min-height: 100%;
+  width: calc(100% - var(--body-container-margin) * 2);
+  height: var(--body-height);
+  border-radius: var(--body-container-radius);
+  overflow: hidden;
+}
+#content:not(.with-sidebar--full) {
+  position: fixed;
 }
 
+@media only screen and (max-width: 1024px) {
+  #content {
+    border-top-left-radius: var(--border-radius-large);
+    border-top-right-radius: var(--border-radius-large);
+  }
+
+  #app-navigation {
+    border-top-left-radius: var(--border-radius-large);
+  }
+
+  #app-sidebar {
+    border-top-right-radius: var(--border-radius-large);
+  }
+}
 /* APP-CONTENT AND WRAPPER ------------------------------------------ */
 /* Part where the content will be loaded into */
 /**
@@ -3456,16 +3481,14 @@ kbd {
 #app-content {
   z-index: 1000;
   background-color: var(--color-main-background);
-  position: relative;
   flex-basis: 100vw;
-  min-height: 100%;
+  overflow: auto;
+  position: initial;
+  height: 100%;
   /* margin if navigation element is here */
   /* no top border for first settings item */
   /* if app-content-list is present */
 }
-#app-navigation:not(.hidden) + #app-content {
-  margin-left: 300px;
-}
 #app-content > .section:first-child {
   border-top: none;
 }
@@ -3503,6 +3526,7 @@ kbd {
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 1500;
+  opacity: 0.7px;
   height: calc(100vh - 50px);
   background: var(--color-main-background);
   border-left: 1px solid var(--color-border);
@@ -3524,7 +3548,6 @@ kbd {
 #app-settings-content {
   display: none;
   padding: 10px;
-  background-color: var(--color-main-background);
   /* restrict height of settings and make scrollable */
   max-height: 300px;
   overflow-y: auto;
@@ -3546,7 +3569,9 @@ kbd {
 
 #app-settings-header {
   box-sizing: border-box;
-  background-color: var(--color-main-background);
+  background-color: transparent;
+  overflow: hidden;
+  border-radius: var(--border-radius-pill);
 }
 
 #app-settings-header .settings-button {
@@ -3556,10 +3581,10 @@ kbd {
   width: 100%;
   padding: 0;
   margin: 0;
-  background-color: var(--color-main-background);
+  background-color: transparent;
   box-shadow: none;
   border: 0;
-  border-radius: 0;
+  border-radius: var(--border-radius-pill);
   text-align: left;
   font-weight: normal;
   font-size: 100%;
@@ -3587,7 +3612,6 @@ kbd {
 }
 #app-settings-header .settings-button:focus-visible {
   box-shadow: 0 0 0 2px inset var(--color-primary) !important;
-  border-radius: var(--border-radius);
   background-position: 12px center;
 }
 
@@ -3706,7 +3730,8 @@ kbd {
   position: absolute;
   background-color: var(--color-main-background);
   color: var(--color-main-text);
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-large);
+  padding: 3px;
   z-index: 110;
   margin: 5px;
   margin-top: -5px;
@@ -3799,12 +3824,13 @@ kbd {
   cursor: pointer;
   line-height: 44px;
   border: 0;
-  border-radius: 0;
+  border-radius: var(--border-radius-large);
   background-color: transparent;
   display: flex;
   align-items: flex-start;
   height: auto;
   margin: 0;
+  margin-bottom: 2px;
   font-weight: normal;
   box-shadow: none;
   width: 100%;
@@ -3975,6 +4001,7 @@ kbd {
 .popovermenu li > button.active,
 .popovermenu li > a.active,
 .popovermenu li > .menuitem.active {
+  border-radius: var(--border-radius-pill);
   background-color: var(--color-primary-light);
 }
 .bubble li > button.action,
@@ -4518,8 +4545,10 @@ kbd {
   }
 
   /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
-  #app-navigation {
+  #app-navigation:not(.vue) {
     transform: translateX(-300px);
+    position: fixed;
+    height: var(--body-height);
   }
 
   .snapjs-left #app-navigation {
@@ -4955,12 +4984,17 @@ kbd {
   text-align: center;
 }
 #body-public footer {
-  position: relative;
+  position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 65px;
   flex-direction: column;
+  bottom: 0;
+  width: calc(100% - 16px);
+  margin: 8px;
+  background-color: var(--color-main-background);
+  border-radius: var(--border-radius-large);
 }
 #body-public footer p {
   text-align: center;

core/css/styles.css

@@ -203,47 +203,10 @@ body {
 }
 
 /* CONTENT ------------------------------------------------------------------ */
-.files-controls {
-  box-sizing: border-box;
-  position: -webkit-sticky;
-  position: sticky;
-  height: 54px;
-  padding: 0;
-  margin: 0;
-  background-color: var(--color-main-background-translucent);
-  z-index: 62;
-  /* must be above the filelist sticky header and texteditor menubar */
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  display: flex;
-  top: 50px;
-}
-
-/* position controls for apps with app-navigation */
-.viewer-mode #app-navigation + #app-content .files-controls {
-  left: 0;
-}
-
 #app-navigation * {
   box-sizing: border-box;
 }
 
-.files-controls .actions > div > .button, .files-controls .actions > div button, .files-controls .actions > .button, .files-controls .actions button {
-  box-sizing: border-box;
-  display: inline-block;
-  display: flex;
-  height: 44px;
-  width: 44px;
-  padding: 9px;
-  align-items: center;
-  justify-content: center;
-}
-.files-controls .actions > div .button.hidden, .files-controls .actions .button.hidden {
-  display: none;
-}
-
 /* EMPTY CONTENT DISPLAY ------------------------------------------------------------ */
 #emptycontent,
 .emptycontent {

core/css/styles.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","styles.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;AACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;;AAKH;AAEA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAID;AAEA;EACC;EACA;;;AAID;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAa;EACb;EACA;EACA;EACA;EACA;EACA,KDlGe;;;ACqGhB;AAEA;EACC;;;AAGD;EACC;;;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;;;AAKH;AAEA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;;;AAGD;AAEA;AAEA;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAIC;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAIA;EACC;;;AAKD;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;;;AAGD;AACA;AAEA;AAEA;AAEA;EACC;EACA;;AACA;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;;;AAIA;AAAA;EAGC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAED;EACC;;AAEA;EACC;;AAED;EACC;;AAGF;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAGA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;;AAMJ;EACC;EACA;;;AAID;AACA;EACC;EACA;EACA;EACA;AAwBA;;AAtBA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAGA;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;;AAGA;AAAA;AAAA;EAIC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;AAMJ;AAGC;AAAA;EACC;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AACA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGA;EACC;;AAED;EACC;;AAED;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;AACA;AACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AACC;EACA;EACA;;AAEC;EACC;EACA;;AACA;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;EAGC;;AAED;AAAA;EAEC;;AAGD;EACC;EACA;;AAED;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACC;;AACA;EACC;EACA;EACA;;AAED;EACC;;AAIH;EACC;;AAED;EACC;;AAED;EAIC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,SAhBS;EAiBT;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,aA/BU;EAgCV;;AACA;EACC;;AAGF;EACC;EACA;;AAED;EACC;;AAON;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;;;AAGD;AAGC;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGD;EAGC;;AAKD;EACC;;AAEA;EACC;;;AAMJ;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;AAAA;EAEC;;AAIF;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;AA8DA;;AA5DA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;AACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAED;EACC;;AAGD;EAGC;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;AAKF;EACC;EACA;;AAED;EACC;;;AAMH;EACC;EACA;EACA;;;AAGD;AAEA;EACC;;;AAGD;AAGC;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;;;AAIF;AACA;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAIA;EACC;;AAIF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;;AAIH;EACC;;AACA;EACC;;AAGF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;AAAA;EAGC;;AAGF;EACC;EACA;;AAID;EACC;EACA;;AAEA;EACC;;AAGF;EACC;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAIF;AAGC;EACC;EACA;;AAED;EACC;;;AAIF;AACA;EACC;;AAID;AAEA;EACC;EACA;EACA;EACA","file":"styles.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","styles.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;AACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;;AAKH;AAEA;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAID;AAEA;EACC;EACA;;;AAID;AAEA;EACC;;;AAGD;AAEA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;;;AAGD;AAEA;AAEA;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAIC;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAGD;AAEA;EACC;EACA;EACA;EACA;EACA;;;AAIA;EACC;;;AAKD;EACC;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;EACA;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;;;AAGD;AACA;AAEA;AAEA;AAEA;EACC;EACA;;AACA;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;;;AAIA;AAAA;EAGC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAED;EACC;;AAEA;EACC;;AAED;EACC;;AAGF;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAGA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;;AAMJ;EACC;EACA;;;AAID;AACA;EACC;EACA;EACA;EACA;AAwBA;;AAtBA;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAGA;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AAGF;EACC;;AAGA;AAAA;AAAA;EAIC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;AAMJ;AAGC;AAAA;EACC;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AACA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGA;EACC;;AAED;EACC;;AAED;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AACA;EACC;EACA;;AAMH;EACC;EACA;EACA;EACA;AACA;AACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AACC;EACA;EACA;;AAEC;EACC;EACA;;AACA;EACC;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;AAAA;AAAA;EAGC;;AAED;AAAA;EAEC;;AAGD;EACC;EACA;;AAED;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACC;;AACA;EACC;EACA;EACA;;AAED;EACC;;AAIH;EACC;;AAED;EACC;;AAED;EAIC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,SAhBS;EAiBT;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA,aA/BU;EAgCV;;AACA;EACC;;AAGF;EACC;EACA;;AAED;EACC;;AAON;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;;;AAGD;AAGC;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGD;EAGC;;AAKD;EACC;;AAEA;EACC;;;AAMJ;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;AAAA;EAEC;;AAIF;AACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;AA8DA;;AA5DA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;AACC;EACA;EACA;EACA;EACA;;AAED;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAED;EACC;;AAGD;EAGC;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;AAKF;EACC;EACA;;AAED;EACC;;;AAMH;EACC;EACA;EACA;;;AAGD;AAEA;EACC;;;AAGD;AAGC;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;;;AAIF;AACA;EACC;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;AAIA;EACC;;AAIF;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAGF;EACC;;AAIH;EACC;;AACA;EACC;;AAGF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;AAAA;AAAA;EAGC;;AAGF;EACC;EACA;;AAID;EACC;EACA;;AAEA;EACC;;AAGF;EACC;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAKH;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;;AAIF;AAGC;EACC;EACA;;AAED;EACC;;;AAIF;AACA;EACC;;AAID;AAEA;EACC;EACA;EACA;EACA","file":"styles.css"}