*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}a{text-decoration:none;color:var(--text-primary)}:root{--primary: #c43d08;--primary-hover: #0d5ba8;--background: #110b0b;--text-primary: #ffffff;--border: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .3)}#loginScreen,#desktopScreen,#bsodScreen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100dvw;max-width:100%;height:100dvh;overflow:hidden;position:relative}#bootScreen{width:100dvw;max-width:100%;height:100dvh;max-height:100dvh;min-height:100dvh;display:block;background:var(--background);color:var(--text-primary);overflow:hidden}.animateBlink{animation:blink .3s step-start infinite}.okStatusCode{color:#2aa72a}.failStatusCode{color:#b42121}#bsodScreen{font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;background:#3973aa;color:#fefeff;height:100dvh;margin:0}#page{width:90%;max-width:800px;font-size:clamp(1rem,1.9vw,1.4rem);margin:0 auto}#container{display:table-cell;vertical-align:middle}h1,h2,h3,h4,h5{font-weight:400;padding:0;margin:10px 0 25px;font-weight:300}h1{font-size:6.5em;margin-bottom:10px}h2{font-size:1.5em}h4{font-size:1.4em;line-height:1.5em}h5{line-height:1.1em;font-size:1.3em}#details{display:flex;flex-flow:row;flex-wrap:nowrap;padding-top:10px}#image{background:#fff;padding:5px;line-height:0}#stopcode{padding-left:10px;flex:1 1 auto}@media (min-width: 840px){#page{font-size:140%;width:800px}}#loginScreen{font-family:Ubuntu;align-items:center;background-repeat:no-repeat;flex-direction:column;background-position:center;background-size:cover;background-image:url(/assets/login_wallpaper-9aqYvyx-.svg)}#motivationalWord{color:var(--text-primary);font-family:Bad Script;font-weight:700;font-style:normal;position:relative;top:70%;margin:0 auto;transform:translateY(-70%)}#currentDateTime{flex:1;display:flex;flex-direction:column}#currentDate,#currentTime{color:#fff;text-align:center}#currentTime{font-size:4rem;flex:0;align-content:center}#currentDate{margin-top:1em;margin-bottom:1em;font-size:1rem;flex:0}#userDetails{flex:.7}#userIcon{margin-top:3em;width:10em;height:10em;clip-path:circle();border-radius:50%}#continueIcon{margin-left:10px;flex:.5;height:50px;width:50px}#continueButton{display:flex;border-radius:2em;padding:1em;flex:0;flex-direction:row;color:var(--text-primary);background-color:var(--primary);cursor:pointer;margin-bottom:2em}#profileName{flex:.9;text-align:center;align-items:center;align-self:center;align-content:center}#desktopScreen{display:flex;font-family:Ubuntu;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(/assets/desktop_wallpaper-CeB5qr6c.svg)}.audioPlayer{position:absolute;height:34%;bottom:0;right:0}#appContent{display:flex;flex:1;overflow:hidden;width:100%;margin:0 auto 4em;flex-direction:column;color:var(--text-primary)}.appButtonContainer{height:auto;flex:1;align-items:center;align-self:center;align-content:center}.appName{display:block;text-align:center;width:100%;font-size:.8rem}.appIcon{display:flex;align-items:center;justify-content:center;gap:8px}.appButton{padding:1.2em}.appButton svg:hover{cursor:pointer}@media only screen and (max-width: 600px){.appButton{padding:1em;height:auto}}#panelComponent{background:var(--background);margin:0 auto;flex-direction:row;display:flex;align-items:center;border-radius:1em}#topPanelComponent{background:var(--background);color:var(--text-primary);width:100%;flex:0}.appContainer{overflow-y:auto;border:6px solid #333;border-radius:8px;margin:2em auto 0;padding:20px;background-color:var(--background);display:flex;flex-direction:column;width:50%;height:100%;z-index:9999}.appContainerTerminal{width:50%;border:2px solid #333;border-radius:8px;margin:2em auto 0;padding:1em;background-color:var(--background);display:flex;flex-direction:column;z-index:9999}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--text-primary)}::-webkit-scrollbar-thumb{background:var(--primary)}.windowTitleBar{display:flex;flex-direction:row}.closeWindow{flex:0;width:56px;align-content:end;height:37px;margin-top:.25em;cursor:pointer;margin-bottom:.25em}.windowTitle{color:var(--text-primary);flex:1;align-items:start;align-content:center;text-align:start;width:100%;font-size:2em;margin-top:.25em;margin-bottom:.25em}#terminal{width:100%;height:auto;background-color:var(--background);color:var(--text-primary);font-family:Fira Code,monospace;font-size:clamp(.85rem,1.2vw,1rem);border-radius:.5em;border:1px solid var(--border);box-shadow:0 0 10px #0006;text-wrap:wrap}.xterm .xterm-viewport{overflow-y:auto!important}#webBrowser,#helpView,#profileView,#fileBrowserView{margin-top:2em;width:100%;height:auto;flex-grow:1;border:none;flex:1}#helpView h2{font-size:1.75rem;margin-top:1em;margin-bottom:1em}#helpView h3{font-size:1.5rem;margin-top:1em;margin-bottom:1em}#helpView h4{font-size:1.3rem;border:1px solid white;border-top:0;border-left:0;border-right:0}#helpView li{margin-left:1em}#helpView a{color:var(--primary-hover)}#helpView p{margin-bottom:1em}.btnCallMe{margin:1em auto;color:var(--text-primary);padding:1em;border:none;border-radius:3em;align-content:center;align-items:center;font-size:1.1rem;cursor:pointer;background-color:var(--primary);transition:all .4s ease}.btnCallMe:hover{background:linear-gradient(to right,#ee0979,#ff6a00)}#fileBrowserView{display:flex}#fileBrowser{display:flex;flex-direction:column}.commonFolder{display:flex;cursor:pointer}.folderName{align-content:center}#commonFolders{display:block;flex:.55;border-right:1px solid var(--text-primary)}#projects{flex:1}.projectHeader{text-align:center}#projectList,#incomingProjectList{display:grid;grid-auto-columns:max-content;grid-gap:5px;margin-bottom:2em;margin-top:2em;grid-auto-rows:max-content;grid-template-columns:repeat(3,1fr)}.projectFolder.incoming a{opacity:.4}.projectFolder a{cursor:pointer}.projectDescription{width:20%!important}.projectFolder a{flex-direction:column;display:flex;flex:1;text-align:center;color:var(--text-primary)}.projectFolder a img{width:80px;align-self:center}.descriptionProject{font-size:.9rem;padding:.5em;background-color:#000000b3;border-radius:.5em;margin-top:.5em}.skillsTab .react-tabs__tab-list{border:0}.skillsTab .react-tabs__tab--selected{background-color:var(--primary);color:var(--text-primary);border:0}.skillsTab .react-tabs__tab:focus:after{background:transparent}.profileFolder{position:absolute;height:auto;cursor:pointer;z-index:1;flex-direction:column}.folderIcon{flex:1;height:56px;width:56px;margin-top:4em;margin-left:4em}.folderName{text-align:start;margin-left:2em}@media (max-width: 1024px){#desktopScreen .appButton{padding:1em}.appContainerTerminal{width:80%}}@media (max-width: 768px){#desktopScreen .audioPlayer{height:10%;margin-bottom:10em}#loginScreen #currentTime{font-size:2.5rem}#userIcon{width:6em;height:6em}}@media (max-width: 480px){#desktopScreen #appContent{margin-bottom:2em}#desktopScreen .btnCallMe{width:80%}.appButton svg{height:5em;width:2em}#panelComponent{flex:.2}#terminal{height:45dvh;font-size:clamp(.7rem,3vw,.85rem);padding:.6em}.appContainer{max-width:80dvw;max-height:75dvh;padding:1em;margin:1em auto 0}.appContainerTerminal{height:66dvh;width:88dvw}.windowTitle{font-size:2rem}}@media (max-width: 768px){#terminal{height:auto;font-size:clamp(.8rem,2vw,.9rem);padding:.8em}#appContent{max-width:90dvw;max-height:75dvh}.appContainer{max-width:140dvw;max-height:75dvh;margin:1em auto 0;width:100%}}@media (max-width: 1023px){.audioPlayer .list-player .list-body{display:none}}.audioPlayer .list-player{min-width:20dvw}/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
*   Fabrice Bellard's javascript vt100 for jslinux:
*   http://bellard.org/jslinux/
*   Copyright (c) 2011 Fabrice Bellard
*   The original design remains. The terminal itself
*   has been extended to include xterm CSI codes, among
*   other features.
*/.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}div.list-player *,:before,:after{--lp-ring-offset-shadow: 0 0 #0000;--lp-ring-shadow: 0 0 #0000;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;--lp-gap-1: .25rem;--lp-gap-2: .5rem;--lp-gap-var-1: 3.5%;--lp-gap-var-2: 6%;--lp-pad-1: .3rem;--lp-pad-2: .6rem;--lp-text-op-2: .6;--lp-text-color: #ffffffde;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--lp-text-color);font-synthesis:none;text-rendering:optimizeLegibility;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}div.list-player *{scrollbar-width:thin;scrollbar-color:#ffffff44 transparent}div.list-player *::-webkit-scrollbar{width:4px;height:4px}div.list-player *::-webkit-scrollbar-track{background:transparent}div.list-player *::-webkit-scrollbar-thumb{background-color:#fff4;border-radius:10px;border:0px solid #ffffff44}div.list-player *::-webkit-scrollbar-thumb:hover{background-color:#fff8}@media (prefers-color-scheme: dark){div.list-player *::-webkit-scrollbar-thumb{background-color:#00000028;border-radius:10px;border:0px solid #00000028}div.list-player *::-webkit-scrollbar-thumb:hover{background-color:#0005}div.list-player *{scrollbar-width:thin;scrollbar-color:#00000028 transparent}}.list-player h1,.list-player h2,.list-player h3,.list-player h4,.list-player h5,.list-player h6{font-size:inherit;font-weight:inherit}.list-player blockquote,.list-player dl,.list-player dd,.list-player h1,.list-player h2,.list-player h3,.list-player h4,.list-player h5,.list-player h6,.list-player hr,.list-player figure,.list-player p,.list-player pre{margin:0}.list-player button,.list-player input,.list-player optgroup,.list-player select,.list-player textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.list-player button,.list-player select{text-transform:none}.list-player button,.list-player [type=button],.list-player [type=reset],.list-player [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.list-player button,.list-player [role=button]{cursor:pointer}.list-player img,.list-player svg,.list-player video,.list-player canvas,.list-player audio,.list-player iframe,.list-player embed,.list-player object{display:block;vertical-align:middle}.list-player img,.list-player video{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}.list-player a{color:var(--lp-text-color);text-decoration:none}.list-player a:hover{text-decoration:underline;text-decoration-style:solid;text-underline-offset:2px}.list-player{display:flex;flex-direction:column;gap:0;width:inherit;min-width:315px;max-width:100%;min-height:92px;max-height:100%;overflow:hidden;background-color:#00000040;border-radius:.5rem;transition-property:max-height,max-width;transition-duration:.5s;transition-timing-function:ease-in-out}.list-player .list-header{--lp-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);box-shadow:var(--lp-ring-offset-shadow, 0 0 #0000),var(--lp-ring-shadow, 0 0 #0000),var(--lp-shadow);position:relative;width:100%;min-height:5.75rem;background-color:#ffffff1a;overflow:hidden;transition-property:max-height,height;transition-duration:.5s;transition-timing-function:ease-in-out}.list-player .list-body{display:flex;flex:1 1 0%;flex-direction:column;gap:0;overflow-y:auto;padding-top:.65rem;padding-bottom:.3rem;margin-top:0;margin-bottom:var(--lp-pad-1);margin-right:var(--lp-pad-1);margin-left:var(--lp-pad-2);container-type:inline-size;container-name:list}.list-player .list-body:first-child{padding-top:.3rem;margin-top:var(--lp-pad-1)}.list-player div.track{display:flex;flex-direction:row;align-items:center;align-self:flex-start;width:calc(100% - .3rem);padding-top:5px;padding-bottom:7px;margin-right:.3rem;border-radius:.4rem}.list-player div.track:hover,.list-player div.track.selected{background-color:#0000000d}.list-player div.track:hover .list-number{display:none}.list-player div.track:hover .action-icon,.list-player div.track-number .action-icon.sel{display:unset}.list-player .action-icon:hover{cursor:pointer}.list-player span.number{font-size:large;font-weight:600;opacity:var(--lp-text-op-2)}.list-player div.track-number{display:flex;justify-content:center;align-items:center;height:27px;min-width:2rem}.list-player div.track-number .action-icon{display:none;margin-left:4px;width:1.25rem;height:1.25rem}.list-player .track span.cdot,.list-player .lt-info-card span.cdot{font-weight:700;margin:1px}.list-player .list-number{display:unset}.list-player .info-cont{display:flex;width:100%;justify-content:space-between;align-items:center;flex-shrink:1;gap:2rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,1) 98%,rgba(0,0,0,0) 101%);mask-image:linear-gradient(to right,#000,#000 98%,#0000 101%);container-name:info;container-type:inline-size}.list-player .main-info-cont{display:flex;flex:3 0 0%;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-width:22vi;overflow:hidden;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,1) 96%,rgba(0,0,0,0));mask-image:linear-gradient(to right,#000,#000 96%,#0000)}.list-player .main-info-cont span,.list-player div.lg-meta-cont span{margin-left:.25rem;margin-right:.25rem;white-space:nowrap}.list-player div.meta-cont{font-size:small;opacity:var(--lp-text-op-2)}.list-player div.lg-meta-cont{display:none;flex:2 0 0%;align-items:center;justify-content:flex-start;font-size:medium;opacity:var(--lp-text-op-2)}.list-player div.lg-meta-cont>div{height:fit-content}.list-player div.lg-meta-cont>div.meta-artist{width:18vi;overflow:hidden;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,1) 96%,rgba(0,0,0,0) 101%);mask-image:linear-gradient(to right,#000,#000 96%,#0000 101%)}.list-player div.lg-meta-cont>div.meta-album{width:18vi;overflow:hidden}@container info (min-width: 20px){.list-player .main-info-cont{min-width:28cqw!important}.list-player div.lg-meta-cont>div.meta-artist{width:26cqw}.list-player div.lg-meta-cont>div.meta-album{width:26cqw}}.list-player div.duration-cont{display:flex;justify-content:flex-end;width:5.3rem;margin-right:.6rem}.list-player div.meta-artist,.list-player div.meta-album,.list-player div.meta-cont,.list-player div.title-cont{display:flex;align-items:center}.list-player div.lh-children-cont{position:absolute;width:100%;height:100%}.list-player div.controller-panel{--lp-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--lp-backdrop-blur);backdrop-filter:var(--lp-backdrop-blur);background-color:#0000001a;position:absolute;bottom:0;left:auto;right:0;margin:.6rem;width:fit-content;height:fit-content;padding:.5rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s}.list-player button.mute-btn{order:4;margin-right:.75rem;margin-left:.5rem}.list-player button.mute-btn>.action-icon{width:1.75rem;height:1.75rem}.list-player button.back-btn{order:2}.list-player button.forward-btn{order:3;margin-right:.75rem}.list-player button.back-btn>.action-icon,.list-player button.forward-btn>.action-icon{width:2.25rem;height:2.25rem}.list-player button.play-btn{order:1;margin-left:.25rem;margin-right:.25rem}.list-player button.play-btn>.action-icon{width:3.5rem;height:3.5rem}.list-player div.controller-panel>.btn{opacity:.75}.list-player div.controller-panel>.btn:hover{opacity:1}.list-player div.lt-info-card{display:flex;flex-direction:row-reverse;justify-content:space-between;height:100%;min-height:fit-content;padding:1rem;transition:padding .3s ease-in-out}.list-player div.lt-info-panel{flex:1 1 0%;display:flex;flex-direction:column;width:100%;min-width:13.9rem;max-height:30rem;padding:.5rem .75rem 5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation:fadeIn .6s ease-in-out}.list-player h1.lt-info-title-h1{font-size:2rem;text-align:start}.list-player div.lt-info-stats{display:flex;flex-wrap:nowrap;gap:.25rem}.list-player div.lt-info-stats>span,h1.lt-info-title-h1>span{white-space:nowrap}.list-player .lt-info-stats .text.pure{font-size:large;font-weight:600;opacity:var(--lp-text-op-2)}.list-player div.lh-listinfocard-cont{padding:.64rem;container-type:size}.list-player .lt-info-title h1,.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{transition:all .2s linear}@container (max-height: 144px) and (max-width: 480px){.list-player .lt-info-panel{opacity:0}}@container (min-height: 94px) and (max-height: 130px){.list-player .lt-info-title h1{font-size:x-large}.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{font-size:small}}@container (max-height: 192px) and (min-height: 130px){.list-player .lt-info-title h1{font-size:x-large}.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{font-size:small}}@container (max-width: 550px){.list-player .lt-info-title h1{font-size:x-large}.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{font-size:small}}@container (max-width: 550px) and (max-height: 200px){.list-player .lt-info-title h1{font-size:x-large}.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{font-size:small}.list-player div.lt-info-card{padding:0}}@container (max-width: 354px){.list-player .lt-info-title h1{font-size:large}.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{font-size:xx-small}.list-player div.lt-info-card{padding:0}}@container (max-height: 134px) or (max-width: 100px){.list-player div.lt-info-card{padding:0}}@container (max-height: 94px){.list-player .lt-info-title h1{line-height:140%;font-size:large}.list-player .lt-info-panel .lt-info-stats span.text.pure,.list-player .lt-info-panel .lt-info-stats span.text.number,.list-player .lt-info-panel .lt-info-stats span.cdot{font-size:xx-small}.list-player div.lt-info-card{padding:0}}.list-player span.badge{font-size:xx-small}.list-player span.new{color:#a1cca5cc;padding:0 3px;border-radius:2px;border:2px solid rgba(161,204,165,.8)}.list-player span.explicit{color:#ffffffb3;padding:0 3px;border-radius:2px;border:2px solid rgba(255,255,255,.7)}@container list (min-width: 700px){.list-player div.lg-meta-cont{display:flex}.list-player div.meta-cont{display:none!important}}@media (prefers-color-scheme: dark){.list-player div.track:hover,.list-player div.track.selected{background-color:#0000001a}}.list-player div.lt-info-img-cont{--lp-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);box-shadow:var(--lp-ring-offset-shadow, 0 0 #0000),var(--lp-ring-shadow, 0 0 #0000),var(--lp-shadow);height:fit-content;max-height:100%;border-radius:.5rem;aspect-ratio:1 / 1;overflow:hidden}.list-player img.lt-info-img{height:100%;width:14rem;object-fit:cover}.list-player div.lt-info-art-placeholder-cont{--lp-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-border-opacity: 1;box-shadow:var(--lp-ring-offset-shadow, 0 0 #0000),var(--lp-ring-shadow, 0 0 #0000),var(--lp-shadow);height:fit-content;max-height:100%;border-color:rgb(209 213 219 / var(--tw-border-opacity));border-radius:.5rem;border-width:2px;aspect-ratio:1 / 1;overflow:hidden;opacity:.8}.list-player div.lt-info-placeholder{display:flex;justify-content:center;align-items:center;height:100%;width:14rem;max-width:100%;text-align:center;font-size:1.875rem;line-height:2.25rem;padding:1rem;animation:fadeIn 1s ease-in-out;background:repeating-linear-gradient(45deg,#2226,#2226 6px,#2220 6px 12px);container-name:art;container-type:inline-size}.list-player div.lt-info-placeholder>span{font-size:3.5rem;transition:font-size .2s linear}@container art (max-width: 60px){.list-player div.lt-info-placeholder>span{font-size:2rem}}
