@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root[data-theme=light]{--background: #ffffff;--foreground: #171717;--line: #e9e9e9;--main: #000000;--main-opposite: #ffffff;--main-50: rgba(0, 0, 0, .5);--grey-25: #8c8c8c;--grey-10: #f7f7f7;--grey-15: #e7e7e7;--color-1: #a600ff;--color-1-sub: #f4e0ff;--color-2: #67c416;--color-2-sub: #efffe0;--color-3: #ff6600;--color-3-sub: #ffebe0;--color-4: #00a1ff;--color-4-sub: #e0fcff;--color-5: #ffb700;--color-5-sub: #fff7ac;--blured-bg: #ffffff;--scroll-bg: #fcfcfc;--page: #ffffff;--section: #f7f7f7;--section-0: #ffffff;--text-primary: #181818;--text-secondary: #777777;--separator: #e3e3e5;--red: #ff5900;--top-space: 120px;--time: "Good Morning,";--user-name: "Gabriel"}:root[data-theme=dark]{--background: #0a0a0a;--foreground: #ededed;--line: #474747;--main: #d1cfd7;--main-opposite: #181818;--main-50: #7b7b7b;--grey-25: #a2a2a2;--grey-10: #202020;--grey-15: #4b4b4b;--color-1: #a600ff;--color-1-sub: #5e0091;--color-2: #67c416;--color-2-sub: #2d5f00;--color-3: #ff6600;--color-3-sub: #7f3300;--color-4: #00a1ff;--color-4-sub: #004974;--color-5: #ffaa00;--color-5-sub: #805c00;--blured-bg: #202020;--scroll-bg: #282828;--page: #181818;--section: #202020;--section-0: #202020;--text-primary: #e3e3e5;--text-secondary: #747378;--separator: #474747;--red: #ff5900;--top-space: 120px}:root{--text-12: 12px;--text-10: 10px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--small-shadow: 14px 14px 6px 0px #000000, 9px 9px 5px 0px #00000003, 5px 5px 4px 0px #00000008, 2px 2px 3px 0px #0000000d, 1px 1px 2px 0px #0000000f;--big-shadow: 4px 4px 11px 0px #0000001a, 14px 14px 20px 0px #00000017, 32px 32px 27px 0px #0000000d, 57px 57px 32px 0px #00000003, 90px 90px 36px 0px #00000000;--blurred-background: blur(28px);--always-black: #000000;--always-white: #ffffff;--time: "Good Night,";--greeting: 80;--user-name: "Emmanuel"}html,body{max-width:100%;overflow-x:visible;margin:0;padding:0;color:var(--foreground);background:var(--background);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html :focus,body :focus{outline:transparent}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}#fill-button{position:absolute;top:10px;right:10px;z-index:100}#app{display:flex;flex-direction:column;min-height:100vh}input[type=range]{width:200px;margin:2px 0}label{display:block}svg{color:var(--main)}#controls input[type=color],#controls input[type=file]{margin:0;vertical-align:middle}#controls label{margin-right:2px}#pseudo-canvas{position:relative;display:flex;justify-content:center;align-items:center}#scene-container{position:relative}#controls{padding:2px;background-color:#f0f0f0}#timeline{height:20px;background-color:#e0e0e0}#pseudo-scroll{position:relative;z-index:-1}.selectextShadowHost{display:none}