@import"https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";:root{color-scheme:light dark;background-color:var(--background);color:var(--prominent-text);--background: #111;--prominent-background: #222;--extra-prominent-background: #3A3A3A;--prominent-text: #EEE;--normal-text: #AAA;--non-prominent-text: #777;--seperator: #444;--border: #444;--label: #CCC;--prominent-label: #FFF;--yt-video: rgba(255, 255, 255, .2);--yt-description: rgba(255, 255, 255, .1);--input-border: #777;--conformation: #00712D;--denial: #B90E0A;--checkbox: #292929;--checkbox-hover: #444;--popover-background: rgba(0,0,0,.1);--accent: #0f4d92;--extra-small-border-radius: 3px;--small-border-radius: 5px;--big-border-radius: 10px;--border-width: 1px;font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;--app-height: 100vh}:root.light{--background: #EEE;--prominent-background: #DDD;--extra-prominent-background: #C5C5C5;--prominent-text: #000;--normal-text: #444;--non-prominent-text: #777;--seperator: #BBB;--border: #BBB;--label: #333;--prominent-label: #000;--yt-video: rgba(0, 0, 0, .2);--yt-description: rgba(0, 0, 0, .1);--input-border: #888;--conformation: #00712D;--denial: #B90E0A;--checkbox: #D7D7D7;--checkbox-hover: #BBB;--popover-background: rgba(0,0,0,.1);--accent: #0f4d92}input,textarea,button{font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}*{box-sizing:border-box;z-index:auto}@media (prefers-reduced-motion: no-preference){*,:after,:before{transition:color .5s,background-color .5s,border .5s}}body{margin:0;background-color:var(--background)}h1{color:var(--label);font-size:3rem;padding:2px 30px;margin:0 0 5px;border-bottom:solid var(--border-width) var(--seperator);text-transform:uppercase}h2{color:var(--normal-text);font-size:2rem;margin:10px 0}h2.card-title{font-size:1.75rem;margin:5px;padding:0 30px;border-bottom:var(--border-width) solid var(--border);color:var(--prominent-text)}p{color:var(--normal-text);font-size:.75rem;margin:15px 0 5px 15px}a{color:var(--normal-text);font-size:.75rem;margin:0}.normal-text{font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0}.bold-text{font-weight:900}.italic-text{font-style:italic}label{font-size:.875rem;display:block}label:has(+input),label:has(+textarea),label:has(+.auto-grow:has(textarea)){margin-left:30px}input:not(.iconed *),textarea,button{position:relative;width:calc(100% - 40px);background-color:var(--background);color:var(--prominent-text);border:var(--border-width) solid var(--input-border);border-radius:var(--small-border-radius);transition:border .5s,z-index .5s;z-index:0;padding:12px 20px;margin:1px 20px 10px;overflow-y:hidden;resize:none;vertical-align:top;display:block;outline:none;font-size:.75rem}@media (prefers-reduced-motion: no-preference){input:not(.iconed *),textarea,button{transition:color .5s,background-color .5s,border .5s,z-index .5s}}input::placeholder,textarea::placeholder{color:var(--non-prominent-text);opacity:1}input:not(.iconed *):focus,textarea:focus{border:var(--border-width) solid var(--normal-text);z-index:100}input[type=submit]{width:calc(100% - 20px);margin:30px 10px 0}input[type=submit]:focus,button:focus{border:var(--border-width) solid var(--normal-text);z-index:100}input[type=submit]:focus:hover,button:focus:hover{border:var(--border-width) solid var(--normal-text);z-index:100}input[type=submit]:hover,button:hover{border:var(--border-width) solid var(--normal-text);z-index:100}.iconed{display:flex;align-items:center;border:var(--border-width) solid var(--input-border);border-radius:var(--small-border-radius);background-color:var(--background);margin:0 20px 10px;padding:5px 10px;transition:border .5s}@media (prefers-reduced-motion: no-preference){.iconed{transition:color .5s,background-color .5s,border .5s}}.iconed:has(>input:focus){border:var(--border-width) solid var(--normal-text)}.iconed>input{outline:none;border:none;background-color:#0000;font-size:.75rem;color:var(--prominent-text);padding:7px 10px;flex:1}.iconed>label{margin-left:0}.iconed>label>i{font-size:1.75rem;width:1.75rem;height:1.75rem}.auto-grow:has(textarea){display:grid}.auto-grow>textarea,.auto-grow:has(textarea):after{width:100%;grid-area:1 / 1 / 2 / 2;padding:12px 20px;margin:0;font-size:.75rem}label:not(.inline)+.auto-grow:has(textarea){width:calc(100% - 40px);margin:1px 20px 10px}.auto-grow:has(textarea):after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden;width:100%;box-sizing:border-box}label.inline{display:inline-block;width:calc(30% - 10px);margin:0 0 7px 50px;padding:12px 0;font-size:.875rem}.inline-input{width:100%}label.inline+input,label.inline+textarea,label.inline+.iconed,label.inline+.auto-grow:has(textarea),label.inline+.inline-input{width:calc(70% - 65px);margin:0 20px 5px 0;display:inline-block}label.inline+.auto-grow:has(textarea){display:inline-grid}input,textarea,.iconed,.auto-grow:has(textarea),.inline-input{vertical-align:top}span:has(>input[type=checkbox]){position:relative;display:inline-block;width:16px;height:16px;background-color:var(--extra-prominent-background);border-radius:var(--extra-small-border-radius);transition:background-color .5s;margin-left:5px}span:has(>input[type=checkbox]):hover{background-color:var(--checkbox-hover)}span:has(>input[type=checkbox]):before{transform-origin:bottom left;clip-path:polygon(15.625% 43.75%,7.5% 46.875%,37.5% 76.5625%,89.0625% 25%,82.8125% 18.75%,37.5% 64.0625%);background-color:var(--normal-text);content:"";width:16px;height:16px;display:inherit;position:absolute;top:0;left:0;transform:scale(0) rotate(-45deg);transitioN:transform .2s}span:has(>input[type=checkbox]:checked):before{transform:scale(1) rotate(0)}input[type=checkbox]{display:inline-block;width:16px;height:16px;margin:0;opacity:0}span:has(>input[type=checkbox])+label{display:inline-block;margin:0 0 0 10px;width:calc(100% - 55px);vertical-align:middle;font-size:.75rem;color:var(--normal-text)}.select{position:relative;display:inline-block;width:fit-content;font-size:.75rem;color:var(--normal-text);cursor:pointer;-webkit-user-select:none;user-select:none}.select .active{display:inline-block;width:fit-content}.select .active:after{content:"";font-weight:900;font-family:"Font Awesome 6 Free";margin-left:10px}.select .dropdown{position:absolute;z-index:100;left:-10px;top:calc(100% + 2px);transform:translateY(-16px);opacity:0;visibility:hidden;transition:opacity .5s ease-in-out .1s,transform ease-in-out .5s .1s,visibility .5s ease-in-out allow-discrete .1s,background-color .2s ease-in-out;background-color:#0000;padding:5px;border-radius:var(--extra-small-border-radius)}.select.open .dropdown{transform:translateY(0);opacity:1;visibility:visible;background-color:var(--prominent-background);transition:opacity .5s ease-in-out,transform ease-in-out .5s,visibility .5s ease-in-out allow-discrete,background-color .2s ease-in-out .3s}.select .dropdown>*{padding:5px;transition:background-color .5s}.select .dropdown>*:hover{background-color:var(--extra-prominent-background);border-radius:var(--extra-small-border-radius)}.slider-toggle{--width: 45px;--height: 24px;position:relative;display:inline-block;width:calc(var(--width) + 4px);height:calc(var(--height) + 4px);background-color:var(--extra-prominent-background);border-radius:calc(var(--height) / 2);transition:border .4s,margin .4s,background-color .4s;top:calc(var(--height) / -2 + 8px);margin-right:10px}.slider-toggle:has(input:checked){background-color:var(--conformation)}.slider-toggle input{width:0px;height:0px;opacity:0;vertical-align:middle}.slider-toggle .internal-slider{display:inline-block;width:var(--height);height:var(--height);background-color:var(--background);border-radius:100%;position:absolute;top:2px;left:4px;transition:left .4s,width .4s,height .4s,top .4s,left .4s}.slider-toggle:has(input:active) .internal-slider{width:calc(var(--height) - 2px);height:calc(var(--height) - 2px);top:3.5px;left:5px}.slider-toggle input:checked+.internal-slider{left:calc(var(--width) - var(--height))}.split-window,.split-window .horizontal{display:grid;grid-template-columns:calc(50% - 25px) calc(50% - 25px);grid-template-areas:"left right"}.split-window .vertical{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;grid-gap:100px;grid-template-areas:"left" "right"}.split-window .vertical.reversed{grid-template-areas:"right" "left"}.split-window .vertical.small-gap{grid-gap:20px}.split-window>*:not(button,input){position:relative;padding:0 10px 0 30px}.split-window.seperator:not(.vertical)>:first-child:after{content:"";position:absolute;right:0;top:20px;height:calc(100% - 40px);width:var(--border-width);background-color:var(--seperator)}.split-window.seperator.vertical>:first-child:after{content:"";position:absolute;left:0;bottom:-60px;height:var(--border-width);width:100%;background-color:var(--seperator)}.split-window.seperator.vertical.small-gap>:first-child:after{bottom:-10px}.split-window .left{grid-area:left}.split-window .right{grid-area:right}hr{color:var(--seperator);margin:0 10px}*:has(>.tooltip){position:relative}.tooltip{position:absolute;margin:0;background-color:var(--extra-prominent-background)!important;color:var(--prominent-text)!important;padding:0!important;border-radius:var(--small-border-radius)!important;z-index:100000;opacity:0!important;transition:opacity .5s,visibility .5s allow-discrete!important;visibility:hidden!important;text-wrap:nowrap!important;line-height:1rem;font-size:.75rem;font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0}*:hover>.tooltip:not(.js-controlled){transition-delay:1s!important}*:hover>.tooltip:not(.js-controlled),.tooltip.js-controlled.open{opacity:1!important;visibility:visible!important;padding:6px!important}.tooltip:before{content:"";background-color:var(--extra-prominent-background);display:inline-block;width:8px;height:8px;rotate:45deg;z-index:-100;position:absolute}.tooltip.right{top:50%;transform:translateY(-50%);left:100%}.tooltip.right:before{top:calc(50% - 4px);left:-4px}.tooltip.bottom{top:100%;left:50%;transform:translate(-50%)}.tooltip.bottom:before{top:-4px;left:calc(50% - 4px)}form:has(.form-succes-screen){position:relative}.form-succes-screen>*{display:flex;align-items:center;justify-content:center}.form-succes-screen{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--background);z-index:100000000000;padding-top:16px}.form-succes-screen i{font-size:2rem}[popover]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--popover-background)}[popover]{position:fixed;width:100%;height:100%;border:none;background-color:#0000;color:var(--prominent-text);visibility:hidden;overflow:auto;z-index:1000;display:flex}[popover]:popover-open{visibility:visible}*:has([popover]:popover-open){overflow:hidden}[popover]>.content{width:fit-content;height:fit-content;margin:auto}[popover]>.content:not(:has(>.left,>.middle,>.right)),[popover]>.content>.left,[popover]>.content>.middle>.top,[popover]>.content>.middle>.bottom,[popover]>.content>.middle:not(:has(>.top,>.bottom)),[popover]>.content>.right{border:var(--border-width) solid var(--border);border-radius:var(--big-border-radius);padding:15px;overflow:auto;background-color:var(--background);transform:translateY(-16px);opacity:0;transition:opacity .5s ease-in-out,transform ease-in-out .5s,visibility .5s ease-in-out allow-discrete}[popover]>.content:has(>.left,>.middle,>.right){display:grid;grid-template-columns:fit-content fit-content fit-content;grid-template-areas:"left middle right"}[popover]>.content>.left,[popover]:popover-open>.content>.left.closed{grid-area:left;border-radius:var(--big-border-radius) 0px 0px var(--big-border-radius);border-right:none;transform:translate(-16px);opacity:0;visibility:hidden}[popover]>.middle{grid-area:middle}[popover]>.content>.middle:not(:has(>.top,>.bottom)),[popover]:popover-open>.content>.middle.closed:not(:has(>.top,>.bottom)),[popover]>.content>.middle>.top,[popover]:popover-open>.content>.middle>.top.closed{border-radius:var(--big-border-radius);transform:translateY(-16px);opacity:0;visibility:hidden}[popover]>.content>.middle>.bottom,[popover]:popover-open>.content>.middle>.bottom.closed{border-radius:0px 0px var(--big-border-radius) var(--big-border-radius);border-top:none;transform:translateY(16px);opacity:0;visibility:hidden}[popover]>.content>.right,[popover]:popover-open>.content>.right.closed{grid-area:right;border-radius:0px var(--big-border-radius) var(--big-border-radius) 0px;border-left:none;transform:translate(16px);opacity:0;visibility:hidden}[popover]:popover-open>.content:not(:has(>.left,>.middle,>.right)),[popover]:popover-open>.content>.left,[popover]:popover-open>.content>.middle>.top,[popover]:popover-open>.content>.middle>.bottom,[popover]:popover-open>.content>.middle:not(:has(>.top,>.bottom)),[popover]:popover-open>.content>.right{transform:none;opacity:1;visibility:visible}.website{position:relative;display:inline-grid;width:311.11px;min-width:311.11px;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:"cont cont" "extr extr" "icon info";box-sizing:content-box;cursor:pointer}.website.auto-grow{width:100%}.website .website-content{grid-area:cont;aspect-ratio:16/9;height:175px;border-radius:12px;outline:none;border:0;background-size:contain;display:flex;justify-content:center;align-items:center}.website.auto-grow:not(.channel) .website-content{height:100%}.website .website-author-icon{grid-area:icon;aspect-ratio:1/1;height:36px;border-radius:100%;background-color:var(--yt-description);display:inline-block;background-size:contain;margin-top:6px}.website .info{grid-area:info}.website .website-name,.website .website-author-name{background-color:var(--yt-description);color:var(--prominent-text);border-radius:var(--small-border-radius);max-height:38px;display:block;margin:6px 0 0 15px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.website .website-author-name{color:var(--normal-text);margin:5px 0 0 15px;font-weight:400}.website .website-clickable{position:absolute;width:100%;height:100%;top:0;left:0}.website.channel .website-content{border-radius:100%;width:175px;align-self:center;justify-self:center}.website.channel .website-name{grid-area:extr;font-size:1rem;justify-self:center;margin:3px 0;width:fit-content}.website.loading .website-content{background-color:var(--yt-video)}.website.loading .website-name{width:225px;height:16px}.website.loading .loader{width:150px;height:16px;background-color:var(--yt-description);border-radius:var(--small-border-radius);margin:5px 0 0 15px}.website.loading .website-author-name{width:75px;height:16px}.label{border-radius:var(--small-border-radius);color:var(--label);padding:5px 5px 5px 0;margin:1px 10px 1px 1px;background-color:var(--prominent-background);display:inline;white-space:nowrap;text-overflow:ellipsis}.label:before{content:"";width:6px;height:6px;border-radius:100%;background-color:var(--label);display:inline-block;margin:0 5px 1px}.center-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.loading a{color:var(--prominent-text);font-size:.875rem;margin-left:50px}.loading .dot{display:inline-block;width:.3em;height:.3em;border-radius:100%;background-color:var(--prominent-text);vertical-align:baseline;position:relative;top:.05em;margin-left:2px;opacity:0}@keyframes first-dot{25%{opacity:1}}@keyframes second-dot{50%{opacity:1}}@keyframes third-dot{75%{opacity:1}}.loading .dot:nth-child(2){animation:first-dot 4s infinite}.loading .dot:nth-child(3){animation:second-dot 4s infinite}.loading .dot:nth-child(4){animation:third-dot 4s infinite}.fa-rotate-45{rotate:45deg}.double-chevron{width:40px;height:fit-content;margin:0}.double-chevron:hover>i{color:var(--prominent-text)!important}.double-chevron>:nth-child(2){position:relative;left:-5px}#sidebar .button{display:flex;align-items:center;margin:0;color:var(--normal-text);font-weight:800;cursor:pointer}#sidebar .button p{margin:0 0 0 5px}@media screen and (min-width: 1000px){#body{overflow:hidden;margin:0!important;grid-template-columns:58px calc(100% - 58px)!important;grid-template-rows:var(--app-height);height:var(--app-height)}#sidebar{height:100%;display:flex;flex-direction:column;align-items:start;padding:20px 0 20px 9px;row-gap:15px;background-color:var(--prominent-background)}#toggle-sidebar{display:none!important}#sidebar>*{row-gap:15px;display:grid;grid-template-columns:auto;align-items:center}#sidebar-top{margin-top:0;margin-bottom:auto}#sidebar-bottom{margin-top:auto;margin-bottom:0}#sidebar i{color:var(--non-prominent-text);font-size:2rem;transition:color .5s}#sidebar .button:hover i{color:var(--prominent-text)}#body{transition:grid-template-columns .25s;transition-delay:.25s}#sidebar.collapsed .button p{transition:opacity .25s,visibility allow-discrete .25s;visibility:hidden;opacity:0}#body:has(#sidebar:not(.collapsed)){transition:grid-template-columns .25s;grid-template-columns:150px calc(100% - 150px)!important}#sidebar:not(.collapsed) .button p{transition:opacity .25s;transition-delay:.25s}#sidebar:not(.collapsed) .double-chevron>i{rotate:180deg}}@media screen and (max-width: 1000px){#body{overflow:hidden;height:var(--app-height);display:block}#body>:nth-child(2){padding:0}.split-window>*{padding:0 0 0 5px!important}.window{padding-top:40px!important}#toggle-sidebar{visibility:visible;display:flex!important;position:fixed;top:0;left:0;width:60px;height:60px;border-radius:0 0 100%;background-color:var(--extra-prominent-background);justify-content:center;align-items:center;padding:0;z-index:100000000}#toggle-sidebar i{transition:rotate .5s;height:fit-content;width:fit-content;font-size:1.25rem;position:relative;top:-7px;left:-8px}#toggle-sidebar.open i{rotate:90deg}#sidebar{position:fixed;top:0;left:0;width:100%;height:calc(var(--app-height) + 40px);z-index:10000;padding:40px 0 0!important;display:flex;flex-direction:column;align-items:center;row-gap:30px;visibility:hidden;transform:translateY(-40px);transition:background-color .5s,visibility allow-discrete .5s,transform .5s;overflow-y:auto}#sidebar.open{transform:translateY(0);visibility:visible;background-color:var(--background)}#sidebar>*{row-gap:15px;display:grid;grid-template-columns:auto;align-items:center;width:175px}#sidebar .double-chevron{display:none}#sidebar .double-chevron+p{display:none}#sidebar.closed i{opacity:0}#sidebar i{transition:opacity .5s;opacity:1;font-size:2rem;color:var(--prominent-text)}#sidebar.closed p{transition:opacity .5s;opacity:0}#sidebar i:hover{color:var(--prominent-text)}}.window{display:none;overflow-x:hidden;overflow-y:auto;height:var(--app-height)}.footer{display:flex;column-gap:5px;align-items:center;margin-bottom:7px}.footer a{margin-left:5px;font-size:1.5rem;color:var(--prominent-text)}.footer a:visited{color:var(--prominent-text)}.footer .copyright{margin-left:auto;margin-right:10px;font-size:1rem;-webkit-user-select:none;user-select:none}#inspiration .footer .copyright{margin-right:5px}@media screen and (min-width: 1000px){div:has(+.footer){min-height:calc(var(--app-height) - 35px)}}@media screen and (max-width: 1000px){div:has(+.footer){min-height:calc(var(--app-height) - 70px)}}#home h2{color:var(--prominent-text)}#home>div>.split-window.horizontal{grid-template-columns:auto auto}#home>div>.split-window.vertical{grid-gap:25px}#home>div>.split-window>div{display:flex;align-items:center;justify-content:center;width:100%}#home>div>.split-window:not(.vertical) .text-center{margin-left:50px;margin-top:-50px}#home>div>.split-window:not(.horizontal) :has(.text-center){display:block}#home .left.projects{cursor:pointer;-webkit-user-select:none;user-select:none}#home .right.projects>div{position:relative;height:400px;width:925px}#home .project{width:450px;position:absolute;background-color:var(--background);cursor:pointer}#home .project:nth-child(1){top:0;left:0;z-index:0}#home .project:nth-child(2){top:100px;left:150px;z-index:100}#home .project:nth-child(3){top:50px;left:475px;z-index:0}#home .left.inspiration>div{position:relative;height:350px;width:675px}#home .right.inspiration{width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none}#home .right.inspiration .text-center{margin-left:0!important}#home .website:not(.channel){position:absolute;background-color:var(--background);border-radius:var(--big-border-radius)}#home .website:nth-child(1){top:0;left:0;z-index:0}#home .website:nth-child(2){top:100px;left:150px;z-index:100}#home .website:nth-child(3){top:50px;left:400px;z-index:0}#home .right.files,#home .left.files{cursor:pointer;-webkit-user-select:none;user-select:none}#home .right.files>div{position:relative;height:250px;width:550px}#home .right.files i{font-size:3rem;color:var(--normal-text);position:absolute}#home .right.files i:nth-child(1){top:20px;left:0;rotate:-25deg}#home .right.files i:nth-child(2){top:0;left:100px;rotate:-5deg}#home .right.files i:nth-child(3){top:50px;left:250px;rotate:20deg}#home .right.files i:nth-child(4){top:150px;left:300px;rotate:30deg}#home .right.files i:nth-child(5){top:100px;left:50px;rotate:-15deg}#home .right.files i:nth-child(6){top:125px;left:150px;rotate:-15deg}#home .right.files i:nth-child(7){top:150px;left:475px;rotate:15deg}#home .right.files i:nth-child(8){top:50px;left:400px;rotate:15deg}#projects>div>div:nth-child(2){column-gap:20px;column-width:400px;padding-top:10px}#projects>div>div>.project:first-child{margin-top:0}.project{break-inside:avoid;display:block;border:var(--border-width) solid var(--border);border-radius:var(--big-border-radius);width:100%;height:auto;overflow:hidden;margin-top:20px;cursor:pointer}.project p{margin:0 0 5px}.project .requestor,.project .executor{padding:0 15px}.project .requestor p:nth-child(2),.project .executor p:nth-child(2){color:var(--prominent-text)}.project .description{margin:10px 5px;padding:0 10px 5px}.project .description:has(+.urls){border-bottom:var(--border-width) solid var(--border)}.project .urls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:5px;column-gap:5px;margin:5px 15px}.project .urls a,.project .urls a:visited{color:var(--prominent-text)}#project-popover .project{cursor:initial}#project-popover .right{max-width:350px}#project-popover .middle{width:750px}#project-popover .split-window{grid-template-columns:repeat(auto-fit,minmax(50%,1fr))}#project-popover .split-window:nth-child(2){margin-top:5px}#project-popover .split-window>*:not(button,input){margin:0;padding:0;border:none}#project-popover .split-window>*:not(button,input):nth-child(2){margin-left:10px}#project-popover .description{margin:10px 0;padding:0 10px 5px 0}#inspiration{margin-right:-10px}#inspiration>div:first-child{display:grid;grid-template-columns:auto 275px;height:calc(var(--app-height) - 35px)}@media (pointer:fine){#inspiration>div>.content{scrollbar-width:thin}#inspiration .sidebar{scrollbar-width:thin}}#inspiration .toggle-sidebar{display:none}#inspiration .sidebar{overflow-y:auto;overflow-x:hidden;margin:0 0 -35px 20px;padding:40px 20px 0 30px;background-color:var(--prominent-background)}#inspiration .category{margin-bottom:10px;transition:margin .5s}#inspiration .category.closed{margin-bottom:5px}#inspiration .sidebar .header{display:grid;grid-template-columns:auto 1rem;margin-bottom:5px}#inspiration .sidebar .header a{font-size:.9rem}#inspiration .sidebar .header i{font-size:.8rem;transition:rotate .5s}#inspiration .sidebar .category.closed i{rotate:90deg}#inspiration .sidebar .content{margin:0 0 0 15px;overflow:hidden;transition:height .5s}@media screen and (max-width: 1000px){#inspiration>div:first-child{display:grid;grid-template-columns:auto;height:fit-content;min-height:calc(var(--app-height) - 75px)}#inspiration>div>.content{overflow:visible;height:fit-content}#inspiration .toggle-sidebar{visibility:visible;display:flex!important;position:fixed;top:0;right:0;width:60px;height:60px;border-radius:0 0 0 100%;background-color:var(--extra-prominent-background);justify-content:center;align-items:center;padding:0;z-index:100000000}#inspiration .toggle-sidebar i{transition:rotate .5s;height:fit-content;width:fit-content;font-size:1.25rem;position:relative;top:-8px;left:5px}#inspiration.open .toggle-sidebar i{rotate:90deg}#inspiration .sidebar{position:fixed;top:0;left:0;width:100%;height:calc(var(--app-height) + 40px);z-index:10000;padding:40px 0!important;border:0px solid;margin:0;display:flex;flex-direction:column;align-items:center;row-gap:30px;visibility:hidden;opacity:0;transform:translateY(-40px);transition:background-color .5s,visibility allow-discrete .5s,transform .5s,opacity .5s;overflow-y:auto}#inspiration .sidebar.open{transform:translateY(0);visibility:visible;background-color:var(--background);opacity:1}#inspiration .sidebar .sidebar-wrapper{min-width:200px;max-width:400px}}#inspiration>div>.content{overflow-y:auto;overflow-x:hidden}#inspiration .content>.websites{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}#inspiration .content>.websites .website-wrapper{display:flex;align-items:center;justify-content:center;margin:5px 20px 30px;align-self:start}#inspiration-popover:not(:has(.middle,.left,.right)){max-width:800px;padding:15px 25px}#inspiration-popover .middle .top{max-width:800px;padding:15px 25px}#inspiration-popover .comparable{margin:10px 0}#inspiration-popover .labels{display:flex;flex-wrap:wrap;margin-top:10px;gap:3px}#inspiration-popover .labels .label{color:var(--prominent-text)}#inspiration-popover .labels .label:before{color:var(--prominent-text)}#inspiration-popover .split-window{grid-template-columns:auto 1fr;padding:0;justify-content:center}#inspiration-popover .split-window :first-child .website{margin-left:15px}#inspiration-popover .split-window>:not(button,input){padding:0}#inspiration-popover .split-window>.center-content{margin:0 15px}#inspiration-popover .split-window{align-items:start}#inspiration-popover .description{margin:20px 20px 20px 40px}#inspiration-popover .description p,#files p{margin:0}#files .navigation{border-bottom:var(--border-width) solid var(--seperator);margin:-5px 0 10px;padding:5px 0 5px 30px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}#files .navigation i{font-size:1rem;display:block;color:var(--normal-text)}#files .navigation i:first-child{margin-right:10px;color:var(--prominent-text);cursor:pointer}#files .navigation i:not(:first-child){font-size:.75rem;font-weight:400}#files .navigation p{font-size:.8rem;display:inline-block;color:var(--prominent-text);margin:0 10px;cursor:pointer}#files .folders,#files .files{column-gap:20px;column-width:100px;margin:10px 0}#files .files>.file,#files .folders>.folder{break-inside:avoid;border-radius:var(--small-border-radius);width:100%;height:auto;-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none;display:grid;grid-template-rows:auto auto;overflow:hidden}#files .files>.file i,#files .folders>.folder i{color:var(--normal-text);font-size:2.5rem;justify-self:center;transition:color .5s}#files .files>.file svg{transition:fill .5s}#files .files>.file:hover i,#files .folders>.folder:hover i{color:var(--label)}#files .files>.file:hover svg,#files .folders>.folder:hover svg{fill:var(--label)}#files .files>.file p,#files .folders>.folder p{color:var(--prominent-text);text-align:center;font-size:.8rem;margin:5px 0 2px}#files #on-file-drag{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;z-index:100;background-color:var(--background-color);align-items:center;justify-content:center;display:none;opacity:0;transition:opacity 1s}#files #on-file-drag.files-hover{opacity:1}#files #on-file-drag *{pointer-events:none}#suggestions>.split-window{padding-bottom:20px}label:has(+#project-link2,+#project-link3){margin-top:-13px}#project-link1{top:1px}#project-link2,#project-link3{margin-top:-7px}#suggestion-label-selector{margin:0 0 0 50px}#suggestion-label-selector label.inline{padding:10px 0}#suggestion-label-selector label:not(.inline){margin-left:-20px}#suggestion-label-selector .inline-input{margin:0 0 15px;display:inline-flex;flex-wrap:wrap;row-gap:2px;position:relative;top:5px}#suggestion-label-selector .label{transition:color .2s,background-color .2s;-webkit-user-select:none;user-select:none;cursor:pointer}#login-popover{overflow:visible}