*{font-family:Ubuntu,sans-serif}:root{--app-icon-width: 80%;--app-icon-img-width: 60%}html{--info-bar-height: 23px;--app-bar-width: 70px}html,body,#root{height:100vh;width:100vw;overflow:hidden}html,body,div,p{margin:0;padding:0;color:#fff}#root{background-color:#521338;background-image:url(../jammy-jellyfish-wallpaper.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}#infoBar{grid-area:infoBar;background-color:#000;display:grid;grid-template-columns:repeat(3,1fr);-webkit-user-select:none;-ms-user-select:none;user-select:none}#infoBar .buttonGroup{height:100%;width:100%;display:flex;align-items:center}#infoBar .buttonGroup.left{justify-content:left}#infoBar .buttonGroup.center{justify-content:center}#infoBar .buttonGroup.right{justify-content:right}#appBar{grid-area:appBar;-webkit-backdrop-filter:brightness(60%) blur(10px);backdrop-filter:brightness(60%) blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;-webkit-user-select:none;-ms-user-select:none;user-select:none}#appBar #apps{display:flex;flex-direction:column;align-items:center;width:100%}#appBar .icon{display:flex;justify-content:center;align-items:center;width:var(--app-icon-width);aspect-ratio:1/1;border-radius:13px;margin:6px 0;transition:ease-in-out .13s}#appBar .icon>img{width:var(--app-icon-img-width);aspect-ratio:1/1}#appBar .icon:hover{background:#423b40}#desktop{height:100%;width:100%}#fullscreenPreview{--app-preview-z-index: -10;--app-preview-top: 0px;--app-preview-left: 0px;--app-preview-width: 0px;--app-preview-height: 0px;--preview-spacing: 10px;display:none;position:absolute;z-index:var(--app-preview-z-index)}#fullscreenPreview.active,#fullscreenPreview.inactive{display:block;border-radius:10px;background-color:#fff2;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);outline:#FFF3 2px solid}#fullscreenPreview.active{animation:enterFullscreenPreview .23s ease forwards}#fullscreenPreview.inactive{animation:exitFullscreenPreview .23s ease forwards}@keyframes enterFullscreenPreview{0%{top:var(--app-preview-top);left:var(--app-preview-left);width:var(--app-preview-width);height:var(--app-preview-height)}to{left:calc(var(--app-bar-width) + var(--preview-spacing));top:calc(var(--info-bar-height) + var(--preview-spacing));height:calc(100% - var(--info-bar-height) - 2 * var(--preview-spacing));width:calc(100% - var(--app-bar-width) - 2 * var(--preview-spacing))}}@keyframes exitFullscreenPreview{0%{left:calc(var(--app-bar-width) + var(--preview-spacing));top:calc(var(--info-bar-height) + var(--preview-spacing));height:calc(100% - var(--info-bar-height) - 2 * var(--preview-spacing));width:calc(100% - var(--app-bar-width) - 2 * var(--preview-spacing))}to{top:var(--app-preview-top);left:var(--app-preview-left);width:var(--app-preview-width);height:var(--app-preview-height)}}#desktopSelect{position:absolute;border-radius:1px;background-color:#fff2;outline:#FFF7 2px solid}.app,.fullscreenApp{background-color:#2c2c2c}.appMenuBar{background-color:#222}.app{border-radius:10px;position:absolute;outline:#130610 1px solid;overflow:hidden;top:var(--top);left:var(--left);width:var(--width);height:var(--height)}.fullscreenApp{position:relative;outline:#130610 1px solid;animation:enterFullscreen .15s ease-in forwards}.fullscreenApp .appMenuBar{border-radius:0}@keyframes enterFullscreen{0%{top:calc(var(--top) - var(--info-bar-height));left:calc(var(--left) - var(--app-bar-width));width:var(--width);height:var(--height)}to{left:0;top:0;height:100%;width:100%}}@keyframes exitFullscreen{to{top:calc(var(--top));left:calc(var(--left));width:var(--width);height:var(--height)}0%{top:calc(var(--top) - var(--info-bar-height));left:calc(var(--left) - var(--app-bar-width));height:100%;width:100%}}.appMenuBar{height:35px;width:100%;display:flex;border-top-right-radius:13px;border-top-left-radius:13px;border-bottom:2px #1a1a1a solid;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.appContent{height:100%;width:100%}.resizers{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.resizer{position:absolute;pointer-events:auto}.resizer.round{width:15px;height:15px;border-radius:100%}.resizer.top,.resizer.bottom{width:calc(100% - 24px);height:6px;margin:0 12px}.resizer.left,.resizer.right{width:6px;height:calc(100% - 24px);margin:12px 0}.resizer.left{top:0;left:-3px}.resizer.top{top:-3px;left:0}.resizer.bottom{bottom:-3px;right:0}.resizer.right{bottom:0;right:-3px}.resizer.bottom,.resizer.top{cursor:ns-resize}.resizer.left,.resizer.right{cursor:ew-resize}.resizer.top-left{top:-5px;left:-5px;cursor:nwse-resize}.resizer.top-right{top:-5px;right:-5px;cursor:nesw-resize}.resizer.bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.resizer.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize}.WindowCloseIcon{display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:#333;aspect-ratio:1/1;max-height:50%;cursor:auto;transition:all ease 50ms}.WindowCloseIcon:hover{background-color:#e95420}.WindowCloseIcon>svg{height:80%;aspect-ratio:1/1}.appBarIcons{display:flex;align-items:center;height:35px;position:absolute;top:0;right:0}.appBarIcons>div{margin-right:10px}.applicationTitle{display:flex;align-items:center;justify-content:center;height:100%;width:100%}