:root{--mono1: #FFF;--mono2: #2C2B29;--mono3: #2C2B29;--mono4: #A4A4A5;--mono5: #42423F;--mono6: #72716F;--mono7: #888;--mono8: #333;--color-text: #FFF;--color-text-diff: #000;--color-bg: #F6F6F65C;--color-shadow: #00000026;--color-border: #1A1A1A75;--color-selected: #457198;--color-btn-close: #EC6A5E;--color-btn-reduce: #F3BF4E;--color-btn-fullscreen: #61C555;--dark-header-view-1: #1E1E1ECC;--dark-header-view-2: #2852AD14;--dark-selection-focused-1: #0A82FFBF;--dark-selection-focused-2: #0A82FF;--dark-selection-unfocused-1: #FFFFFF1A;--dark-selection-unfocused-2: #282828A6 --dark-header-view: linear-gradient(var(--dark-header-view-1), var(--dark-header-view-1)), linear-gradient(var(--dark-header-view-2), var(--dark-header-view-2));--dark-selection-focused: linear-gradient(var(--dark-selection-focused-1), var(--dark-selection-focused-1)), linear-gradient(var(--dark-selection-focused-2), var(--dark-selection-focused-2));--dark-selection-unfocused: linear-gradient(var(--dark-selection-unfocused-1), var(--dark-selection-unfocused-1)), linear-gradient(var(--dark-selection-unfocused-2), var(--dark-selection-unfocused-2));--dark-menu: #28282894;--dark-popover: #00000047;--dark-fullscreen: #28282880;--dark-sidebar: #00000073;--dark-hud: #28282880;--dark-title-bar: #3C3C3CCC;--dark-tooltip: #00000059;--dark-under-window-bg: #00000073;--icon-ratio: 40px;--font-ratio: 8px;--icon-size: 50px;--icon-multiplier: 1.825;--icon-grid-placement: calc(var(--icon-size) * var(--icon-multiplier));--font-size: 12px;--fz-xxs: 6px;--fz-xs: 8px;--fz-s: 10px;--fz-m: 12px;--fz-l: 14px;--fz-xl: 16px;--blur: 75px;--width-sidebar: 7rem;--nav-height: 2rem;--nav-height-responsive: 6.25rem;--top-bar-height: 1.625rem;--font-system: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, Arial, sans-serif;--font-sans: Inter, var(--font-system);--font: 8px var(--font-sans)}*{margin:0;padding:0;box-sizing:border-box;cursor:inherit;overscroll-behavior:contain}html{scroll-behavior:smooth}body *::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}body *::-webkit-scrollbar-thumb{background-color:#7c7c7c;border-radius:10px}body *{scrollbar-color:#7c7c7c transparent;scrollbar-width:thin}body{overflow-x:hidden;font:var(--font);color:var(--color-text);background:#000}button,input{font:inherit;color:inherit;background:transparent;border:none;outline:none;cursor:pointer}a{text-decoration:none;cursor:pointer}.grecaptcha-badge{visibility:hidden}[data-animate]{--delay: .12s;animation:enter .6s both;animation-delay:calc(var(--stagger) * var(--delay))}.icons-placement{display:grid;grid-template-columns:repeat(var(--nbr-columns),var(--column-width));row-gap:15px}.icon{--height: 10px;height:var(--height);position:relative;display:inline-block}.screen__desktop--fullscreen,.screen__background--fullscreen,.desktop__icons-placement--fullscreen{transform:translate(-100%)}.desktop__dock--fullscreen{transform:translateY(105%)}.reduced-page{max-width:var(--icon-size);aspect-ratio:1/1;overflow:hidden;margin-inline:2px;position:relative;flex:0 0 auto}.reduced-page>div{--ratio: 4/3;aspect-ratio:var(--ratio);z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reduced-page img{width:40%;aspect-ratio:1/1;position:absolute;bottom:0;right:0;pointer-events:none;z-index:2}.reduced-page>.ratio-width{width:1000%}.reduced-page>.ratio-height{height:1000%}.app__grid{width:100%;height:100%;background-color:var(--dark-fullscreen);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));display:grid;grid-template-columns:var(--width-sidebar) 1fr;grid-template-rows:var(--nav-height) 1fr;border-radius:.4rem;border:1px solid #525150;overflow:hidden}.content{background-color:#1b1b1b;overflow:hidden scroll}.app__content{padding:10px 10px 10px 15px;color:#fff}.content__p{font-size:var(--fz-m)}.content__h2{font-size:var(--fz-xl);font-weight:600}.app__content--full{grid-area:1/1/-1/-1;padding-block:7.125rem 6rem}.controls{background-color:#373735;display:flex;align-items:center}.app__controls{padding:2px 10px;grid-column:2 / -1;outline:1px solid black;overflow:hidden}.app__controls--full{grid-column:1 / -1;padding-left:3rem}.controls__text--accent-color{color:var(--accent-color)}.controls__h2{font-size:var(--fz-m);font-weight:500;overflow:hidden;text-overflow:ellipsis}.controls__h2--distance-right{margin-right:auto}.controls__item{height:65%;aspect-ratio:1.5/1;padding:4px;flex-shrink:0}.controls__items-wrapper{display:flex;justify-content:flex-end}.controls__btn{border-radius:3px}.controls__btn--hover:hover{background-color:#ffffff28}.controls__item--space-right{margin-right:1rem}.controls__item--space-left{margin-left:1rem}.controls__item--distance-right{margin-right:auto}.controls__item--distance-left{margin-left:auto}.controls__text--overflow{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-header{display:grid;grid-template-columns:1fr auto 1fr}.app__controls-header{grid-area:1 / 1 / 2 / -1;padding:4rem 5px 10px}.controls-header__item{--sum-padding: var(--controls__item--padding) * 2;--controls__item--height: calc(var(--controls__item--icon-height) + var(--sum-padding));height:var(--controls__item--height);min-width:calc(var(--controls__item--height) + var(--sum-padding));opacity:.4}.controls-header__btn{font-size:var(--fz-xl)}.app__controls-header>.controls-header__btn{width:fit-content;aspect-ratio:auto}.controls-header__btn--grid{display:grid;grid-template-columns:var(--controls__item--height) 1fr;align-items:center;text-align:start}.controls-footer{display:grid;grid-template-columns:repeat(var(--nbr-columns),1fr)}.app__controls-footer{grid-area:3 / 1 / -1 / -1;padding:5px 10px 2rem}.controls-footer__item{--controls-footer__item--height: 48px;height:var(--controls-footer__item--height);aspect-ratio:auto;font-size:10px;color:#7c7c7c;text-align:center}.controls-footer__item--grid{display:grid;grid-template-rows:var(--controls__item--icon-height) auto;gap:6px}.controls-footer__p{font-size:var(--fz-m);color:#fff}.controls__btn--active{opacity:1}.controls__btn--desactivated{pointer-events:none}.controls__item--mw-mc{min-width:min-content}.sidebar{position:relative;width:100%;height:100%;overflow:hidden scroll}.app__sidebar{padding:0 5px 10px 10px;border-right:1px solid black;grid-row:2 / -1}.app__sidebar--removed{display:none}.app__sidebar--full{grid-area:1/1/-1/-1;padding-block:6.5rem 6rem}.sidebar__title{font-size:var(--fz-xs);font-weight:500;color:#fff}.sidebar__category{--margin-top: 1rem;--margin-bottom: .25rem;opacity:.2;padding-left:3px;margin-block:var(--margin-top) var(--margin-bottom)}.sidebar__category:first-of-type{--margin-top: 0}.sidebar__item{width:100%;position:relative;padding:3px 5px;border-radius:3px}.sidebar__item--border-top:before,.sidebar__item--border-bottom:after{content:"";position:absolute;right:var(--right);width:calc(100% - var(--padding-left) - var(--right));height:1px;background:#7c7c7c33}.sidebar__item--border-top:before{bottom:100%}.sidebar__item--border-bottom:after{top:100%}.sidebar__text{font-size:var(--fz-xs);color:#fff;text-align:start}.sidebar__text--overflow{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item--grid{--icon-size: 10px;display:grid;grid-template-columns:var(--icon-size) 1fr;gap:5px}.sidebar__item--desactivated{opacity:.4}.sidebar__item--focused{--focused-color: #FFFFFF28;background-color:var(--focused-color)}@keyframes enter{0%{opacity:0}to{opacity:1}}@media (max-width: 1280px){:root{--icon-size: 80px}.app__grid{grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content;border-radius:0;border:none;border-radius:1rem}.app__grid,.app__content{background-color:#080808}.app__content,.app__sidebar{padding-inline:20px 15px}.sidebar__title,.sidebar__text{font-size:var(--fz-l)}.sidebar__item{--borr: 0;border-radius:var(--borr);padding-block:10px}.sidebar__category{--margin-top: 1.5rem;--margin-bottom: .75rem;font-size:var(--fz-xl)}.content__h2{font-size:1.5rem}.content__p{font-size:var(--fz-l)}.controls{background-color:var(--dark-fullscreen);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.app__controls{outline:1px solid #7c7c7c33;z-index:3}.controls__h2{font-size:var(--fz-xl)}.controls__item{--controls__item--icon-height: 20px;--controls__item--padding: 5px;padding:var(--controls__item--padding)}}@media (min-width: 1281px){.app-controls.full{padding-left:3.5rem}}
