:root{--bg-primary: #393939;--modifier-darken: #00000050;--modifier-lighten: #ffffff50;--toolbar-shadow: drop-shadow(0 0 2px white);--window-outer: #494949;--window-inner: #2c2c2c;--window-shadow: 0 0 2px black;--explorer-item-size: 106px;--explorer-icon-size: 48px;--resize-width: 4px;--text: white;font-family:VT323,monospace;color:#fff}body{height:100%;width:100%;margin:0;overflow:hidden}div{cursor:default}.toolbar{z-index:1;position:fixed;width:100%;height:1.5em;background-color:var(--bg-primary);font-size:1em;display:flex;align-items:center}#toolbar-bottom{bottom:0;justify-content:space-between;z-index:3;padding-top:.25rem;padding-bottom:.25rem;padding-right:.25rem;font-size:1.25rem;line-height:1.75rem}#toolbar-top{filter:var(--toolbar-shadow)}#tabs{display:flex;gap:.5rem;>div{background-color:var(--modifier-lighten);font-size:.9em;padding:0 .7em;margin-right:.5em}}.klima{background-color:var(--modifier-darken)!important}.logo{height:.9em}.desktop{width:100%;height:100%;&.flag-dragging iframe,&.flag-dragging object{pointer-events:none}}.paused *{animation-play-state:paused!important}.wrap{overflow:hidden;position:relative;height:100%}.shortcut{height:80px;width:80px;padding:8px;font-size:.9em;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;&:hover{background-color:hsl(var(--secondary-fill) / .25)}>img{width:48px;height:48px}>*{pointer-events:none}>*{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.draggable{position:absolute}.window{z-index:2;position:fixed;box-shadow:var(--window-shadow);max-width:100vw;max-height:100vh;width:80%;height:80%;top:100px;left:100px;border-width:1px;border-color:hsl(var(--tertiary-fill));background-color:hsl(var(--primary-fill))}.window-content{position:absolute;inset:1.5rem .375rem .375rem;padding:.375rem;>video,>img,>object{height:-webkit-fill-available;width:-webkit-fill-available;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;color:#fff}object{background-color:#94213e}}.window-focused{z-index:3;border-color:hsl(var(--secondary))}.window-closing{animation:window-close .3s linear 0s forwards;& *{overflow:hidden!important}}.window-docking{animation-name:window-dock;animation-duration:.3s;animation-direction:alternate;animation-fill-mode:both;animation-iteration-count:2}.buttons{pointer-events:initial;display:flex;justify-content:flex-start;font-size:1.5rem;line-height:1.6rem;>*{padding-left:.25rem;padding-right:.25rem}}.window-bar{pointer-events:none;display:flex;justify-content:space-between;padding-left:.5rem;padding-right:.5rem;font-size:1.125rem;line-height:1.75rem}.text-overflow{float:right}.text-overflow-wrapper{overflow:hidden}.window-resize{position:absolute;&[data-side=top],&[data-side=bottom]{height:var(--resize-width);left:5px;right:5px;cursor:ns-resize}&[data-side=left],&[data-side=right]{width:var(--resize-width);top:5px;bottom:5px;cursor:ew-resize}&[data-side=topleft],&[data-side=topright],&[data-side=bottomleft],&[data-side=bottomright]{height:5px;width:5px}&[data-side^=top]{top:0}&[data-side^=bottom]{bottom:0}&[data-side$=left]{left:0}&[data-side$=right]{right:0}&[data-side=topleft]{cursor:nwse-resize}&[data-side=topright]{cursor:nesw-resize}&[data-side=bottomleft]{cursor:nesw-resize}&[data-side=bottomright]{cursor:nwse-resize}}.opacity-hidden{opacity:0;transition:all .5s linear;display:none}.opacity-visible{opacity:1}.type-list{display:flex;height:100%;img{width:40%;float:right}>ul{width:30%;overflow-y:auto}>ul{border-right-width:1px}>ul{border-right-color:hsl(var(--tertiary))}>ul{padding-right:.25rem}li{position:relative}li{background-color:transparent}li{padding-left:.5rem;padding-right:.5rem}li{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}li{transition-duration:.5s}li{animation-duration:.5s}li{&:hover{background-color:hsl(var(--tertiary-fill) / .5)}&.active{background-color:hsl(var(--tertiary-fill))}&.active{&:after{position:absolute}&:after{top:0}&:after{bottom:0}&:after{right:.5rem}&:after{margin-top:auto;margin-bottom:auto}&:after{height:.5rem}&:after{width:.5rem}&:after{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:after{border-bottom-width:1px}&:after{border-right-width:1px}&:after{border-color:hsl(var(--tertiary))}&:after{--tw-content: "";content:var(--tw-content)}}}>div{width:70%;overflow-y:auto}h2{margin-bottom:0}}.type-explorer{width:100%;height:100%;position:relative;.folder,.file{height:var(--explorer-item-size);width:var(--explorer-item-size);color:var(--text);text-decoration:none;margin:.2em .7em;overflow:hidden;display:flex;flex-direction:column;align-items:center}.folder,.file{margin-left:.75rem;margin-right:.75rem}.folder,.file{margin-top:.5rem;margin-bottom:.5rem}.folder,.file{justify-content:center}.folder,.file{gap:.25rem}.folder,.file{border-radius:8px}.folder,.file{&:hover{background-color:hsl(var(--secondary-fill) / .25)}&:active{overflow:visible;>.filename{background-color:var(--window-inner);z-index:1}}}.folder{--explorer-icon: url(/portal/img/file-types/folder.png)}.file{--explorer-icon: url(/portal/img/file-types/file.png)}.file[ext=pdf]{--explorer-icon: url(/portal/img/file-types/pdf.png)}.file[ext=jpg]{--explorer-icon: url(/portal/img/file-types/jpg.png)}.file[ext=png]{--explorer-icon: url(/portal/img/file-types/png.png)}.icon{height:var(--explorer-icon-size);width:var(--explorer-icon-size);background-image:var(--explorer-icon);background-size:contain;background-repeat:no-repeat;flex-shrink:0}.filename{font-size:.7em;word-break:break-all}>.content{position:absolute}>.content{bottom:0}>.content{top:2rem}>.content{margin-top:.5rem}>.content{width:100%}>.content{overflow:auto}>.address-bar{display:flex}>.address-bar{align-items:center}>.address-bar{background-color:hsl(var(--secondary-fill) / .5)}>.address-bar{font-size:1.125rem;line-height:1.75rem}>.address-bar{--tw-shadow: 0 0 3px 1px black;--tw-shadow-colored: 0 0 3px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.directory{display:flex;flex-wrap:wrap;align-content:flex-start}.explorer-back{background-image:url(/portal/img/explorer-back.svg);height:1.25rem;width:1.25rem;flex-shrink:0;border-radius:.125rem;background-size:contain;background-position:center;background-repeat:no-repeat;padding:.875rem}.explorer-back:hover{background-color:hsl(var(--tertiary-fill))}.explorer-path{text-overflow:ellipsis;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.type-icecast{display:relative;.player{pointer-events:auto}.player{position:absolute}.player{inset:0}.player{display:flex}.player{padding:.5rem}.player{container-type:size;container-name:npCover;&.loading{&:before{position:absolute}&:before{inset:0}&:before{top:50%}&:before{margin:auto}&:before{aspect-ratio:1 / 1}&:before{width:200px}&:before{--tw-content: "Loading...";content:var(--tw-content)}&:before{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}&:before{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}&:before{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}&:before{--tw-gradient-from-position: 35%}&:before{--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--secondary)) var(--tw-gradient-via-position), var(--tw-gradient-to)}&:before{--tw-gradient-to: transparent var(--tw-gradient-to-position)}&:before{--tw-gradient-to-position: 65%}&:before{-webkit-background-clip:text;background-clip:text}&:before{text-align:center}&:before{font-size:1.875rem;line-height:2.25rem}&:before{color:transparent}&:before{animation:bgPosition 1s cubic-bezier(.48,.2,.55,.75) infinite}>*{display:none}>svg{display:block}}>svg{display:none}}.history{flex-basis:100%}.history{overflow:auto}.history{padding-right:.5rem}.history{.album-wrapper{margin-top:.5rem;margin-bottom:.5rem}.album-wrapper{display:grid}.album-wrapper{grid-template-columns:2.75em 1fr}.album-wrapper{align-items:center}.album-wrapper{padding-left:.5rem;padding-right:.5rem}.album-wrapper{&:last-of-type{border-width:1px}&:last-of-type{border-color:hsl(var(--tertiary))}&:last-of-type{background-color:hsl(var(--tertiary-fill))}&:last-of-type .song:last-of-type::marker{display:block}&:last-of-type .song:last-of-type::marker{color:hsl(var(--primary-accent))}}.cover{display:inline-block}.cover{height:2.75em}.cover{padding-top:.25rem;padding-bottom:.25rem}.album-header{display:inline-block}.album{margin-bottom:-.5rem}.album{display:flex}.album{align-items:center}.album{font-size:1.125rem;line-height:1.75rem}.album{color:hsl(var(--important))}.album{text-underline-offset:2px}.album:hover{text-decoration-line:underline}.artist{font-size:.875rem;line-height:1.25rem}.artist{color:hsl(var(--tertiary))}.artist{text-underline-offset:2px}.artist:hover{text-decoration-line:underline}.track-wrapper{grid-column:span 2 / span 2}.track-wrapper{list-style-type:disc}.track-wrapper{padding-left:1rem}.song{position:relative}.song{padding-left:1.75rem}.song{text-underline-offset:2px}.song *::marker{color:transparent}.song::marker{color:transparent}.song:before{content:var(--tw-content);position:absolute}.song:before{content:var(--tw-content);left:0}.song:before{content:var(--tw-content);color:hsl(var(--secondary))}.song:before{--tw-content: attr(data-track-number);content:var(--tw-content)}.song:hover{text-decoration-line:underline}}.nowplaying{display:flex}.nowplaying{flex-basis:100%}.nowplaying{flex-direction:column}.nowplaying{justify-content:center}.nowplaying{overflow:auto}.nowplaying{border-left-width:1px}.nowplaying{border-left-color:hsl(var(--tertiary))}.nowplaying{padding-left:.5rem}.nowplaying{.cover{margin:auto}.cover{min-height:128px}.cover{flex-shrink:1}.cover{flex-grow:1}.cover{-o-object-fit:contain;object-fit:contain}.info{position:relative}.info{margin-left:5rem}.info{display:flex}.info{flex-direction:column}.info{padding:.5rem}.info{>span:before,.volume>label{position:absolute}>span:before,.volume>label{left:-5rem}>span:before,.volume>label{width:5rem}>span:before,.volume>label{text-align:right}>span:before,.volume>label{color:hsl(var(--tertiary))}}.volume>input{height:100%}.volume>input{width:100%}.album:before{--tw-content: "Album";content:var(--tw-content)}.artist:before{--tw-content: "Artist";content:var(--tw-content)}.song:before{--tw-content: "Song";content:var(--tw-content)}}}iframe{width:100%;height:100%}@container npCover (height < 256px){.nowplaying>.cover{display:none}}@container npCover (width < 512px){.info.info.info{margin-left:4rem}.nowplaying.nowplaying{border-left-width:0px}.history{display:none}}@keyframes bgPosition{0%{background-position:0}to{background-position:200px}}@keyframes window-close{40%{height:.9em;transform:scaleX(1)}to{height:.9em;transform:scaleX(0)}}@keyframes window-dock{0%{transform:scale(1) translateY(0);opacity:1}to{opacity:0;transform:scale(.5) translateY(100vh)}}#timer[data-astro-cid-j7pv25f6]{position:absolute;left:0;right:0;margin:auto;width:-moz-fit-content;width:fit-content;color:hsl(var(--secondary-accent));font-weight:500;font-size:20vh;opacity:.15}.wallpaper[data-astro-cid-j7pv25f6]{position:relative;height:100%;width:100%;overflow:hidden}.bg[data-astro-cid-j7pv25f6]{position:absolute;top:0;bottom:0;left:0;width:100%;background:#10080e;background:linear-gradient(0deg,#10080e,#2e0e33 62%,#94213e)}.mountains[data-astro-cid-j7pv25f6]{position:absolute;inset:0;width:200%;background:url(/portal/img/bg/Mountains.svg) repeat-x bottom;background-size:100vw;animation:roll linear 20s infinite}.stars[data-astro-cid-j7pv25f6]{position:absolute;top:0;bottom:450px;left:0;width:200%;background:url(/portal/img/bg/Stars.svg) repeat-x bottom;background-size:100vw;animation:roll linear 70s infinite}.trees[data-astro-cid-j7pv25f6]{position:absolute;inset:0;width:200%;background:url(/portal/img/bg/Trees.svg) repeat-x bottom;background-size:100vw;animation:roll linear 30s infinite}.sun[data-astro-cid-j7pv25f6]{position:absolute;background:radial-gradient(circle at 65% 80%,#d64a1fc5,#f81eaf80 30%,#0000 50%);inset:0;animation:float ease-in-out 25s infinite alternate-reverse}.sun-center[data-astro-cid-j7pv25f6]{position:absolute;right:25%;bottom:10%;width:20vw;height:20vw;background:url(/portal/img/bg/Sun.svg) repeat-x bottom;background-size:20vw}@keyframes roll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(75%)}}