@prozilla-os/core 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +42 -23
  2. package/dist/assets/main.css +1 -1
  3. package/dist/main.d.ts +48 -38
  4. package/dist/main.js +4718 -4740
  5. package/dist/main.js.map +1 -1
  6. package/package.json +3 -3
package/README.md CHANGED
@@ -44,15 +44,43 @@ function App() {
44
44
 
45
45
  <br />
46
46
 
47
- ### `<ProzillaOS>` props
47
+ ### Configuration
48
48
 
49
49
  ```tsx
50
- {
50
+ interface ProzillaOSProps {
51
51
 
52
52
  systemName: string,
53
53
 
54
54
  tagLine: string,
55
55
 
56
+ skin: new Skin({
57
+
58
+ appIcons: Record<number, string> | undefined,
59
+
60
+ appNames: Record<number, string> | undefined,
61
+
62
+ wallpapers: string[],
63
+
64
+ defaultWallpaper: string,
65
+
66
+ fileIcons: {
67
+ generic: string;
68
+ info: string | undefined;
69
+ text: string | undefined;
70
+ code: string | undefined;
71
+ },
72
+
73
+ folderIcons: {
74
+ generic: string;
75
+ images: string | undefined;
76
+ text: string | undefined;
77
+ link: string | undefined;
78
+ },
79
+
80
+ loadStyleSheet: () => void | undefined
81
+
82
+ })
83
+
56
84
  config: {
57
85
  apps: new AppsConfig({
58
86
 
@@ -61,12 +89,6 @@ function App() {
61
89
  }),
62
90
  desktop: new DesktopConfig({
63
91
 
64
- /** Array of URLs of wallpaper images */
65
- wallpapers: string[],
66
-
67
- /** URL of default wallpaper image */
68
- defaultWallpaper: string,
69
-
70
92
  /**
71
93
  * @default 1
72
94
  */
@@ -79,6 +101,14 @@ function App() {
79
101
  defaultIconDirection: 0 | 1
80
102
 
81
103
  }),
104
+ misc: new MiscConfig({
105
+
106
+ /**
107
+ * @default 250
108
+ */
109
+ doubleClickDelay: number
110
+
111
+ })
82
112
  modals: new ModalsConfig({
83
113
 
84
114
  /**
@@ -114,19 +144,6 @@ function App() {
114
144
  /** Google Analytics measurement ID */
115
145
  GAMeasurementId: string
116
146
 
117
- }),
118
- virtualDrive: new VirtualDriveConfig({
119
-
120
- fileIcon: string,
121
- infoFileIcon: string,
122
- textFileIcon: string,
123
- codeFileIcon: string,
124
-
125
- folderIcon: string,
126
- imagesFolderIcon: string,
127
- textFolderIcon: string,
128
- folderLinkIcon: string
129
-
130
147
  }),
131
148
  windows: new WindowsConfig({
132
149
 
@@ -154,13 +171,15 @@ function App() {
154
171
 
155
172
  ## Links
156
173
 
157
- - [Website/demo][website]
174
+ - [Demo][demo]
175
+ - [Docs][docs]
158
176
  - [GitHub][github]
159
177
  - [npm][npm]
160
178
  - [Discord][discord]
161
179
  - [Ko-fi][ko-fi]
162
180
 
163
- [website]: https://os.prozilla.dev/
181
+ [demo]: https://os.prozilla.dev/
182
+ [docs]: https://os.prozilla.dev/docs/reference/core
164
183
  [github]: https://github.com/prozilla-os/ProzillaOS/tree/main/packages/core
165
184
  [npm]: https://www.npmjs.com/package/@prozilla-os/core
166
185
  [discord]: https://discord.gg/JwbyQP4tdz
package/dist/assets/main.css CHANGED
@@ -1 +1 @@
1
- ._Main_1i5vx_1{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;overflow:hidden;pointer-events:none}._Main_1i5vx_1>*{pointer-events:auto}._Taskbar_1ur5p_1{--svg-drop-shadow-color: var(--taskbar-color);position:fixed;display:flex;bottom:0;left:0;width:100%;height:var(--taskbar-height);margin-bottom:env(safe-area-inset-bottom)}._Taskbar_1ur5p_1:after,._Taskbar_1ur5p_1:before{content:"";position:absolute;top:0;bottom:calc(env(safe-area-inset-bottom,0)*-1);left:0;right:0;pointer-events:none}._Taskbar_1ur5p_1:after{opacity:var(--taskbar-opacity);background-color:var(--taskbar-color);z-index:-2}._Taskbar_1ur5p_1:before{-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);z-index:-3}._Taskbar_1ur5p_1 button{display:flex;align-items:center;color:var(--foreground-color-0);background:none;cursor:pointer;border:none;outline:none;transition:background-color .1s ease-in-out;z-index:-1}._Taskbar_1ur5p_1 button:hover,._Taskbar_1ur5p_1 button:focus-visible{background-color:var(--taskbar-button-hover-color)}._HomeContainer_1ur5p_103,._SearchContainer_1ur5p_105{position:relative;padding:0!important}._HomeContainer_1ur5p_103,._HomeContainer_1ur5p_103>div,._SearchContainer_1ur5p_105,._SearchContainer_1ur5p_105>div{height:100%;width:auto}button._HomeButton_1ur5p_131{padding:.625rem}._HomeButton_1ur5p_131 *{fill:var(--foreground-color-0);filter:none}._MenuIcons_1ur5p_149,._AppIcons_1ur5p_151{display:flex;align-items:center;height:100%}._AppIconsContainer_1ur5p_163{position:relative;width:100%;height:auto;overflow:hidden;pointer-events:none}._AppIcons_1ur5p_151{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;pointer-events:auto;z-index:-1}._AppIcons_1ur5p_151::-webkit-scrollbar{display:none}._AppIcons_1ur5p_151>*,._MenuButton_1ur5p_213{height:100%;padding:.75rem}._AppIcons_1ur5p_151>*>svg,._MenuButton_1ur5p_213>svg{height:1.25rem}._AppIcons_1ur5p_151>button div,._AppIcons_1ur5p_151>button div>svg,._MenuButton_1ur5p_213 div,._MenuButton_1ur5p_213 div>svg{height:100%;width:auto}._UtilIcons_1ur5p_249{display:flex;gap:0;justify-content:flex-end;align-items:center;height:100%;margin-left:auto;padding-left:.5rem;z-index:-1}._UtilIcons_1ur5p_249>div{height:100%;width:min-content;z-index:-1}._UtilIcons_1ur5p_249>button,._UtilIcons_1ur5p_249>div>button{height:100%;width:min-content;margin:0;padding:.4rem}._UtilIcons_1ur5p_249>button>svg,._UtilIcons_1ur5p_249>div>button>svg{height:1rem;width:1rem;aspect-ratio:1}#_desktop-button_1ur5p_1{border-left:1px solid rgba(255,255,255,50%);height:100%;width:.5rem;padding:0;margin-left:1rem}._MenuContainer_1ur5p_329{position:absolute;right:0;bottom:100%;height:auto!important;overflow:hidden}._MenuContainer_1ur5p_329:not(._Active_1ur5p_345){pointer-events:none}._Menu_1ur5p_149{opacity:1;display:flex;border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);border-bottom-left-radius:var(--border-radius-1);transform:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;overflow:hidden;resize:horizontal}._MenuContainer_1ur5p_329:not(._Active_1ur5p_345) ._Menu_1ur5p_149{opacity:0;transform:translateY(100px)}._Menu_1ur5p_149:after,._MenuContainer_1ur5p_329:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;pointer-events:none}._Menu_1ur5p_149:after{opacity:var(--taskbar-menu-opacity);background-color:var(--taskbar-menu-color);z-index:-2}._MenuContainer_1ur5p_329:after{opacity:1;transition:opacity .2s ease-in-out,top .2s ease-in-out;-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);z-index:-3}._MenuContainer_1ur5p_329:not(._Active_1ur5p_345):after{opacity:0;top:100px}._HomeMenuContainer_2y6vw_1{right:unset;left:0}._HomeMenu_2y6vw_1{--default-buttons-width: 3rem;--buttons-count: 5;min-width:16rem;max-width:32rem;min-height:calc(var(--default-buttons-width) * var(--buttons-count));border-bottom-left-radius:0;border-bottom-right-radius:var(--border-radius-1)}._Buttons_2y6vw_33{--buttons-width: var(--default-buttons-width);--padding: .25rem;--filter: blur(0px);position:absolute;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;bottom:0;left:0;padding:var(--padding);margin-top:auto;width:var(--buttons-width);height:100%;border-radius:var(--border-radius-1);overflow:hidden;transition:width .2s ease-out .2s;z-index:1}._Buttons_2y6vw_33:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);transition:backdrop-filter .2s ease-out .2s}._Buttons_2y6vw_33:hover,._Buttons_2y6vw_33:focus-visible{--buttons-width: 10rem;--filter: var(--taskbar-filter)}._Buttons_2y6vw_33>button{--button-width: calc(var(--buttons-width) - var(--padding) * 2);--button-height: calc(var(--default-buttons-width) - var(--padding) * 2);position:relative;display:flex;justify-content:flex-start;align-items:center;padding:.5rem;width:var(--button-width);height:var(--button-height);border-radius:var(--border-radius-1);overflow:hidden;transition:inherit;z-index:1}._Buttons_2y6vw_33>button>svg{height:1.5rem;width:1.5rem}._Buttons_2y6vw_33>button>p{position:absolute;left:calc(var(--default-buttons-width) - var(--padding) * 2);margin:0;white-space:nowrap}._Apps_2y6vw_173{display:flex;flex-direction:column;width:100%!important;max-height:20rem;padding:.5rem .25rem .5rem .5rem;padding-bottom:0;margin-left:var(--default-buttons-width)}._Logo_2y6vw_195{display:flex;gap:.5rem;width:auto;margin-bottom:.5rem;justify-content:flex-start;align-items:center;-webkit-user-select:none;user-select:none}._Logo_2y6vw_195 div,._Logo_2y6vw_195 svg{width:auto;height:2.25rem;color:inherit;aspect-ratio:1}._Logo_2y6vw_195 svg{object-fit:contain}._Logo_2y6vw_195 svg *{color:inherit;fill:currentColor}._Logo_2y6vw_195>h1{width:100%;text-align:left;margin:0;font-size:1rem;font-weight:600;letter-spacing:normal}._AppList_ndvvg_1{--scrollbar-color: rgba(0, 0, 0, 25%);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;padding-bottom:.5rem;z-index:0}._AppButton_ndvvg_21{--size: 2rem;display:flex;gap:.75rem;width:100%;padding:.25rem .5rem;font-size:.875rem;border-radius:var(--border-radius-1)}._AppButton_ndvvg_21>div,._AppButton_ndvvg_21>div>div,._AppButton_ndvvg_21>div>div>svg{width:var(--size);height:var(--size)}._AppButton_ndvvg_21 svg{filter:var(--svg-drop-shadow-0)}._AppButton_ndvvg_21>p,._AppButton_ndvvg_21>h2{margin:0;white-space:nowrap}._WindowedModal_1axfl_1{--header-height: 2.5rem;--header-button-hover-color: rgba(255, 255, 255, 5%);position:absolute;display:flex;flex-direction:column;min-width:300px;min-height:150px;background-color:var(--background-color-2)!important;resize:both;overflow:hidden}._Header_1axfl_29{--window-icon-size: 1.5rem;--window-icon-margin: .75rem;display:flex;align-items:center;height:var(--header-height);padding:.25rem;padding-left:var(--window-icon-margin);padding-right:0;background-color:var(--background-color-1);cursor:grab}._Window-icon_1axfl_57,._Window-icon_1axfl_57>div,._Window-icon_1axfl_57>div>svg{height:100%;width:auto}._Window-icon_1axfl_57{height:var(--window-icon-size);margin-right:calc(var(--window-icon-margin) - .1rem)}._Window-icon_1axfl_57>div{display:flex;align-items:center}._Header_1axfl_29>p{-webkit-user-select:none;user-select:none;width:auto;margin:0 auto 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._Header-button_1axfl_111{display:flex;align-items:center;justify-content:center;height:var(--header-height);margin:0;padding:.75rem;color:var(--foreground-color-0);background:none;cursor:pointer;border:none;outline:none;aspect-ratio:1}._Header-button_1axfl_111>svg{height:100%}._Exit-button_1axfl_149{--header-button-hover-color: var(--red-0)}._Header-button_1axfl_111:hover,._Header-button_1axfl_111:focus-visible{background-color:var(--header-button-hover-color)}._Window-content_1axfl_165{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}._TextRegular_trpok_1{font-size:1em;font-weight:400;letter-spacing:normal}._TextLight_trpok_13{color:var(--foreground-color-1);font-size:.875em;font-weight:400;letter-spacing:normal}._TextSemibold_trpok_27{font-weight:500;letter-spacing:normal}._TextBold_trpok_37{font-weight:600;letter-spacing:normal}._DialogContent_d87lh_1{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}._DialogContent_d87lh_1 button{margin-bottom:.75rem;padding:.5rem 1rem;width:fit-content;color:var(--foreground-color-0);background-color:var(--background-color-0);border:none;border-radius:var(--border-radius-1);outline:none;transition:background-color .1s ease-in-out;cursor:pointer}._DialogContent_d87lh_1 button:hover,._DialogContent_d87lh_1 button:focus-visible{background-color:var(--background-color-1)}._SearchMenuContainer_1q8mh_1{position:absolute;display:flex;flex-direction:column;left:0;bottom:100%;max-height:20rem;overflow:hidden}._SearchMenu_1q8mh_1{opacity:0;display:flex;gap:.5rem;flex-direction:column;min-width:13rem;max-width:19rem;padding:.5rem;margin-top:100px;border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);border-bottom-right-radius:var(--border-radius-1);-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);transition:opacity .2s ease-in-out,margin-top .2s ease-in-out;overflow:hidden;resize:horizontal}._SearchMenu_1q8mh_1:after{opacity:var(--taskbar-menu-opacity);content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--taskbar-menu-color);z-index:-2}._SearchMenuContainer_1q8mh_1._Active_1q8mh_81 ._SearchMenu_1q8mh_1{opacity:1;margin-top:0}._SearchMenuContainer_1q8mh_1:not(._Active_1q8mh_81){pointer-events:none}._SearchMenu_1q8mh_1>div{margin-top:auto}._Input_1q8mh_107{width:100%;padding:.25rem .5rem;color:var(--foreground-color-0);background-color:#00000040;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._SearchMenu_1q8mh_1>div>button:first-child{background-color:var(--taskbar-button-hover-color)}._App-icon_ls3ab_1{opacity:1;position:relative;width:var(--taskbar-height);height:var(--taskbar-height);aspect-ratio:1;animation:_appear_ls3ab_1 .1s ease-out forwards}._App-icon_ls3ab_1 svg{filter:var(--svg-drop-shadow-0);transform:scale(1);transform-origin:center;transition:transform .3s ease-out .15s}._App-icon_ls3ab_1:not(._Active_ls3ab_33):hover svg,._App-icon_ls3ab_1:not(._Active_ls3ab_33):focus-visible svg{transform:scale(115%)}._App-icon_ls3ab_1._Hidden_ls3ab_43{animation:_disappear_ls3ab_1 .4s ease-in-out forwards;pointer-events:none}@keyframes _appear_ls3ab_1{0%{opacity:0}to{opacity:1}}@keyframes _disappear_ls3ab_1{0%{opacity:1}25%{opacity:0;margin-right:0}to{opacity:0;margin-right:calc(var(--taskbar-height) * -1)}}._App-icon_ls3ab_1:after{content:"";position:absolute;left:50%;bottom:0;width:90%;height:.15rem;background-color:var(--foreground-color-0);transition:height .2s ease-in-out,width .2s ease-in-out;transform:translate(-50%);-webkit-transform:translateX(-50%)}._App-icon_ls3ab_1:hover:after,._App-icon_ls3ab_1:focus-visible:after{width:100%}._App-icon_ls3ab_1:not(._Active_ls3ab_33):after{height:0}._Actions_1784u_1{--left: 0;--top: 0;--right: calc(1 - var(--left));--bottom: calc(1 - var(--top));position:absolute;top:0;left:0;opacity:1;transition:opacity .1s ease-out}._Actions_1784u_1._Uninitiated_1784u_29{opacity:0}._Actions_1784u_1._AlignLeft_1784u_37{--left: 1;left:unset;right:0}._Actions_1784u_1._AlignTop_1784u_51{--top: 1;top:unset;bottom:0}._ContextMenu_1784u_69._Actions_1784u_1{--border-radius: var(--border-radius-1);--padding: .375rem;padding:var(--padding);border-top-left-radius:calc((1 - var(--right) * var(--bottom)) * var(--border-radius))!important;border-top-right-radius:calc((1 - var(--left) * var(--bottom)) * var(--border-radius))!important;border-bottom-left-radius:calc((1 - var(--right) * var(--top)) * var(--border-radius))!important;border-bottom-right-radius:calc((1 - var(--left) * var(--top)) * var(--border-radius))!important;background-color:var(--background-color-1)!important}._ContextMenu_1784u_69 ._Button_1784u_93,._ContextMenu_1784u_69 ._Dropdown_1784u_95{display:flex;gap:.75rem;justify-content:space-between;width:100%;padding:.25rem .5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875rem;text-align:start;white-space:nowrap;cursor:pointer}._ContextMenu_1784u_69 ._Button_1784u_93:hover,._ContextMenu_1784u_69 ._Button_1784u_93:focus-visible,._ContextMenu_1784u_69 ._Dropdown_1784u_95:hover,._ContextMenu_1784u_69 ._Dropdown_1784u_95:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._ContextMenu_1784u_69 ._Label_1784u_141{display:flex;gap:.5rem;justify-content:center;align-items:center}._ContextMenu_1784u_69 ._Label_1784u_141 p,._ContextMenu_1784u_69 ._Shortcut_1784u_157{margin:0}._ContextMenu_1784u_69 ._Icon_1784u_165{display:flex;justify-content:center;align-items:center;width:.875rem;height:.875rem}._ContextMenu_1784u_69 ._Icon_1784u_165>svg{width:100%;height:100%;object-fit:contain}._ContextMenu_1784u_69 ._ImageIcon_1784u_193{position:absolute;width:1rem;height:auto;aspect-ratio:1}._ContextMenu_1784u_69 ._ImageIcon_1784u_193 div{display:flex;width:100%;height:100%}._ContextMenu_1784u_69 ._ImageIcon_1784u_193 div>svg{width:100%;height:100%;object-fit:contain}._ContextMenu_1784u_69 ._Shortcut_1784u_157{color:var(--foreground-color-1)}._ContextMenu_1784u_69 ._Dropdown_1784u_95{position:relative}._ContextMenu_1784u_69 ._Dropdown_1784u_95 ._DropdownContent_1784u_247{opacity:1;position:absolute;top:calc(var(--padding) * -1);left:100%;padding:var(--padding);border-radius:var(--border-radius-1);border-top-left-radius:0;background-color:var(--background-color-1);transition:opacity .1s ease-out;cursor:auto}._ContextMenu_1784u_69 ._Dropdown_1784u_95:not(._Active_1784u_273) ._DropdownContent_1784u_247{opacity:0;pointer-events:none}._ContextMenu_1784u_69 ._Divider_1784u_283{width:calc(100% - .5rem);height:2px;border-radius:var(--border-radius-99);background-color:var(--foreground-color-2);margin:.5rem auto}._ContextMenu_1784u_69 ._TextDisplay_1784u_299{margin:0;padding:.25rem .75rem;color:var(--foreground-color-1);font-size:.875rem;text-align:start;white-space:nowrap}._HeaderMenu_1784u_321{display:flex;width:inherit;height:inherit}._HeaderMenu_1784u_321 ._Dropdown_1784u_95{position:relative;display:block;width:auto;height:100%;padding:0 .5rem;background:none;border:none;outline:none;font-size:.85rem;cursor:pointer}._HeaderMenu_1784u_321 ._Dropdown_1784u_95:hover,._HeaderMenu_1784u_321 ._Dropdown_1784u_95:focus-visible,._HeaderMenu_1784u_321 ._Dropdown_1784u_95._Active_1784u_273{background-color:#ffffff0d}._HeaderMenu_1784u_321 ._Dropdown_1784u_95>._Label_1784u_141{display:flex;justify-content:center;align-items:center;height:100%}._HeaderMenu_1784u_321 ._DropdownArrow_1784u_385{display:none}._HeaderMenu_1784u_321 ._DropdownContent_1784u_247{opacity:1;display:flex;flex-direction:column;position:absolute;top:100%;left:0;padding:.25rem;background-color:var(--background-color-1);border-bottom-left-radius:var(--border-radius-1);border-bottom-right-radius:var(--border-radius-1);transition:opacity .1s ease-out;cursor:default}._HeaderMenu_1784u_321 ._Dropdown_1784u_95:not(._Active_1784u_273) ._DropdownContent_1784u_247{opacity:0;pointer-events:none}._HeaderMenu_1784u_321 ._Button_1784u_93{--icon-size: 1.25rem;--icon-gap: .5rem;display:flex;gap:1.5rem;justify-content:space-between;align-items:center;width:100%;padding:.25rem .5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875rem;text-align:start;white-space:nowrap;cursor:pointer}._HeaderMenu_1784u_321 ._Button_1784u_93:not(:disabled):hover,._HeaderMenu_1784u_321 ._Button_1784u_93:not(:disabled):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._HeaderMenu_1784u_321 ._Button_1784u_93:disabled{cursor:default}._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141{display:flex;gap:var(--icon-gap);flex-direction:row-reverse;justify-content:flex-start;align-items:center}._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141 ._Icon_1784u_165 div,._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141 ._Icon_1784u_165 svg{height:var(--icon-size);width:var(--icon-size)}._HeaderMenu_1784u_321 ._Dropdown_1784u_95>._Label_1784u_141>p,._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141>p{margin:0}._HeaderMenu_1784u_321 ._Button_1784u_93:disabled>._Label_1784u_141>p{color:var(--foreground-color-1)}._HeaderMenu_1784u_321 ._Shortcut_1784u_157{color:var(--foreground-color-1);margin:0;font-size:.875rem}._HeaderMenu_1784u_321 ._Divider_1784u_283{width:calc(100% - .5rem);height:2px;border-radius:var(--border-radius-99);background-color:var(--foreground-color-2);margin:.25rem auto}._ImagePreview_a5cin_1{height:100%;overflow:hidden;pointer-events:none}._ImagePreview_a5cin_1>*{width:100%;height:100%;object-fit:contain}._ImagePreview_a5cin_1>img{height:auto;max-height:100%;width:auto;max-width:100%;border-radius:inherit}._Button_xate2_1{position:relative}._Charging-indicator_xate2_9{--outline-color: var(--background-color-2);--outline-width: 2px;position:absolute;top:.55rem;right:.15rem;height:.7rem!important}._Menu_xate2_29>div{display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem}._Menu_xate2_29>div>div,._Menu_xate2_29>div>div>svg{width:auto;height:1.25rem}._Menu_xate2_29>div>p{margin:0;font-size:1.25rem}._UtilMenuContainer_d6065_1{position:absolute;right:0;bottom:100%;height:auto!important;overflow:hidden}._UtilMenu_d6065_1{opacity:1;display:flex;border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);border-bottom-left-radius:var(--border-radius-1);-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);transform:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;overflow:hidden;resize:horizontal}._UtilMenu_d6065_1:after{opacity:var(--taskbar-menu-opacity);content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--taskbar-menu-color);z-index:-2}._UtilMenuContainer_d6065_1:not(._Active_d6065_67){pointer-events:none}._UtilMenuContainer_d6065_1:not(._Active_d6065_67) ._UtilMenu_d6065_1{opacity:0;transform:translateY(100px)}._Button_1nitb_1{white-space:nowrap;-webkit-user-select:none;user-select:none}._Menu_1nitb_11>div{display:flex;gap:.5rem;flex-direction:column;align-items:flex-start;padding:.5rem 1rem}._Time_1nitb_27,._Date_1nitb_27{margin:0}._Time_1nitb_27{font-size:1.5rem}._Date_1nitb_27{color:var(--foreground-color-1)}._Menu_9za6j_1>div{display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem}._Menu_9za6j_1>div>svg{width:auto;height:1rem}._Menu_9za6j_1>div>p{margin:0;font-size:1rem}._Window-container_1e49v_1{--header-height: 2.5rem;--header-button-hover-color: rgba(255, 255, 255, 5%);position:absolute}._Window-container_1e49v_1._Minimized_1e49v_15{pointer-events:none}@keyframes _pop-in_1e49v_1{0%{scale:0}to{scale:100%}}._Window-container_1e49v_1._Maximized_1e49v_41{width:100%;height:100%;transform:none!important}._Window-container_1e49v_1._Maximized_1e49v_41 ._Window-inner_1e49v_53{width:100%;height:calc(100% - var(--taskbar-height));border-radius:0;resize:none}._Window-inner_1e49v_53{display:flex;flex-direction:column;min-width:300px;min-height:150px;background-color:var(--background-color-2);border-radius:var(--border-radius-1);box-shadow:var(--window-box-shadow);resize:both;overflow:hidden;transform-origin:center center;animation:_appear_1e49v_1 .25s ease-in-out forwards}._Window-container_1e49v_1._Minimized_1e49v_15 ._Window-inner_1e49v_53{animation:_disappear_1e49v_1 .25s ease-in-out forwards}@keyframes _appear_1e49v_1{0%{opacity:0;transform:translateY(25vh) scale(0)}25%{opacity:0}to{opacity:1;transform:none}}@keyframes _disappear_1e49v_1{0%{opacity:1;transform:none}75%{opacity:0}to{opacity:0;transform:translateY(25vh) scale(0)}}._Header_1e49v_159{--window-icon-size: 1.5rem;--window-icon-margin: .75rem;display:flex;align-items:center;height:var(--header-height);padding:.25rem;padding-left:var(--window-icon-margin);padding-right:0;background-color:var(--background-color-1);cursor:grab}._Window-icon_1e49v_187,._Window-icon_1e49v_187>div,._Window-icon_1e49v_187>div>svg{height:100%;width:auto}._Window-icon_1e49v_187{height:var(--window-icon-size);margin-right:calc(var(--window-icon-margin) - .1rem)}._Window-icon_1e49v_187>div{display:flex;align-items:center}._Header_1e49v_159>p{-webkit-user-select:none;user-select:none;width:auto;margin:0 auto 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._Header-button_1e49v_241{display:flex;align-items:center;justify-content:center;height:var(--header-height);margin:0;padding:.75rem;color:var(--foreground-color-0);background:none;cursor:pointer;border:none;outline:none;aspect-ratio:1}._Header-button_1e49v_241>svg{height:100%}._Exit-button_1e49v_279{--header-button-hover-color: var(--red-0)}._Header-button_1e49v_241:hover,._Header-button_1e49v_241:focus-visible{background-color:var(--header-button-hover-color)}._Window-content_1e49v_295{position:relative;overflow:hidden;height:100%}._Share_pwvcw_1{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem 0;overflow:hidden;pointer-events:none}._Top_pwvcw_23,._Bottom_pwvcw_23{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden}._Share_pwvcw_1>._Top_pwvcw_23{flex-grow:1;pointer-events:none}._Title_pwvcw_49{margin-top:0;margin-left:1rem;font-size:1.5rem;pointer-events:auto}._FormContainer_pwvcw_63{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}._Form_pwvcw_63{--margin: 1rem;position:absolute;display:flex;gap:.5rem;flex-direction:column;top:0;left:0;width:calc(100% - var(--margin) * 2);height:100%;margin:0 var(--margin);overflow-x:hidden;overflow-y:auto;pointer-events:auto;z-index:-1}._Label_pwvcw_115{--gap: .5rem;display:flex;gap:var(--gap);align-items:center;width:100%;height:1.75rem;min-height:1.75rem;z-index:1}._Label_pwvcw_115>p{width:calc(40% - var(--gap));min-width:40%;margin:0;text-align:start}._Input_pwvcw_153{width:auto;max-width:calc(60% - var(--gap));padding:.25rem .5rem;height:100%;color:var(--text-color);background-color:var(--background-color-1);border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875em}select._Input_pwvcw_153>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._Input_pwvcw_153:disabled~div,._Input_pwvcw_153:disabled~p{opacity:.25}._Input_pwvcw_153[type=checkbox]{display:none}._Checkbox_pwvcw_215{display:flex;justify-content:center;align-items:center;width:auto;height:87.5%;aspect-ratio:1;cursor:pointer}._Checkbox_pwvcw_215>svg{width:100%;height:100%;object-fit:contain;fill:var(--background-color-0)}._Checkbox_pwvcw_215>svg>*{fill:inherit}._Share_pwvcw_1>._Bottom_pwvcw_23{gap:.5rem;flex-direction:row;justify-content:space-between;align-items:center;margin:.75rem 1rem 0;pointer-events:auto}._Url_pwvcw_275{margin:0;text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._Button_pwvcw_291{--normal-color: var(--background-color-0) !important;--hover-color: var(--background-color-1) !important;padding:.5rem 1rem;border-radius:var(--border-radius-1);white-space:nowrap}._Button_em9rd_1{--text-color: var(--foreground-color-0);--normal-color: var(--background-color-0);--hover-color: var(--background-color-1);color:var(--text-color);background-color:var(--normal-color);border:none;outline:none;font-size:.875em;transition:background-color .1s ease-in-out;cursor:pointer}._Button_em9rd_1:hover,._Button_em9rd_1:focus-visible{background-color:var(--hover-color)}._ButtonLink_em9rd_37{text-decoration:none}._Button_em9rd_1>svg{margin-left:.5rem}._Desktop_xwxft_1{position:fixed;top:env(safe-area-inset-top,0);left:0;width:100%;height:100%;z-index:-1}._Wallpaper_xwxft_19{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}._Content_xwxft_39{--direction: column;position:absolute;display:flex;flex-direction:var(--direction);flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;top:0;left:0;width:100%;height:100%;padding:.5rem;padding-bottom:calc(var(--taskbar-height) + .5rem);z-index:1}._Item_xwxft_75{padding:.25rem;text-shadow:.1rem .1rem .2rem color-mix(in srgb,var(--black-0) 75%,transparent)}._Item_xwxft_75 p{color:var(--white-0)}._Item_xwxft_75 svg{filter:var(--svg-drop-shadow-0)}._DirectoryList_1xkyl_1{--scale: 1rem;position:relative;width:100%;height:100%}._FileButton_1xkyl_17,._FolderButton_1xkyl_17{--gap: .25rem;display:flex;gap:var(--gap);flex-direction:column;align-items:center;justify-content:center;width:calc(var(--scale) * 7.5);height:calc(var(--scale) * 7.5);padding:.5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;cursor:pointer;transition:background-color .1s ease-in-out}._FileButton_1xkyl_17[data-selected=true],._FolderButton_1xkyl_17[data-selected=true]{background-color:color-mix(in srgb,var(--background-color-0) 40%,transparent)!important}._FileButton_1xkyl_17:hover,._FolderButton_1xkyl_17:hover,._FileButton_1xkyl_17:focus-visible,._FolderButton_1xkyl_17:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 20%,transparent)}._FileButton_1xkyl_17 p,._FolderButton_1xkyl_17 p{max-width:100%;margin:0;word-wrap:break-word}._FileIcon_1xkyl_91,._FolderIcon_1xkyl_91{max-height:calc(100% - 1rem - var(--gap));border-radius:inherit}._FileIcon_1xkyl_91 div,._FolderIcon_1xkyl_91 div{width:100%;height:100%;border-radius:inherit;overflow:hidden}._FileIcon_1xkyl_91 svg,._FolderIcon_1xkyl_91 svg{width:50%;height:auto;aspect-ratio:1}._SelectionRect_1xkyl_127{opacity:25%;position:absolute;border-radius:var(--border-radius-0);background-color:var(--blue-1);border:.25rem solid var(--blue-0)}._DropdownButton_11cs8_1{position:relative;height:100%}._Button_11cs8_11{display:block;width:auto;height:100%;padding:0 .5rem;background:none;border:none;outline:none;font-size:.85rem;cursor:pointer}._Button_11cs8_11:hover,._Button_11cs8_11:focus-visible{background-color:#ffffff0d}._Dropdown_11cs8_1{display:flex;flex-direction:column;position:absolute;top:100%;left:0;padding:.35rem;background-color:var(--background-color-1);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}._Dropdown_11cs8_1>button{display:flex;gap:.75rem;justify-content:space-between;width:100%;padding:.25rem .5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;font-size:.85rem;text-align:start;white-space:nowrap;cursor:pointer}._Dropdown_11cs8_1>button:hover,._Dropdown_11cs8_1>button:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._Dropdown_11cs8_1>button>p{margin:0}._Shortcut_11cs8_115{color:var(--foreground-color-1)}._ProgressBar_pbxkk_1{position:relative;width:15rem;max-width:100%;min-height:2rem;max-height:100%;background-color:var(--background-color-4)}._Fill_pbxkk_19{--fill: 0%;position:absolute;left:0;top:0;width:var(--fill);min-width:1px;height:100%;background-color:var(--blue-0)}._HeaderMenu_uhpso_1{position:relative;display:flex;width:100%;height:1.5rem;min-height:1.5rem;background-color:var(--background-color-0)}._WebView_1atlt_1{display:flex;justify-content:center;align-items:center;width:100%;height:100%}._WebView_1atlt_1>iframe{width:100%;height:100%;border:none;background:none;pointer-events:initial}._ModalView_d1xx9_1{--position-x: 0;--position-y: 0;position:fixed;top:calc(var(--position-y) * 1px);left:calc(var(--position-x) * 1px)}._ModalView_d1xx9_1>*{background:var(--background-color-0);border-radius:var(--border-radius-1);box-shadow:var(--window-box-shadow)}._ModalsView_3bq1f_1{position:relative;z-index:11}:root{--red-0: #FF4D5B;--red-1: #B23640;--red-2: #661F25;--orange-0: #FF974D;--orange-1: #B26A36;--orange-2: #663C1F;--yellow-0: #FED24C;--yellow-1: #B29336;--yellow-2: #66541F;--green-0: #4DFF8B;--green-1: #36B261;--green-2: #1F6638;--cyan-0: #4DFFE1;--cyan-1: #36B29E;--cyan-2: #1F665A;--light-blue-0: #4CDFFF;--light-blue-1: #369CB2;--light-blue-2: #1F5966;--blue-0: #4D9CFF;--blue-1: #366DB2;--blue-2: #1F3E66;--purple-0: #974DFF;--purple-1: #6A36B2;--purple-2: #3C1F66;--pink-0: #FF4DFF;--pink-1: #B236B2;--pink-2: #661F66;--white-0: #E5F2FF;--white-1: #A0A9B2;--white-2: #5C6166;--white-3: #393C40;--white-4: #222426;--black-0: #29343F;--black-1: #1E262E;--black-2: #14191F;--black-3: #0D1114;--black-4: #080B0D}:root{--foreground-color-0: var(--white-0);--foreground-color-1: var(--white-1);--foreground-color-2: var(--white-2);--background-color-0: var(--black-0);--background-color-1: var(--black-1);--background-color-2: var(--black-2);--background-color-3: var(--black-3);--background-color-4: var(--black-4);--scrollbar-color: color-mix(in srgb, var(--background-color-0) 25%, transparent)}:root{--border-radius-0: .2rem;--border-radius-1: .375rem;--border-radius-99: 9999px;--svg-drop-shadow-color: var(--black-0);--svg-drop-shadow-0: drop-shadow(.1rem .1rem .2rem color-mix(in srgb, var(--svg-drop-shadow-color) 50%, transparent));--svg-drop-shadow-1: drop-shadow(.1rem .1rem .2rem color-mix(in srgb, var(--svg-drop-shadow-color) 75%, transparent));--window-shadow-size: .3rem;--window-shadow-opacity: 35%;--window-shadow-spread: 3;--window-box-shadow: calc(var(--window-shadow-size) * -1) var(--window-shadow-size) calc(var(--window-shadow-size) * var(--window-shadow-spread)) 0px rgba(0, 0, 0, var(--window-shadow-opacity));--taskbar-height: 3rem;--taskbar-color: var(--background-color-2);--taskbar-opacity: .75;--taskbar-menu-color: var(--background-color-1);--taskbar-menu-opacity: .5;--taskbar-button-hover-color: rgba(255, 255, 255, 5%);--taskbar-filter: blur(1rem)}:root{--body-font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mono-font-family: "Roboto Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}@font-face{font-family:Outfit;src:url(/assets/fonts/outfit/Outfit-VariableFont_wght.ttf);font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/fonts/roboto-mono/RobotoMono-VariableFont_wght.ttf);font-display:swap}.Light-theme{--foreground-color-0: var(--black-3);--foreground-color-1: var(--black-2);--foreground-color-2: var(--black-1);--background-color-0: var(--white-0);--background-color-1: var(--white-0);--background-color-2: var(--white-1);--background-color-3: var(--white-1);--background-color-4: var(--white-2);--taskbar-color: var(--white-0);--taskbar-menu-color: var(--white-0);--taskbar-button-hover-color: rgba(0, 0, 0, 5%)}.Cherry-theme{--background-color-0: var(--red-0);--background-color-1: var(--red-0);--background-color-2: var(--red-1);--background-color-3: var(--red-1);--background-color-4: var(--red-2);--taskbar-color: var(--red-2);--taskbar-menu-color: var(--red-1)}.Mango-theme{--foreground-color-0: var(--black-3);--foreground-color-1: var(--black-2);--foreground-color-2: var(--black-1);--background-color-0: var(--yellow-0);--background-color-1: var(--yellow-0);--background-color-2: var(--yellow-1);--background-color-3: var(--yellow-1);--background-color-4: var(--yellow-2);--taskbar-color: var(--yellow-0);--taskbar-menu-color: var(--yellow-0)}.Aqua-theme{--foreground-color-0: var(--black-3);--foreground-color-1: var(--black-2);--foreground-color-2: var(--black-1);--background-color-0: var(--cyan-0);--background-color-1: var(--cyan-0);--background-color-2: var(--cyan-1);--background-color-3: var(--cyan-1);--background-color-4: var(--cyan-2);--taskbar-color: var(--cyan-0);--taskbar-menu-color: var(--cyan-0)}.Grape-theme{--background-color-0: var(--purple-0);--background-color-1: var(--purple-0);--background-color-2: var(--purple-1);--background-color-3: var(--purple-1);--background-color-4: var(--purple-2);--taskbar-color: var(--purple-2);--taskbar-menu-color: var(--purple-1)}*{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:1.25rem;height:1.25rem}*::-webkit-scrollbar-track{background:none}*::-webkit-scrollbar-thumb{border-radius:var(--border-radius-99);border:5px solid transparent;background-color:var(--scrollbar-color);background-clip:padding-box;-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%);transition:.2s ease-in-out;z-index:1}*::-webkit-scrollbar-corner{background-color:transparent}html,body,#root{width:100%;height:100%;pointer-events:none}html{scroll-behavior:smooth;overflow:hidden;background-color:var(--background-color-2);font-size:16px}body{margin:0;font-family:var(--body-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{color:var(--foreground-color-0);font-size:1rem;box-sizing:border-box;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility}p,a,button,input,select,h1,h2,h3,h4,h5,h6{font-family:var(--body-font-family);letter-spacing:normal}p,a,div,span{font-size:1em}button,input{font-size:.875em}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}button,li[data-rttab=true]{margin:0;border:none;outline:none;transition:background-color .1s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}code{font-family:var(--mono-font-family)}*::selection{color:var(--background-color-3);background-color:var(--foreground-color-0)}
1
+ ._Main_1i5vx_1{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;overflow:hidden;pointer-events:none}._Main_1i5vx_1>*{pointer-events:auto}._Taskbar_1ur5p_1{--svg-drop-shadow-color: var(--taskbar-color);position:fixed;display:flex;bottom:0;left:0;width:100%;height:var(--taskbar-height);margin-bottom:env(safe-area-inset-bottom)}._Taskbar_1ur5p_1:after,._Taskbar_1ur5p_1:before{content:"";position:absolute;top:0;bottom:calc(env(safe-area-inset-bottom,0)*-1);left:0;right:0;pointer-events:none}._Taskbar_1ur5p_1:after{opacity:var(--taskbar-opacity);background-color:var(--taskbar-color);z-index:-2}._Taskbar_1ur5p_1:before{-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);z-index:-3}._Taskbar_1ur5p_1 button{display:flex;align-items:center;color:var(--foreground-color-0);background:none;cursor:pointer;border:none;outline:none;transition:background-color .1s ease-in-out;z-index:-1}._Taskbar_1ur5p_1 button:hover,._Taskbar_1ur5p_1 button:focus-visible{background-color:var(--taskbar-button-hover-color)}._HomeContainer_1ur5p_103,._SearchContainer_1ur5p_105{position:relative;padding:0!important}._HomeContainer_1ur5p_103,._HomeContainer_1ur5p_103>div,._SearchContainer_1ur5p_105,._SearchContainer_1ur5p_105>div{height:100%;width:auto}button._HomeButton_1ur5p_131{padding:.625rem}._HomeButton_1ur5p_131 *{fill:var(--foreground-color-0);filter:none}._MenuIcons_1ur5p_149,._AppIcons_1ur5p_151{display:flex;align-items:center;height:100%}._AppIconsContainer_1ur5p_163{position:relative;width:100%;height:auto;overflow:hidden;pointer-events:none}._AppIcons_1ur5p_151{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;pointer-events:auto;z-index:-1}._AppIcons_1ur5p_151::-webkit-scrollbar{display:none}._AppIcons_1ur5p_151>*,._MenuButton_1ur5p_213{height:100%;padding:.75rem}._AppIcons_1ur5p_151>*>svg,._MenuButton_1ur5p_213>svg{height:1.25rem}._AppIcons_1ur5p_151>button div,._AppIcons_1ur5p_151>button div>svg,._MenuButton_1ur5p_213 div,._MenuButton_1ur5p_213 div>svg{height:100%;width:auto}._UtilIcons_1ur5p_249{display:flex;gap:0;justify-content:flex-end;align-items:center;height:100%;margin-left:auto;padding-left:.5rem;z-index:-1}._UtilIcons_1ur5p_249>div{height:100%;width:min-content;z-index:-1}._UtilIcons_1ur5p_249>button,._UtilIcons_1ur5p_249>div>button{height:100%;width:min-content;margin:0;padding:.4rem}._UtilIcons_1ur5p_249>button>svg,._UtilIcons_1ur5p_249>div>button>svg{height:1rem;width:1rem;aspect-ratio:1}#_desktop-button_1ur5p_1{border-left:1px solid rgba(255,255,255,50%);height:100%;width:.5rem;padding:0;margin-left:1rem}._MenuContainer_1ur5p_329{position:absolute;right:0;bottom:100%;height:auto!important;overflow:hidden}._MenuContainer_1ur5p_329:not(._Active_1ur5p_345){pointer-events:none}._Menu_1ur5p_149{opacity:1;display:flex;border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);border-bottom-left-radius:var(--border-radius-1);transform:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;overflow:hidden;resize:horizontal}._MenuContainer_1ur5p_329:not(._Active_1ur5p_345) ._Menu_1ur5p_149{opacity:0;transform:translateY(100px)}._Menu_1ur5p_149:after,._MenuContainer_1ur5p_329:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;pointer-events:none}._Menu_1ur5p_149:after{opacity:var(--taskbar-menu-opacity);background-color:var(--taskbar-menu-color);z-index:-2}._MenuContainer_1ur5p_329:after{opacity:1;transition:opacity .2s ease-in-out,top .2s ease-in-out;-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);z-index:-3}._MenuContainer_1ur5p_329:not(._Active_1ur5p_345):after{opacity:0;top:100px}._HomeMenuContainer_2y6vw_1{right:unset;left:0}._HomeMenu_2y6vw_1{--default-buttons-width: 3rem;--buttons-count: 5;min-width:16rem;max-width:32rem;min-height:calc(var(--default-buttons-width) * var(--buttons-count));border-bottom-left-radius:0;border-bottom-right-radius:var(--border-radius-1)}._Buttons_2y6vw_33{--buttons-width: var(--default-buttons-width);--padding: .25rem;--filter: blur(0px);position:absolute;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;bottom:0;left:0;padding:var(--padding);margin-top:auto;width:var(--buttons-width);height:100%;border-radius:var(--border-radius-1);overflow:hidden;transition:width .2s ease-out .2s;z-index:1}._Buttons_2y6vw_33:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:var(--filter);backdrop-filter:var(--filter);transition:backdrop-filter .2s ease-out .2s}._Buttons_2y6vw_33:hover,._Buttons_2y6vw_33:focus-visible{--buttons-width: 10rem;--filter: var(--taskbar-filter)}._Buttons_2y6vw_33>button{--button-width: calc(var(--buttons-width) - var(--padding) * 2);--button-height: calc(var(--default-buttons-width) - var(--padding) * 2);position:relative;display:flex;justify-content:flex-start;align-items:center;padding:.5rem;width:var(--button-width);height:var(--button-height);border-radius:var(--border-radius-1);overflow:hidden;transition:inherit;z-index:1}._Buttons_2y6vw_33>button>svg{height:1.5rem;width:1.5rem}._Buttons_2y6vw_33>button>p{position:absolute;left:calc(var(--default-buttons-width) - var(--padding) * 2);margin:0;white-space:nowrap}._Apps_2y6vw_173{display:flex;flex-direction:column;width:100%!important;max-height:20rem;padding:.5rem .25rem .5rem .5rem;padding-bottom:0;margin-left:var(--default-buttons-width)}._Logo_2y6vw_195{display:flex;gap:.5rem;width:auto;margin-bottom:.5rem;justify-content:flex-start;align-items:center;-webkit-user-select:none;user-select:none}._Logo_2y6vw_195 div,._Logo_2y6vw_195 svg{width:auto;height:2.25rem;color:inherit;aspect-ratio:1}._Logo_2y6vw_195 svg{object-fit:contain}._Logo_2y6vw_195 svg *{color:inherit;fill:currentColor}._Logo_2y6vw_195>h1{width:100%;text-align:left;margin:0;font-size:1rem;font-weight:600;letter-spacing:normal}._AppList_ndvvg_1{--scrollbar-color: rgba(0, 0, 0, 25%);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;padding-bottom:.5rem;z-index:0}._AppButton_ndvvg_21{--size: 2rem;display:flex;gap:.75rem;width:100%;padding:.25rem .5rem;font-size:.875rem;border-radius:var(--border-radius-1)}._AppButton_ndvvg_21>div,._AppButton_ndvvg_21>div>div,._AppButton_ndvvg_21>div>div>svg{width:var(--size);height:var(--size)}._AppButton_ndvvg_21 svg{filter:var(--svg-drop-shadow-0)}._AppButton_ndvvg_21>p,._AppButton_ndvvg_21>h2{margin:0;white-space:nowrap}._WindowedModal_1axfl_1{--header-height: 2.5rem;--header-button-hover-color: rgba(255, 255, 255, 5%);position:absolute;display:flex;flex-direction:column;min-width:300px;min-height:150px;background-color:var(--background-color-2)!important;resize:both;overflow:hidden}._Header_1axfl_29{--window-icon-size: 1.5rem;--window-icon-margin: .75rem;display:flex;align-items:center;height:var(--header-height);padding:.25rem;padding-left:var(--window-icon-margin);padding-right:0;background-color:var(--background-color-1);cursor:grab}._Window-icon_1axfl_57,._Window-icon_1axfl_57>div,._Window-icon_1axfl_57>div>svg{height:100%;width:auto}._Window-icon_1axfl_57{height:var(--window-icon-size);margin-right:calc(var(--window-icon-margin) - .1rem)}._Window-icon_1axfl_57>div{display:flex;align-items:center}._Header_1axfl_29>p{-webkit-user-select:none;user-select:none;width:auto;margin:0 auto 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._Header-button_1axfl_111{display:flex;align-items:center;justify-content:center;height:var(--header-height);margin:0;padding:.75rem;color:var(--foreground-color-0);background:none;cursor:pointer;border:none;outline:none;aspect-ratio:1}._Header-button_1axfl_111>svg{height:100%}._Exit-button_1axfl_149{--header-button-hover-color: var(--red-0)}._Header-button_1axfl_111:hover,._Header-button_1axfl_111:focus-visible{background-color:var(--header-button-hover-color)}._Window-content_1axfl_165{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}._TextRegular_trpok_1{font-size:1em;font-weight:400;letter-spacing:normal}._TextLight_trpok_13{color:var(--foreground-color-1);font-size:.875em;font-weight:400;letter-spacing:normal}._TextSemibold_trpok_27{font-weight:500;letter-spacing:normal}._TextBold_trpok_37{font-weight:600;letter-spacing:normal}._DialogContent_d87lh_1{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}._DialogContent_d87lh_1 button{margin-bottom:.75rem;padding:.5rem 1rem;width:fit-content;color:var(--foreground-color-0);background-color:var(--background-color-0);border:none;border-radius:var(--border-radius-1);outline:none;transition:background-color .1s ease-in-out;cursor:pointer}._DialogContent_d87lh_1 button:hover,._DialogContent_d87lh_1 button:focus-visible{background-color:var(--background-color-1)}._SearchMenuContainer_1q8mh_1{position:absolute;display:flex;flex-direction:column;left:0;bottom:100%;max-height:20rem;overflow:hidden}._SearchMenu_1q8mh_1{opacity:0;display:flex;gap:.5rem;flex-direction:column;min-width:13rem;max-width:19rem;padding:.5rem;margin-top:100px;border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);border-bottom-right-radius:var(--border-radius-1);-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);transition:opacity .2s ease-in-out,margin-top .2s ease-in-out;overflow:hidden;resize:horizontal}._SearchMenu_1q8mh_1:after{opacity:var(--taskbar-menu-opacity);content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--taskbar-menu-color);z-index:-2}._SearchMenuContainer_1q8mh_1._Active_1q8mh_81 ._SearchMenu_1q8mh_1{opacity:1;margin-top:0}._SearchMenuContainer_1q8mh_1:not(._Active_1q8mh_81){pointer-events:none}._SearchMenu_1q8mh_1>div{margin-top:auto}._Input_1q8mh_107{width:100%;padding:.25rem .5rem;color:var(--foreground-color-0);background-color:#00000040;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._SearchMenu_1q8mh_1>div>button:first-child{background-color:var(--taskbar-button-hover-color)}._App-icon_ls3ab_1{opacity:1;position:relative;width:var(--taskbar-height);height:var(--taskbar-height);aspect-ratio:1;animation:_appear_ls3ab_1 .1s ease-out forwards}._App-icon_ls3ab_1 svg{filter:var(--svg-drop-shadow-0);transform:scale(1);transform-origin:center;transition:transform .3s ease-out .15s}._App-icon_ls3ab_1:not(._Active_ls3ab_33):hover svg,._App-icon_ls3ab_1:not(._Active_ls3ab_33):focus-visible svg{transform:scale(115%)}._App-icon_ls3ab_1._Hidden_ls3ab_43{animation:_disappear_ls3ab_1 .4s ease-in-out forwards;pointer-events:none}@keyframes _appear_ls3ab_1{0%{opacity:0}to{opacity:1}}@keyframes _disappear_ls3ab_1{0%{opacity:1}25%{opacity:0;margin-right:0}to{opacity:0;margin-right:calc(var(--taskbar-height) * -1)}}._App-icon_ls3ab_1:after{content:"";position:absolute;left:50%;bottom:0;width:90%;height:.15rem;background-color:var(--foreground-color-0);transition:height .2s ease-in-out,width .2s ease-in-out;transform:translate(-50%);-webkit-transform:translateX(-50%)}._App-icon_ls3ab_1:hover:after,._App-icon_ls3ab_1:focus-visible:after{width:100%}._App-icon_ls3ab_1:not(._Active_ls3ab_33):after{height:0}._Actions_1784u_1{--left: 0;--top: 0;--right: calc(1 - var(--left));--bottom: calc(1 - var(--top));position:absolute;top:0;left:0;opacity:1;transition:opacity .1s ease-out}._Actions_1784u_1._Uninitiated_1784u_29{opacity:0}._Actions_1784u_1._AlignLeft_1784u_37{--left: 1;left:unset;right:0}._Actions_1784u_1._AlignTop_1784u_51{--top: 1;top:unset;bottom:0}._ContextMenu_1784u_69._Actions_1784u_1{--border-radius: var(--border-radius-1);--padding: .375rem;padding:var(--padding);border-top-left-radius:calc((1 - var(--right) * var(--bottom)) * var(--border-radius))!important;border-top-right-radius:calc((1 - var(--left) * var(--bottom)) * var(--border-radius))!important;border-bottom-left-radius:calc((1 - var(--right) * var(--top)) * var(--border-radius))!important;border-bottom-right-radius:calc((1 - var(--left) * var(--top)) * var(--border-radius))!important;background-color:var(--background-color-1)!important}._ContextMenu_1784u_69 ._Button_1784u_93,._ContextMenu_1784u_69 ._Dropdown_1784u_95{display:flex;gap:.75rem;justify-content:space-between;width:100%;padding:.25rem .5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875rem;text-align:start;white-space:nowrap;cursor:pointer}._ContextMenu_1784u_69 ._Button_1784u_93:hover,._ContextMenu_1784u_69 ._Button_1784u_93:focus-visible,._ContextMenu_1784u_69 ._Dropdown_1784u_95:hover,._ContextMenu_1784u_69 ._Dropdown_1784u_95:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._ContextMenu_1784u_69 ._Label_1784u_141{display:flex;gap:.5rem;justify-content:center;align-items:center}._ContextMenu_1784u_69 ._Label_1784u_141 p,._ContextMenu_1784u_69 ._Shortcut_1784u_157{margin:0}._ContextMenu_1784u_69 ._Icon_1784u_165{display:flex;justify-content:center;align-items:center;width:.875rem;height:.875rem}._ContextMenu_1784u_69 ._Icon_1784u_165>svg{width:100%;height:100%;object-fit:contain}._ContextMenu_1784u_69 ._ImageIcon_1784u_193{position:absolute;width:1rem;height:auto;aspect-ratio:1}._ContextMenu_1784u_69 ._ImageIcon_1784u_193 div{display:flex;width:100%;height:100%}._ContextMenu_1784u_69 ._ImageIcon_1784u_193 div>svg{width:100%;height:100%;object-fit:contain}._ContextMenu_1784u_69 ._Shortcut_1784u_157{color:var(--foreground-color-1)}._ContextMenu_1784u_69 ._Dropdown_1784u_95{position:relative}._ContextMenu_1784u_69 ._Dropdown_1784u_95 ._DropdownContent_1784u_247{opacity:1;position:absolute;top:calc(var(--padding) * -1);left:100%;padding:var(--padding);border-radius:var(--border-radius-1);border-top-left-radius:0;background-color:var(--background-color-1);transition:opacity .1s ease-out;cursor:auto}._ContextMenu_1784u_69 ._Dropdown_1784u_95:not(._Active_1784u_273) ._DropdownContent_1784u_247{opacity:0;pointer-events:none}._ContextMenu_1784u_69 ._Divider_1784u_283{width:calc(100% - .5rem);height:2px;border-radius:var(--border-radius-99);background-color:var(--foreground-color-2);margin:.5rem auto}._ContextMenu_1784u_69 ._TextDisplay_1784u_299{margin:0;padding:.25rem .75rem;color:var(--foreground-color-1);font-size:.875rem;text-align:start;white-space:nowrap}._HeaderMenu_1784u_321{display:flex;width:inherit;height:inherit}._HeaderMenu_1784u_321 ._Dropdown_1784u_95{position:relative;display:block;width:auto;height:100%;padding:0 .5rem;background:none;border:none;outline:none;font-size:.85rem;cursor:pointer}._HeaderMenu_1784u_321 ._Dropdown_1784u_95:hover,._HeaderMenu_1784u_321 ._Dropdown_1784u_95:focus-visible,._HeaderMenu_1784u_321 ._Dropdown_1784u_95._Active_1784u_273{background-color:#ffffff0d}._HeaderMenu_1784u_321 ._Dropdown_1784u_95>._Label_1784u_141{display:flex;justify-content:center;align-items:center;height:100%}._HeaderMenu_1784u_321 ._DropdownArrow_1784u_385{display:none}._HeaderMenu_1784u_321 ._DropdownContent_1784u_247{opacity:1;display:flex;flex-direction:column;position:absolute;top:100%;left:0;padding:.25rem;background-color:var(--background-color-1);border-bottom-left-radius:var(--border-radius-1);border-bottom-right-radius:var(--border-radius-1);transition:opacity .1s ease-out;cursor:default}._HeaderMenu_1784u_321 ._Dropdown_1784u_95:not(._Active_1784u_273) ._DropdownContent_1784u_247{opacity:0;pointer-events:none}._HeaderMenu_1784u_321 ._Button_1784u_93{--icon-size: 1.25rem;--icon-gap: .5rem;display:flex;gap:1.5rem;justify-content:space-between;align-items:center;width:100%;padding:.25rem .5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875rem;text-align:start;white-space:nowrap;cursor:pointer}._HeaderMenu_1784u_321 ._Button_1784u_93:not(:disabled):hover,._HeaderMenu_1784u_321 ._Button_1784u_93:not(:disabled):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._HeaderMenu_1784u_321 ._Button_1784u_93:disabled{cursor:default}._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141{display:flex;gap:var(--icon-gap);flex-direction:row-reverse;justify-content:flex-start;align-items:center}._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141 ._Icon_1784u_165 div,._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141 ._Icon_1784u_165 svg{height:var(--icon-size);width:var(--icon-size)}._HeaderMenu_1784u_321 ._Dropdown_1784u_95>._Label_1784u_141>p,._HeaderMenu_1784u_321 ._Button_1784u_93>._Label_1784u_141>p{margin:0}._HeaderMenu_1784u_321 ._Button_1784u_93:disabled>._Label_1784u_141>p{color:var(--foreground-color-1)}._HeaderMenu_1784u_321 ._Shortcut_1784u_157{color:var(--foreground-color-1);margin:0;font-size:.875rem}._HeaderMenu_1784u_321 ._Divider_1784u_283{width:calc(100% - .5rem);height:2px;border-radius:var(--border-radius-99);background-color:var(--foreground-color-2);margin:.25rem auto}._ImagePreview_a5cin_1{height:100%;overflow:hidden;pointer-events:none}._ImagePreview_a5cin_1>*{width:100%;height:100%;object-fit:contain}._ImagePreview_a5cin_1>img{height:auto;max-height:100%;width:auto;max-width:100%;border-radius:inherit}._Button_xate2_1{position:relative}._Charging-indicator_xate2_9{--outline-color: var(--background-color-2);--outline-width: 2px;position:absolute;top:.55rem;right:.15rem;height:.7rem!important}._Menu_xate2_29>div{display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem}._Menu_xate2_29>div>div,._Menu_xate2_29>div>div>svg{width:auto;height:1.25rem}._Menu_xate2_29>div>p{margin:0;font-size:1.25rem}._UtilMenuContainer_d6065_1{position:absolute;right:0;bottom:100%;height:auto!important;overflow:hidden}._UtilMenu_d6065_1{opacity:1;display:flex;border-top-left-radius:var(--border-radius-1);border-top-right-radius:var(--border-radius-1);border-bottom-left-radius:var(--border-radius-1);-webkit-backdrop-filter:var(--taskbar-filter);backdrop-filter:var(--taskbar-filter);transform:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;overflow:hidden;resize:horizontal}._UtilMenu_d6065_1:after{opacity:var(--taskbar-menu-opacity);content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--taskbar-menu-color);z-index:-2}._UtilMenuContainer_d6065_1:not(._Active_d6065_67){pointer-events:none}._UtilMenuContainer_d6065_1:not(._Active_d6065_67) ._UtilMenu_d6065_1{opacity:0;transform:translateY(100px)}._Button_1sxhq_1{display:flex;flex-direction:column;white-space:nowrap;-webkit-user-select:none;user-select:none}._Button_1sxhq_1>p{margin:0}._Menu_1sxhq_23>div{display:flex;gap:.5rem;flex-direction:column;align-items:flex-start;padding:.5rem 1rem}._Time_1sxhq_39,._Date_1sxhq_39{margin:0}._Time_1sxhq_39{font-size:1.5rem}._Date_1sxhq_39{opacity:.5}._Menu_9za6j_1>div{display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem}._Menu_9za6j_1>div>svg{width:auto;height:1rem}._Menu_9za6j_1>div>p{margin:0;font-size:1rem}._Window-container_1e49v_1{--header-height: 2.5rem;--header-button-hover-color: rgba(255, 255, 255, 5%);position:absolute}._Window-container_1e49v_1._Minimized_1e49v_15{pointer-events:none}@keyframes _pop-in_1e49v_1{0%{scale:0}to{scale:100%}}._Window-container_1e49v_1._Maximized_1e49v_41{width:100%;height:100%;transform:none!important}._Window-container_1e49v_1._Maximized_1e49v_41 ._Window-inner_1e49v_53{width:100%;height:calc(100% - var(--taskbar-height));border-radius:0;resize:none}._Window-inner_1e49v_53{display:flex;flex-direction:column;min-width:300px;min-height:150px;background-color:var(--background-color-2);border-radius:var(--border-radius-1);box-shadow:var(--window-box-shadow);resize:both;overflow:hidden;transform-origin:center center;animation:_appear_1e49v_1 .25s ease-in-out forwards}._Window-container_1e49v_1._Minimized_1e49v_15 ._Window-inner_1e49v_53{animation:_disappear_1e49v_1 .25s ease-in-out forwards}@keyframes _appear_1e49v_1{0%{opacity:0;transform:translateY(25vh) scale(0)}25%{opacity:0}to{opacity:1;transform:none}}@keyframes _disappear_1e49v_1{0%{opacity:1;transform:none}75%{opacity:0}to{opacity:0;transform:translateY(25vh) scale(0)}}._Header_1e49v_159{--window-icon-size: 1.5rem;--window-icon-margin: .75rem;display:flex;align-items:center;height:var(--header-height);padding:.25rem;padding-left:var(--window-icon-margin);padding-right:0;background-color:var(--background-color-1);cursor:grab}._Window-icon_1e49v_187,._Window-icon_1e49v_187>div,._Window-icon_1e49v_187>div>svg{height:100%;width:auto}._Window-icon_1e49v_187{height:var(--window-icon-size);margin-right:calc(var(--window-icon-margin) - .1rem)}._Window-icon_1e49v_187>div{display:flex;align-items:center}._Header_1e49v_159>p{-webkit-user-select:none;user-select:none;width:auto;margin:0 auto 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._Header-button_1e49v_241{display:flex;align-items:center;justify-content:center;height:var(--header-height);margin:0;padding:.75rem;color:var(--foreground-color-0);background:none;cursor:pointer;border:none;outline:none;aspect-ratio:1}._Header-button_1e49v_241>svg{height:100%}._Exit-button_1e49v_279{--header-button-hover-color: var(--red-0)}._Header-button_1e49v_241:hover,._Header-button_1e49v_241:focus-visible{background-color:var(--header-button-hover-color)}._Window-content_1e49v_295{position:relative;overflow:hidden;height:100%}._Share_pwvcw_1{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem 0;overflow:hidden;pointer-events:none}._Top_pwvcw_23,._Bottom_pwvcw_23{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden}._Share_pwvcw_1>._Top_pwvcw_23{flex-grow:1;pointer-events:none}._Title_pwvcw_49{margin-top:0;margin-left:1rem;font-size:1.5rem;pointer-events:auto}._FormContainer_pwvcw_63{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}._Form_pwvcw_63{--margin: 1rem;position:absolute;display:flex;gap:.5rem;flex-direction:column;top:0;left:0;width:calc(100% - var(--margin) * 2);height:100%;margin:0 var(--margin);overflow-x:hidden;overflow-y:auto;pointer-events:auto;z-index:-1}._Label_pwvcw_115{--gap: .5rem;display:flex;gap:var(--gap);align-items:center;width:100%;height:1.75rem;min-height:1.75rem;z-index:1}._Label_pwvcw_115>p{width:calc(40% - var(--gap));min-width:40%;margin:0;text-align:start}._Input_pwvcw_153{width:auto;max-width:calc(60% - var(--gap));padding:.25rem .5rem;height:100%;color:var(--text-color);background-color:var(--background-color-1);border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875em}select._Input_pwvcw_153>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._Input_pwvcw_153:disabled~div,._Input_pwvcw_153:disabled~p{opacity:.25}._Input_pwvcw_153[type=checkbox]{display:none}._Checkbox_pwvcw_215{display:flex;justify-content:center;align-items:center;width:auto;height:87.5%;aspect-ratio:1;cursor:pointer}._Checkbox_pwvcw_215>svg{width:100%;height:100%;object-fit:contain;fill:var(--background-color-0)}._Checkbox_pwvcw_215>svg>*{fill:inherit}._Share_pwvcw_1>._Bottom_pwvcw_23{gap:.5rem;flex-direction:row;justify-content:space-between;align-items:center;margin:.75rem 1rem 0;pointer-events:auto}._Url_pwvcw_275{margin:0;text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._Button_pwvcw_291{--normal-color: var(--background-color-0) !important;--hover-color: var(--background-color-1) !important;padding:.5rem 1rem;border-radius:var(--border-radius-1);white-space:nowrap}._Button_em9rd_1{--text-color: var(--foreground-color-0);--normal-color: var(--background-color-0);--hover-color: var(--background-color-1);color:var(--text-color);background-color:var(--normal-color);border:none;outline:none;font-size:.875em;transition:background-color .1s ease-in-out;cursor:pointer}._Button_em9rd_1:hover,._Button_em9rd_1:focus-visible{background-color:var(--hover-color)}._ButtonLink_em9rd_37{text-decoration:none}._Button_em9rd_1>svg{margin-left:.5rem}._Desktop_xwxft_1{position:fixed;top:env(safe-area-inset-top,0);left:0;width:100%;height:100%;z-index:-1}._Wallpaper_xwxft_19{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}._Content_xwxft_39{--direction: column;position:absolute;display:flex;flex-direction:var(--direction);flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;top:0;left:0;width:100%;height:100%;padding:.5rem;padding-bottom:calc(var(--taskbar-height) + .5rem);z-index:1}._Item_xwxft_75{padding:.25rem;text-shadow:.1rem .1rem .2rem color-mix(in srgb,var(--black-0) 75%,transparent)}._Item_xwxft_75 p{color:var(--white-0)}._Item_xwxft_75 svg{filter:var(--svg-drop-shadow-0)}._DirectoryList_1xkyl_1{--scale: 1rem;position:relative;width:100%;height:100%}._FileButton_1xkyl_17,._FolderButton_1xkyl_17{--gap: .25rem;display:flex;gap:var(--gap);flex-direction:column;align-items:center;justify-content:center;width:calc(var(--scale) * 7.5);height:calc(var(--scale) * 7.5);padding:.5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;cursor:pointer;transition:background-color .1s ease-in-out}._FileButton_1xkyl_17[data-selected=true],._FolderButton_1xkyl_17[data-selected=true]{background-color:color-mix(in srgb,var(--background-color-0) 40%,transparent)!important}._FileButton_1xkyl_17:hover,._FolderButton_1xkyl_17:hover,._FileButton_1xkyl_17:focus-visible,._FolderButton_1xkyl_17:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 20%,transparent)}._FileButton_1xkyl_17 p,._FolderButton_1xkyl_17 p{max-width:100%;margin:0;word-wrap:break-word}._FileIcon_1xkyl_91,._FolderIcon_1xkyl_91{max-height:calc(100% - 1rem - var(--gap));border-radius:inherit}._FileIcon_1xkyl_91 div,._FolderIcon_1xkyl_91 div{width:100%;height:100%;border-radius:inherit;overflow:hidden}._FileIcon_1xkyl_91 svg,._FolderIcon_1xkyl_91 svg{width:50%;height:auto;aspect-ratio:1}._SelectionRect_1xkyl_127{opacity:25%;position:absolute;border-radius:var(--border-radius-0);background-color:var(--blue-1);border:.25rem solid var(--blue-0)}._DropdownButton_11cs8_1{position:relative;height:100%}._Button_11cs8_11{display:block;width:auto;height:100%;padding:0 .5rem;background:none;border:none;outline:none;font-size:.85rem;cursor:pointer}._Button_11cs8_11:hover,._Button_11cs8_11:focus-visible{background-color:#ffffff0d}._Dropdown_11cs8_1{display:flex;flex-direction:column;position:absolute;top:100%;left:0;padding:.35rem;background-color:var(--background-color-1);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}._Dropdown_11cs8_1>button{display:flex;gap:.75rem;justify-content:space-between;width:100%;padding:.25rem .5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;font-size:.85rem;text-align:start;white-space:nowrap;cursor:pointer}._Dropdown_11cs8_1>button:hover,._Dropdown_11cs8_1>button:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._Dropdown_11cs8_1>button>p{margin:0}._Shortcut_11cs8_115{color:var(--foreground-color-1)}._ProgressBar_pbxkk_1{position:relative;width:15rem;max-width:100%;min-height:2rem;max-height:100%;background-color:var(--background-color-4)}._Fill_pbxkk_19{--fill: 0%;position:absolute;left:0;top:0;width:var(--fill);min-width:1px;height:100%;background-color:var(--blue-0)}._HeaderMenu_uhpso_1{position:relative;display:flex;width:100%;height:1.5rem;min-height:1.5rem;background-color:var(--background-color-0)}._WebView_1atlt_1{display:flex;justify-content:center;align-items:center;width:100%;height:100%}._WebView_1atlt_1>iframe{width:100%;height:100%;border:none;background:none;pointer-events:initial}._ModalView_d1xx9_1{--position-x: 0;--position-y: 0;position:fixed;top:calc(var(--position-y) * 1px);left:calc(var(--position-x) * 1px)}._ModalView_d1xx9_1>*{background:var(--background-color-0);border-radius:var(--border-radius-1);box-shadow:var(--window-box-shadow)}._ModalsView_3bq1f_1{position:relative;z-index:11}:root{--red-0: #FF4D5B;--red-1: #B23640;--red-2: #661F25;--orange-0: #FF974D;--orange-1: #B26A36;--orange-2: #663C1F;--yellow-0: #FED24C;--yellow-1: #B29336;--yellow-2: #66541F;--green-0: #4DFF8B;--green-1: #36B261;--green-2: #1F6638;--cyan-0: #4DFFE1;--cyan-1: #36B29E;--cyan-2: #1F665A;--light-blue-0: #4CDFFF;--light-blue-1: #369CB2;--light-blue-2: #1F5966;--blue-0: #4D9CFF;--blue-1: #366DB2;--blue-2: #1F3E66;--purple-0: #974DFF;--purple-1: #6A36B2;--purple-2: #3C1F66;--pink-0: #FF4DFF;--pink-1: #B236B2;--pink-2: #661F66;--white-0: #E5F2FF;--white-1: #A0A9B2;--white-2: #5C6166;--white-3: #393C40;--white-4: #222426;--black-0: #29343F;--black-1: #1E262E;--black-2: #14191F;--black-3: #0D1114;--black-4: #080B0D}:root{--foreground-color-0: var(--white-0);--foreground-color-1: var(--white-1);--foreground-color-2: var(--white-2);--background-color-0: var(--black-0);--background-color-1: var(--black-1);--background-color-2: var(--black-2);--background-color-3: var(--black-3);--background-color-4: var(--black-4);--scrollbar-color: color-mix(in srgb, var(--background-color-0) 25%, transparent)}:root{--border-radius-0: .2rem;--border-radius-1: .375rem;--border-radius-99: 9999px;--svg-drop-shadow-color: var(--black-0);--svg-drop-shadow-0: drop-shadow(.1rem .1rem .2rem color-mix(in srgb, var(--svg-drop-shadow-color) 50%, transparent));--svg-drop-shadow-1: drop-shadow(.1rem .1rem .2rem color-mix(in srgb, var(--svg-drop-shadow-color) 75%, transparent));--window-shadow-size: .3rem;--window-shadow-opacity: 35%;--window-shadow-spread: 3;--window-box-shadow: calc(var(--window-shadow-size) * -1) var(--window-shadow-size) calc(var(--window-shadow-size) * var(--window-shadow-spread)) 0px rgba(0, 0, 0, var(--window-shadow-opacity));--taskbar-height: 3rem;--taskbar-color: var(--background-color-2);--taskbar-opacity: .75;--taskbar-menu-color: var(--background-color-1);--taskbar-menu-opacity: .5;--taskbar-button-hover-color: rgba(255, 255, 255, 5%);--taskbar-filter: blur(1rem)}:root{--body-font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mono-font-family: "Roboto Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}@font-face{font-family:Outfit;src:url(/assets/fonts/outfit/Outfit-VariableFont_wght.ttf);font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/fonts/roboto-mono/RobotoMono-VariableFont_wght.ttf);font-display:swap}.Light-theme{--foreground-color-0: var(--black-3);--foreground-color-1: var(--black-2);--foreground-color-2: var(--black-1);--background-color-0: var(--white-0);--background-color-1: var(--white-0);--background-color-2: var(--white-1);--background-color-3: var(--white-1);--background-color-4: var(--white-2);--taskbar-color: var(--white-0);--taskbar-menu-color: var(--white-0);--taskbar-button-hover-color: rgba(0, 0, 0, 5%)}.Cherry-theme{--background-color-0: var(--red-0);--background-color-1: var(--red-0);--background-color-2: var(--red-1);--background-color-3: var(--red-1);--background-color-4: var(--red-2);--taskbar-color: var(--red-2);--taskbar-menu-color: var(--red-1)}.Mango-theme{--foreground-color-0: var(--black-3);--foreground-color-1: var(--black-2);--foreground-color-2: var(--black-1);--background-color-0: var(--yellow-0);--background-color-1: var(--yellow-0);--background-color-2: var(--yellow-1);--background-color-3: var(--yellow-1);--background-color-4: var(--yellow-2);--taskbar-color: var(--yellow-0);--taskbar-menu-color: var(--yellow-0)}.Aqua-theme{--foreground-color-0: var(--black-3);--foreground-color-1: var(--black-2);--foreground-color-2: var(--black-1);--background-color-0: var(--cyan-0);--background-color-1: var(--cyan-0);--background-color-2: var(--cyan-1);--background-color-3: var(--cyan-1);--background-color-4: var(--cyan-2);--taskbar-color: var(--cyan-0);--taskbar-menu-color: var(--cyan-0)}.Grape-theme{--background-color-0: var(--purple-0);--background-color-1: var(--purple-0);--background-color-2: var(--purple-1);--background-color-3: var(--purple-1);--background-color-4: var(--purple-2);--taskbar-color: var(--purple-2);--taskbar-menu-color: var(--purple-1)}*{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:1.25rem;height:1.25rem}*::-webkit-scrollbar-track{background:none}*::-webkit-scrollbar-thumb{border-radius:var(--border-radius-99);border:5px solid transparent;background-color:var(--scrollbar-color);background-clip:padding-box;-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%);transition:.2s ease-in-out;z-index:1}*::-webkit-scrollbar-corner{background-color:transparent}html,body,#root{width:100%;height:100%;pointer-events:none}html{scroll-behavior:smooth;overflow:hidden;background-color:var(--background-color-2);font-size:16px}body{margin:0;font-family:var(--body-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{color:var(--foreground-color-0);font-size:1rem;box-sizing:border-box;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility}p,a,button,input,select,h1,h2,h3,h4,h5,h6{font-family:var(--body-font-family);letter-spacing:normal}p,a,div,span{font-size:1em}button,input{font-size:.875em}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}button,li[data-rttab=true]{margin:0;border:none;outline:none;transition:background-color .1s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}code{font-family:var(--mono-font-family)}*::selection{color:var(--background-color-3);background-color:var(--foreground-color-0)}
package/dist/main.d.ts CHANGED
@@ -219,18 +219,12 @@ export declare function copyToClipboard(string: string, onSuccess?: (value: void
219
219
  export declare const Desktop: MemoExoticComponent<() => JSX_2.Element>;
220
220
 
221
221
  export declare class DesktopConfig {
222
- wallpapers: DesktopConfigOptions["wallpapers"];
223
- defaultWallpaper: DesktopConfigOptions["defaultWallpaper"];
224
222
  defaultIconSize: DesktopConfigOptions["defaultIconSize"];
225
223
  defaultIconDirection: DesktopConfigOptions["defaultIconDirection"];
226
224
  constructor(options?: OptionalInterface<DesktopConfigOptions>);
227
225
  }
228
226
 
229
227
  declare interface DesktopConfigOptions {
230
- /** Array of URLs of wallpaper images */
231
- wallpapers: string[];
232
- /** URL of default wallpaper image */
233
- defaultWallpaper: string;
234
228
  /**
235
229
  * @default 1
236
230
  */
@@ -474,6 +468,10 @@ export declare type OptionalInterface<Interface> = {
474
468
  [Property in keyof Interface]?: Interface[Property];
475
469
  };
476
470
 
471
+ declare type OptionalInterface_2<Interface> = {
472
+ [Property in keyof Interface]?: Interface[Property];
473
+ };
474
+
477
475
  declare type OptionalStringProperty = string | null | undefined;
478
476
 
479
477
  export declare const OutsideClickListener: MemoExoticComponent<({ onOutsideClick, children }: OutsideClickListenerProps) => JSX_2.Element>;
@@ -590,32 +588,59 @@ export declare function Share({ modal, params, ...props }: ModalProps): JSX_2.El
590
588
 
591
589
  declare class Skin {
592
590
  appIcons: SkinOptions["appIcons"];
591
+ appNames: SkinOptions["appNames"];
593
592
  wallpapers: SkinOptions["wallpapers"];
594
593
  defaultWallpaper: SkinOptions["defaultWallpaper"];
595
594
  fileIcons: SkinOptions["fileIcons"];
596
595
  folderIcons: SkinOptions["folderIcons"];
597
596
  loadStyleSheet: SkinOptions["loadStyleSheet"];
598
- constructor(options: SkinOptions);
597
+ constructor(options?: OptionalInterface_2<SkinOptions>);
599
598
  }
600
599
 
601
600
  declare interface SkinOptions {
601
+ /**
602
+ * Replacements for app icons based on app id
603
+ */
602
604
  appIcons?: {
603
605
  [key: string]: string;
604
606
  };
605
- wallpapers?: string[];
606
- defaultWallpaper?: string;
607
- fileIcons?: {
607
+ /**
608
+ * Replacements for app names based on app id
609
+ */
610
+ appNames?: {
611
+ [key: string]: string;
612
+ };
613
+ /**
614
+ * Array of URLs of wallpaper images
615
+ */
616
+ wallpapers: string[];
617
+ /**
618
+ * URL of default wallpaper image
619
+ * @default
620
+ * "https://os.prozilla.dev/assets/wallpapers/vibrant-wallpaper-blue-purple-red.png"
621
+ */
622
+ defaultWallpaper: string;
623
+ /**
624
+ * URLs of icons for types of files
625
+ */
626
+ fileIcons: {
608
627
  generic: string;
609
628
  info?: string;
610
629
  text?: string;
611
630
  code?: string;
612
631
  };
613
- folderIcons?: {
632
+ /**
633
+ * URLs of icons for types of folders
634
+ */
635
+ folderIcons: {
614
636
  generic: string;
615
637
  images?: string;
616
638
  text?: string;
617
639
  link?: string;
618
640
  };
641
+ /**
642
+ * Function that dynamically imports style sheet
643
+ */
619
644
  loadStyleSheet?: () => void;
620
645
  }
621
646
 
@@ -631,18 +656,19 @@ export { StorageManager_2 as StorageManager }
631
656
 
632
657
  export declare class SystemManager {
633
658
  #private;
634
- systemName: string;
635
- tagLine: string;
636
- skin?: Skin;
637
- appsConfig: AppsConfig;
638
- desktopConfig: DesktopConfig;
639
- miscConfig: MiscConfig;
640
- modalsConfig: ModalsConfig;
641
- taskbarConfig: TaskbarConfig;
642
- trackingConfig: TrackingConfig;
643
- windowsConfig: WindowsConfig;
644
- virtualDriveConfig: VirtualDriveConfig;
659
+ readonly systemName: string;
660
+ readonly tagLine: string;
661
+ readonly skin: Skin;
662
+ readonly appsConfig: AppsConfig;
663
+ readonly desktopConfig: DesktopConfig;
664
+ readonly miscConfig: MiscConfig;
665
+ readonly modalsConfig: ModalsConfig;
666
+ readonly taskbarConfig: TaskbarConfig;
667
+ readonly trackingConfig: TrackingConfig;
668
+ readonly windowsConfig: WindowsConfig;
669
+ readonly virtualDriveConfig: VirtualDriveConfig;
645
670
  constructor({ systemName, tagLine, skin, desktopConfig, appsConfig, miscConfig, modalsConfig, taskbarConfig, trackingConfig, windowsConfig, virtualDriveConfig }: SystemManagerParams);
671
+ private loadSkin;
646
672
  getUptime(precision?: number): string;
647
673
  }
648
674
 
@@ -911,26 +937,10 @@ declare interface VirtualBaseJson {
911
937
  }
912
938
 
913
939
  export declare class VirtualDriveConfig {
914
- fileIcon: VirtualDriveConfigOptions["fileIcon"];
915
- infoFileIcon: VirtualDriveConfigOptions["infoFileIcon"];
916
- textFileIcon: VirtualDriveConfigOptions["textFileIcon"];
917
- codeFileIcon: VirtualDriveConfigOptions["codeFileIcon"];
918
- folderIcon: VirtualDriveConfigOptions["folderIcon"];
919
- imagesFolderIcon: VirtualDriveConfigOptions["imagesFolderIcon"];
920
- textFolderIcon: VirtualDriveConfigOptions["textFolderIcon"];
921
- folderLinkIcon: VirtualDriveConfigOptions["folderLinkIcon"];
922
940
  constructor(options?: OptionalInterface<VirtualDriveConfigOptions>);
923
941
  }
924
942
 
925
943
  declare interface VirtualDriveConfigOptions {
926
- fileIcon: string;
927
- infoFileIcon: string;
928
- textFileIcon: string;
929
- codeFileIcon: string;
930
- folderIcon: string;
931
- imagesFolderIcon: string;
932
- textFolderIcon: string;
933
- folderLinkIcon: string;
934
944
  }
935
945
 
936
946
  /**