.desktop{display:flex;flex-direction:column;height:100%;overflow:hidden;--taskbar-height: 5vh;--bar-border-outline-width: .3vh;--bar-focused-colour: #4d4d4d;--bar-focused-border-colour: #838383;--bar-focused-border-outline: var(--bar-border-outline-width) solid var(--bar-focused-border-colour);--bar-focused-button-active-color: rgb(63, 63, 63);--bar-unfocused-colour: #202020;--bar-unfocused-border-outline-colour: #373737;--bar-unfocused-border-outline: var(--bar-border-outline-width) solid var(--bar-unfocused-border-outline-colour);--scroll-bar-colour: #282828}.desktop .common-border{border:var(--bar-focused-border-outline);border-right-color:#000;border-bottom-color:#000}.desktop ::-webkit-scrollbar{width:1vh}.desktop ::-webkit-scrollbar-thumb{border:var(--bar-border-outline-width) solid rgba(0,0,0,0);background-clip:padding-box;background-color:var(--scroll-bar-colour)}.desktop ::-webkit-scrollbar-corner{background-color:transparent}.desktop ::-webkit-resizer{background-image:url(https://www.svgrepo.com/show/532207/resize-handle.svg);background-size:contain}.desktop input{font-size:1rem}.user-space{background-color:#262626;flex:1 1 auto;position:relative}.file-explorer{overflow:hidden;display:flex;flex-direction:column;height:100%;--menu-bar-height: 3vh}.file-explorer .menu-bar{display:flex;width:100%;flex-direction:row;flex:0 1 var(--menu-bar-height);max-height:var(--menu-bar-height);background-color:var(--bar-focused-colour)}.file-explorer .menu-bar .back-button{-webkit-user-select:none;user-select:none;flex:0 1 var(--menu-bar-height)}.file-explorer .menu-bar .back-button img{max-width:var(--menu-bar-height);max-height:var(--menu-bar-height)}.file-explorer .menu-bar input[type=text]{background-color:#ffffff2e;width:100%;flex:1 1 auto;border-top:none;padding-left:.6vh;font-family:Win95Font}.file-explorer .menu-bar input[type=text]:focus{background-color:#ffffff4d;outline:0}.file-explorer .path-suggestion{position:absolute;--top-offset: calc(var(--menu-bar-height) + var(--bar-border-outline-width));top:var(--top-offset);max-height:calc(100% - var(--top-offset));width:calc(100% - var(--bar-border-outline-width)*2);background-color:#282828;color:#b4b4b4;overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.file-explorer .path-suggestion .path-suggestion-item{width:100%;padding:1vh}.file-explorer .path-suggestion .path-suggestion-item .path-suggestion-item-type{display:inline;color:#6d6d6d;font-style:italic}.file-explorer .path-suggestion .path-suggestion-item-active{background-color:#3c3c3c}.file-explorer .path-suggestion .path-suggestion-message{width:100%;height:100%;text-align:center;text-decoration:underline;padding-top:1vh;padding-bottom:1vh}.file-explorer .folder-content{background-color:var(--bar-focused-colour);display:flex;flex-direction:row;align-content:flex-start;flex-wrap:wrap;column-gap:1vh;flex:1 1 auto;overflow-y:auto}.file-explorer .folder-content .item{-webkit-user-select:none;user-select:none;margin-top:1vh;width:6vh;height:6vh;display:flex;flex-direction:column;box-shadow:.3vh .3vh #000000a4;background-color:#ffffff46}.file-explorer .folder-content .item .icon{flex:0 1 5vh;display:flex;justify-content:center;align-items:center}.file-explorer .folder-content .item .icon img{max-width:4vh;max-height:4vh}.file-explorer .folder-content .item .name{flex:1 1 auto;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;--name-padding-size: .3vh;padding-left:var(--name-padding-size);padding-right:var(--name-padding-size)}.file-explorer .folder-content .selected{background-color:#ffffff92}.hello-world{background-color:red;overflow:hidden;display:flex;flex-direction:column;height:100%}.long-form{overflow-y:scroll;height:20%;resize:vertical;-webkit-user-select:none;user-select:none}.hello-world:focus{outline:none}.image{height:100%;object-fit:fill;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden}.image2{position:fixed;bottom:50px;left:0;height:20%;width:100%;object-fit:fill;background-repeat:no-repeat;background-size:100% 100%;opacity:50%;z-index:-1;visibility:visible}.media-controller{height:100%;background-color:var(--bar-focused-colour);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none}.media-controller .media-controller-section-holder{display:flex;flex-direction:row;justify-content:center;column-gap:1vh}.media-controller .media-controller-section{padding-top:1vh;align-items:center;display:flex;flex-direction:column}.media-controller .media-controller-section .media-controller-section-titlebar{display:flex;flex-direction:row;column-gap:.5vh;align-items:center}.media-controller .media-controller-section .media-controller-section-titlebar .media-controller-section-titlebar-button{padding:.5vh;text-align:center;-webkit-user-select:none;user-select:none}.media-controller .media-controller-section input[type=range]{padding-top:1vh;padding-bottom:1vh;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.media-controller .media-controller-section input[type=range]::-webkit-slider-runnable-track{height:.1vh;background-color:var(--bar-focused-border-colour);border:var(--bar-focused-border-outline);border-right-color:#000;border-bottom-color:#000;box-sizing:content-box}.media-controller .media-controller-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1vh;height:2vh;margin-top:-.95vh;background-color:var(--bar-focused-colour);border:var(--bar-focused-border-outline);border-right-color:#000;border-bottom-color:#000}.media-controller .media-controller-section input[type=number]{background-color:var(--bar-focused-colour);text-align:center;border:none}.media-controller .media-controller-section input[type=number]:focus{outline:none}.media-controller .media-controller-section input[type=number]:focus::placeholder{color:transparent}.media-controller .media-controller-section input[type=number]::placeholder{color:#000}.media-controller .media-controller-section input[type=number]::-webkit-outer-spin-button,.media-controller .media-controller-section input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.media-controller-section>.media-controller-section-progressbar{display:flex;flex-direction:row;width:100%}.media-controller-section>.media-controller-section-progressbar .media-controller-section-progressbar-playpause-button{flex:0 1 2.4vh}.media-controller-section>.media-controller-section-progressbar .media-controller-section-progressbar-playpause-button img{height:100%;width:100%}.media-controller-section>.beat-pad-section{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:1vh;column-gap:1vh;justify-content:center}.media-controller-section>.beat-pad-section .beat-pad-section-value{display:flex;flex-direction:row;width:5rem;height:5rem;-webkit-user-select:none;user-select:none;text-align:center;font-size:.8em;justify-content:center;align-items:center}.media-controller-section>.color-swap-section{display:flex;flex-direction:column;min-height:5.5vh;overflow-x:auto;resize:vertical}.media-controller-section>.color-swap-section .colour-swap-section-value{display:flex;column-gap:.3vh;align-items:center;flex-direction:row;flex-wrap:wrap;padding-top:.5vh}.media-controller-section>.color-swap-section .colour-swap-section-value .colour-swap-section-value-option{display:flex;flex-direction:column;text-align:center;align-items:center}.media-controller-section>.color-swap-section .colour-swap-section-value .colour-swap-section-value-option input[type=color]{width:3vh;background-color:var(--bar-focused-colour);height:3vh;border:none;padding:0}.media-controller-section>.color-swap-section .colour-swap-section-value .colour-swap-section-value-option .colour-swap-section-value-option-number{width:2.5vh;padding:0;height:3vh}.media-controller-section>.color-swap-section .colour-swap-section-value .colour-swap-delete{text-align:center;-webkit-user-select:none;user-select:none}.media-viewer{height:100%;background-color:#000;position:relative}.media-viewer .empty-media{display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;width:100%;height:100%;-webkit-user-select:none;user-select:none}.media-viewer .empty-media .drop{pointer-events:none;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%}.media-viewer .empty-media .valid-drop{background-color:#008000a6}.media-viewer .empty-media .invalid-drop{background-color:#ff000080}.media-viewer .image-media{height:100%}.media-viewer .image-media img,.media-viewer embed{width:100%;height:100%}@keyframes show-bottom-bar{0%{transform:translateY(20vh)}to{transform:translateY(0)}}@keyframes hide-bottom-bar{0%{transform:translateY(0)}to{transform:translateY(20vh)}}.video-media{width:100%;height:100%}.video-media video{object-fit:fill;width:100%;height:100%}.video-media .video-overlay{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.video-media .video-overlay .bottom-bar{pointer-events:all;position:absolute;bottom:0;width:100%;height:2.4vh;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.video-media .video-overlay .bottom-bar .video-overlay-button{flex:0 1 2.4vh;width:2.4vh;background-color:var(--bar-focused-colour);pointer-events:all}.video-media .video-overlay .bottom-bar .video-overlay-button img{height:100%;width:100%}.video-media .video-overlay .bottom-bar .seek-bar{flex:1 1 auto;background-color:var(--bar-unfocused-colour);pointer-events:all}.video-media .video-overlay .bottom-bar .seek-bar .seek-bar-progress{pointer-events:none;height:100%;background-color:var(--bar-focused-colour)}.video-media .video-overlay .show-bottom-bar{animation-name:show-bottom-bar;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:linear}.video-media .video-overlay .hide-bottom-bar{animation-name:hide-bottom-bar;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:linear}.video-media canvas{object-fit:fill;width:100%;height:100%}.video-media .canvas-fill{object-fit:fill}.video-media .canvas-contain{object-fit:contain}.user-space{--snap-colour:rgb(77, 77, 77);--snap-opacity:rgba(73, 73, 73, .788);--app-border-size: .3vh;--app-min-width: 200px;--app-min-height: 200px}.user-space .outline{position:absolute;border:var(--bar-border-outline-width) solid transparent;pointer-events:none;box-sizing:border-box}.user-space .app-window{position:absolute;display:flex;min-width:200px;min-height:200px;background-color:var(--bar-focused-colour);box-sizing:border-box}.user-space .app-window .hitboxes{z-index:1;position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden;--corner-hitbox-size: calc(var(--app-border-size)*2);--side-hitbox-size: calc(var(--corner-hitbox-size)*2)}.user-space .app-window .hitboxes .box{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:auto;width:var(--corner-hitbox-size);height:var(--corner-hitbox-size)}.user-space .app-window .hitboxes #TopL{cursor:nw-resize;border-bottom-right-radius:100%}.user-space .app-window .hitboxes #TopR{right:0;cursor:ne-resize;border-bottom-left-radius:100%}.user-space .app-window .hitboxes #BotL{bottom:0;align-self:end;cursor:sw-resize;border-top-right-radius:100%}.user-space .app-window .hitboxes #BotR{align-self:end;bottom:0;right:0;cursor:se-resize;border-top-left-radius:100%}.user-space .app-window .hitboxes #Top{width:calc(100% - var(--side-hitbox-size));height:var(--app-border-size);left:var(--corner-hitbox-size);right:var(--corner-hitbox-size);cursor:ns-resize}.user-space .app-window .hitboxes #Bot{width:calc(100% - var(--side-hitbox-size));height:var(--app-border-size);bottom:0;left:var(--corner-hitbox-size);right:var(--corner-hitbox-size);cursor:ns-resize}.user-space .app-window .hitboxes #Left{width:var(--app-border-size);height:calc(100% - var(--side-hitbox-size));top:var(--corner-hitbox-size);bottom:var(--corner-hitbox-size);cursor:ew-resize}.user-space .app-window .hitboxes #Right{width:var(--app-border-size);height:calc(100% - var(--side-hitbox-size));top:var(--corner-hitbox-size);bottom:var(--corner-hitbox-size);right:0;cursor:ew-resize}.user-space .app-window .app{z-index:0;display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;width:100%;height:100%;--titlebar-height: 2vh}.user-space .app-window .app .titlebar{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;flex:0 1 var(--titlebar-height)}.user-space .app-window .app .titlebar .icon{flex:0 1 var(--titlebar-height);display:flex;padding-right:.4vh}.user-space .app-window .app .titlebar .icon img{height:var(--titlebar-height);width:var(--titlebar-height);align-self:center;filter:brightness(0) saturate(100%)}.user-space .app-window .app .titlebar .name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.user-space .app-window .app .titlebar .titlebar-options{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;flex:0 1 var(--titlebar-height)}.user-space .app-window .app .titlebar .titlebar-options .titlebar-option{flex:0 1 var(--titlebar-height);min-width:var(--titlebar-height);display:flex;justify-content:center;align-items:center}.user-space .app-window .app .titlebar .titlebar-options .titlebar-option-unfocused{border-left:var(--bar-unfocused-border-outline);border-top:var(--bar-unfocused-border-outline)}.user-space .app-window .app .app-content{padding:var(--app-border-size);padding-top:0;flex:1 1 auto;overflow:hidden;overflow-wrap:anywhere;position:relative}.user-space .app-window .app .app-content .content-container{position:relative;width:100%;height:100%}.user-space .app-window .app .app-content .content-container .content-overlay{position:absolute;top:0;width:100%;height:100%;background-color:#0009}.user-space .app-maximized-FULL{left:0;top:0;width:100%;height:100%}.user-space .app-maximized-TL{left:0;top:0;width:50%;height:50%}.user-space .app-maximized-LEFT{left:0;top:0;height:100%;width:50%}.user-space .app-maximized-BL{left:0;top:50%;width:50%;height:50%}.user-space .app-maximized-TR{left:50%;top:0;width:50%;height:50%}.user-space .app-maximized-RIGHT{left:50%;top:0;height:100%;width:50%}.user-space .app-maximized-BR{left:50%;top:50%;width:50%;height:50%}.user-space .app-minimized{visibility:hidden}.user-space .app-unfocused{border-left:var(--bar-unfocused-border-outline);border-top:var(--bar-unfocused-border-outline);background-color:var(--bar-unfocused-colour)}@keyframes blink{to{visibility:hidden}}.taskbar{display:flex;background-color:var(--bar-focused-colour);flex:0 1 var(--taskbar-height);z-index:1000;-webkit-user-select:none;user-select:none;border-top:var(--bar-focused-border-outline);column-gap:.6vh;max-height:var(--taskbar-height);pointer-events:none}.taskbar .start-button{flex:0 1 var(--taskbar-height);display:flex;justify-content:center;pointer-events:all}.taskbar .start-button img{align-self:center;overflow:hidden;width:calc(var(--taskbar-height)/2);height:calc(var(--taskbar-height)/2);padding:.6vh}.taskbar .start-button img:active{background-color:var(--bar-focused-button-active-color)}.taskbar .active-apps{flex:1 1 auto;display:flex;flex-direction:row;column-gap:.5vh;align-items:center}.taskbar .active-apps .active-app{display:flex;flex-direction:column;align-items:center;padding-bottom:.2vh;border-width:.1vh;pointer-events:all}.taskbar .active-apps .active-app .status{bottom:0;height:.2vh}.taskbar .active-apps .active-app .status-focused{width:10%;background-color:#fff}.taskbar .active-apps .active-app .status-unfocused{width:60%;background-color:#a9a9a9}.taskbar .active-apps .active-app img{overflow:hidden;width:2.8vh;height:2.8vh;padding-top:.2vh;padding-bottom:.2vh}.taskbar .active-apps .active-app .icon-minimized{filter:brightness(0) saturate(100%) invert(36%) sepia(11%) saturate(0%) hue-rotate(188deg) brightness(91%) contrast(94%)}.taskbar .active-apps .active-app .icon-unminimized{filter:brightness(0) saturate(100%)}.taskbar .active-apps .active-app:active{background-color:var(--bar-focused-button-active-color)}.taskbar .time-and-date{flex:0 1 calc(var(--taskbar-height)*1.8);display:flex;flex-direction:column;text-align:center;row-gap:.5vh;border-left:var(--bar-focused-border-outline);border-left-width:.1vh}.taskbar .time-and-date .common{flex:0 1 50%}.taskbar .time-and-date .time{align-content:end}.taskbar .time-and-date .time .blink{display:inline;animation:blink 1s steps(2,start) 0s infinite alternate}.taskbar .time-and-date .date{align-content:start}.start-menu{position:absolute;bottom:var(--taskbar-height);height:55vh;width:40vh;background-color:var(--bar-focused-colour);border:var(--bar-focused-border-outline);z-index:999;display:flex;flex-direction:row;pointer-events:all}.start-menu .app-list{display:flex;flex-direction:column;row-gap:.4vh;flex:1 1 auto;border-right:var(--bar-focused-border-outline);padding-top:1%;padding-right:1%;overflow-y:scroll;overflow-x:hidden}.start-menu .app-list .app-entry{width:100%;display:flex;flex-direction:row;column-gap:1vh;align-items:center;border-top:var(--bar-focused-border-outline);border-right:var(--bar-focused-border-outline);border-bottom:.2vh solid black}.start-menu .app-list .app-entry .app-entry-icon{flex:0 1 2vh;display:flex;align-items:center;filter:brightness(0) saturate(100%)}.start-menu .app-list .app-entry .app-entry-icon img{width:2vh;height:2vh}.start-menu .app-list .app-entry .app-entry-name{flex:1 1 auto}.start-menu .app-list .app-entry:active{background-color:var(--bar-focused-button-active-color)}.start-menu .side-panel{flex:0 1 36%;display:flex;flex-direction:column;overflow:hidden}.start-menu .side-panel .profile-details{border-bottom:var(--bar-focused-border-outline);display:flex;flex-direction:column;align-items:center}.start-menu .side-panel .profile-details .profile-picture{margin-top:4%;margin-bottom:2%;overflow:hidden;width:8vh;height:8vh;object-fit:fill}.start-menu .side-panel .actions{margin-top:20%;padding-left:4%;padding-right:4%;flex:1 1 auto;display:flex;flex-direction:column;row-gap:3%}.start-menu .side-panel .actions .action-button{font-weight:700;height:10%;display:flex;align-items:center}.start-menu .side-panel .actions .action-button img{width:4vh;height:4vh}.start-menu .side-panel .actions .action-button:active{background-color:var(--bar-focused-button-active-color)}.context-menu{z-index:1000;position:absolute;top:50%;left:50%;background-color:var(--bar-focused-colour);border:var(--bar-focused-border-outline);border-width:calc(var(--bar-border-outline-width)*.8);border-style:outset;padding:.6vh;display:flex;flex-direction:column;row-gap:.6vh;max-width:9vh;height:fit-content;-webkit-user-select:none;user-select:none;box-shadow:.3vh .3vh #000000a4}.context-menu .context-menu-option{border-width:calc(var(--bar-border-outline-width)*.8);border-bottom:var(--bar-focused-border-outline);padding:.4vh}.context-menu .context-menu-option:hover{background-color:#383838}@keyframes fadeIn{0%{opacity:0}to{opacity:unset}}.tooltip{z-index:1000;display:flex;position:absolute;background-color:var(--bar-focused-colour);border:var(--bar-focused-border-outline);border-width:calc(var(--bar-border-outline-width)*.8);border-style:outset;pointer-events:none;opacity:.8;animation-duration:.6s;animation-name:fadeIn;animation-timing-function:step-end}.tooltip .tooltip-text{text-align:center;white-space:pre-line}.tooltip .tooltip-image img{width:100%;height:100%;overflow:hidden}