@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{font-family:Poppins,system-ui,-apple-system,sans-serif}html::-webkit-scrollbar{width:var(--space-sm);padding:var(--space-lg)}html::-webkit-scrollbar-track{background:var(--bg-primary)!important}html::-webkit-scrollbar-thumb{background:var(--danger)!important}:root{--bg-primary: oklch(15% .02 260);--bg-secondary: oklch(20% .02 260);--bg-tertiary: oklch(25% .02 260);--foreground: oklch(30% .02 260);--foreground-hover: oklch(35% .02 260);--primary: oklch(35% .4 300);--primary-low: oklch(40% .4 300);--primary-hover: oklch(30% .4 300);--secondary: oklch(50% .03 260);--secondary-hover: oklch(55% .03 260);--success: oklch(65% .18 145);--success-hover: oklch(60% .2 145);--warning: oklch(75% .18 70);--warning-hover: oklch(70% .2 70);--danger: oklch(60% .22 25);--danger-hover: oklch(55% .24 25);--text-primary: oklch(95% .01 260);--text-secondary: oklch(70% .01 260);--text-muted: oklch(50% .01 260);--text-xxs: .5rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-xxl: 1.5rem;--text-xxxl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--border-light: oklch(30% .02 260);--border-medium: oklch(35% .02 260);--border-dark: oklch(40% .02 260);--radius-sm: 5px;--radius-md: 10px;--radius-lg: 15px;--radius-xl: 20px;--radius-round: 50%;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-xxl: 2rem;--space-xxxl: 3rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);width:100%;min-height:100vh}.viewWrapper{border-radius:var(--space-xxxl);padding-left:120px}.toastWrapper{position:fixed;top:40px;right:20px;transform:translate(300px);width:200px;height:60px;padding:var(--space-xs);background-color:var(--warning);border-radius:var(--radius-md);opacity:0;display:flex;align-items:center;justify-content:center;gap:10px;z-index:1111;transition:1.5s ease}.toastWrapper #toastMessage{font-size:var(--text-sm);color:var(--text-primary)}.toastWrapper.show{opacity:1;transform:translate(0)}.isLoadingSpan{color:var(--text-primary)}header{position:sticky;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;background-color:var(--bg-secondary);z-index:100}.appName{color:var(--primary);-webkit-user-select:none;user-select:none;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:1px}.apiSelect{display:flex;justify-content:center;align-items:center;padding:var(--space-xs);gap:var(--space-xs);border-radius:var(--space-sm);border:1px solid var(--border-dark)}.navbarAPI{color:var(--text-secondary);cursor:pointer;transition:.2s ease-in;background-color:var(--bg-secondary);padding:8px 12px;border-radius:var(--space-xs);border:1px solid var(--border-medium);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.navbarAPI:hover{color:var(--text-primary);background-color:var(--primary);transform:scale(1.05)}.navbarAPI.active{color:var(--text-primary);background-color:var(--primary-low)}.userProfile{display:flex;justify-content:center;align-items:center}#userPfp{width:40px;height:40px;border-radius:50%;cursor:pointer}.navbarButtonWrapper{display:flex;justify-content:center;align-items:center;gap:var(--space-xs)}.navbarButton{background-color:var(--bg-tertiary);border:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-xs);border-radius:var(--space-xs);padding:var(--space-xs);cursor:pointer;transition:.1s ease-in-out}.navbarButton:hover{transform:scale(1.05)}.navbarButton:active{transform:scale(.95)}.sideBarWrapper{position:fixed;top:60px;left:0;width:120px;height:calc(100vh - 45px);padding:var(--space-xl) var(--space-sm);background-color:var(--bg-secondary);z-index:99}.sideBarIcons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none}.sideBarHome,.sideBarFavorites{display:flex;align-items:center;gap:var(--space-xs);width:100%;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}:is(.sideBarHome,.sideBarFavorites):hover{color:var(--text-primary)}:is(.sideBarHome,.sideBarFavorites).active{color:var(--text-primary)}.modalContainer{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#010309e6;z-index:1000;-webkit-user-select:none;user-select:none}.photoModal{position:relative;width:auto;height:auto;display:flex;align-items:center;justify-content:center;max-width:81vw;max-height:81vh;border:2px dashed var(--border-medium);border-radius:var(--space-sm);padding:5px}.photoModal img{max-width:80vw;max-height:80vh;object-fit:contain;border-radius:var(--space-sm)}.photoModal .downloadImageSVG{position:absolute;bottom:.75rem;right:.75rem;width:2rem;height:2rem;padding:var(--space-xxs);background-color:var(--bg-secondary);border-radius:var(--space-sm);transition:.2s ease-in-out;cursor:pointer;color:var(--text-secondary)}.photoModal .downloadImageSVG:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.AuthModal{position:relative;max-width:400px;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:start;height:auto;background-color:var(--bg-primary);color:var(--text-primary);padding:var(--space-xxxl) var(--space-xl);border:1px solid var(--border-medium);border-radius:var(--space-xs);gap:var(--space-md)}.AuthModal .modalHeader{width:100%;display:flex;justify-content:center;align-items:center}.AuthModal .inputContainer{display:flex;flex-direction:column;justify-content:center;align-self:start;gap:var(--space-xxs);width:100%}.AuthModal .inputContainer input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);outline:none;padding:var(--space-xs);border-radius:var(--space-xs)}.AuthModal .interactions{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:var(--space-xs);width:100%;margin-top:var(--space-sm)}.AuthModal .interactions button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--space-xs);padding:var(--space-xs);cursor:pointer;transition:.1s ease-in-out}.AuthModal .interactions button:hover{box-shadow:2px 2px 8px var(--border-dark)}.AuthModal .interactions button:active{transform:scale(.95)}.AuthModal .interactions #AuthModalSubmit{width:100%}.AuthModal .interactions .extraButtons{display:flex;justify-content:center;align-items:stretch;gap:var(--space-xxs);width:100%;height:100%}.AuthModal .interactions .extraButtons #forgotPassword{width:50%;height:100%;white-space:nowrap}.AuthModal .interactions .extraButtons #AuthModalChangeButton{width:50%;height:100%}.UserProfileContainer{position:absolute;top:40px;right:40px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px;max-width:400px;width:90%;height:auto;padding:var(--space-md);border-radius:var(--space-md);border:1px solid var(--border-dark);background-color:var(--bg-primary)}.UserProfileWrapper{display:flex;justify-content:center;align-items:start;gap:var(--space-sm)}.userPfpContainer{width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6495ed;font-size:var(--space-sm);text-align:center;gap:var(--space-md)}.userPfpContainer span{cursor:pointer}.userPfpWrapper{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;border:2px dashed var(--border-dark);padding:var(--space-xs);overflow:hidden}.userPfpWrapper .userPfp{width:60px;height:60px;object-fit:cover}.userInfo{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:var(--space-xs);color:var(--text-primary);width:70%}.userInfo p{font-weight:100}.logOutWrapper{display:flex;align-items:center;justify-content:end;width:100%}.logOutBtn{padding:var(--space-xs) var(--space-sm);background-color:var(--danger);border:1px solid var(--danger-hover);border-radius:var(--space-sm);color:var(--text-primary);cursor:pointer;transition:.7s ease-in}.logOutBtn:hover{background-color:var(--danger-hover)}.logOutBtn:active{transform:scale(.95)}.searchWrapper{width:100%;padding:var(--space-md);display:flex;justify-content:center;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.searchBarWrapper{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-dark);border-radius:var(--space-xs);padding:var(--space-xs);transition:.2s ease-in-out}.searchBarWrapper:focus-within{border-color:var(--primary-low);box-shadow:0 0 10px var(--primary)}.searchInputRow{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.searchInputRow #queryInput{width:100%;padding:var(--space-xs);background:transparent;border-radius:var(--space-xxs);border:none;outline:none;color:var(--text-primary)}.searchInputRow .iconWrapper{position:absolute;top:var(--space-xs);right:var(--space-xs);cursor:pointer;transition:.1s ease-in-out}.searchInputRow .iconWrapper:active{transform:scale(.95)}.searchOptionsRow{width:100%;display:flex;justify-content:start;align-items:center}.resulationSelect{padding:var(--space-xxs);border-radius:var(--space-xxs);color:var(--text-primary);width:80px;font-size:var(--text-sm);cursor:pointer;transition:.3s ease-out}.resulationSelect:hover{background-color:var(--foreground)}.optionWrapper{position:absolute;border-radius:var(--space-xxs);border:1px solid var(--border-dark);color:var(--text-secondary);margin-top:var(--space-xs);z-index:100}.resolutionOption{padding:var(--space-xxs);border-bottom:1px solid var(--border-medium);width:8rem;font-size:clamp(12px,15px,22px)}.resolutionOption:hover{color:var(--text-primary);cursor:pointer}.imageWrapper{break-inside:avoid;position:relative}.imageWrapper img{width:100%;height:auto;transition:.2s ease-in-out;cursor:pointer;border-radius:var(--space-xxs)}.imageWrapper:hover img{transform:scale(1.02)}.imageWrapper .iconSpan{position:absolute;bottom:.5rem;right:.5rem;padding:var(--space-xxs);transition:.2s ease-in-out;opacity:0;cursor:pointer}.imageWrapper:hover .iconSpan{opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeletonImage{width:100%;height:250px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-primary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--space-xxs);margin:var(--space-xxs)}.homeViewContainer{width:100%;height:100%;padding-left:50px}.exclamationMark{font-weight:var(--font-bold);font-size:var(--text-xxxl);color:var(--text-primary)}.loadingState{width:100%;display:flex;justify-content:center;align-items:center}.contentWrapper{display:flex;width:100%;gap:var(--space-xs);padding:var(--space-sm)}.masonryColumns{display:flex;flex-direction:column;gap:var(--space-xs)}.observerTarget{height:20px}.resetPasswordContainer{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.resetPasswordContainer .wrapper{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background-color:var(--bg-secondary);border-radius:var(--space-xs);min-width:320px}.resetPassP{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);text-align:center}.newPasswordInput{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);outline:none;padding:var(--space-xs);border-radius:var(--space-xs)}.newPasswordInput:focus{border-color:var(--accent)}.newPasswordButton{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--space-xs);padding:var(--space-xs);cursor:pointer;transition:.1s ease-in-out}.newPasswordButton:hover{box-shadow:2px 2px 8px var(--border-dark)}.newPasswordButton:active{transform:scale(.95)}