header{background-color:#fff;display:flex;height:60px;left:0;position:fixed;top:0;transition:transform .3s ease-in-out;width:100%;z-index:1000}header a{color:#000;opacity:.4;text-decoration:none;transition:opacity .3s ease}header a:hover{opacity:1}.header-section{align-items:center;display:flex;flex:1 1}#section1{justify-content:flex-start;padding-left:20px}#section1 h1{cursor:pointer;font-weight:400;margin:0}#section2{justify-content:center}#section2 nav{display:flex;gap:20px}#section3{justify-content:right;padding-right:1rem}#section3 nav{display:flex;gap:20px}.mobile-header{align-items:center;background-color:#fff;background:linear-gradient(0deg,#000 0,#fff0);bottom:0;box-shadow:0 -2px 5px #0000001a;display:none;height:60px;justify-content:left;left:0;padding-left:5vw;position:fixed;width:100%;z-index:1000}.mobile-header a{color:#fff;font-size:30px;font-weight:500;opacity:1;padding:0 20px 0 0;text-decoration:none;transition:opacity .3s ease}.mobile-header a.active-link,.mobile-header a:hover{opacity:1}@media (max-width:768px){header{display:none}.mobile-header{display:flex}}.logo-container{display:inline-block;height:30px;margin-right:15px;position:relative;width:30px}.circle{background-color:#2626a7;border-radius:50%;height:12px;position:absolute;width:12px}.circle1{left:50%;top:0;transform:translateX(-50%)}.circle2{bottom:0;left:0}.circle3{bottom:0;right:0}.header-section #section1{align-items:center;display:flex}nav a.active-link{opacity:1}header.dark-mode{background-color:#000;color:#f1f1f1}header.dark-mode a{color:#f1f1f1}header.dark-mode a.active-link{opacity:1}.image-viewer-overlay{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1000}.image-viewer-overlay.dark-mode{background-color:#000}.image-viewer-overlay.visible{opacity:1;transform:scale(1);visibility:visible}.image-viewer-menu{display:flex;gap:8px;position:absolute;right:16px;top:16px;transition:transform .3s ease;z-index:1100}.image-viewer-menu.shifted{transform:translateX(-17vw)}.image-viewer-content.shifted{transform:translateX(-5vw)}.image-viewer-close-button,.image-viewer-info-button,.image-viewer-save-button{background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:16px;outline:none;padding:8px 12px;transition:background .3s ease,opacity .3s ease}.image-viewer-close-button:hover,.image-viewer-info-button:hover,.image-viewer-save-button:hover{background:#0000001a}.image-viewer-content{align-items:center;display:flex;justify-content:center;max-height:80vh;max-width:80vw;transition:transform .3s ease}.image-viewer-content img{max-height:80vh;max-width:100%;object-fit:contain}.info-overlay{background:#fff;box-shadow:-4px 0 8px #0003;height:100%;overflow-y:auto;padding:16px;position:fixed;right:-400px;top:0;transition:right .3s ease;width:15vw;z-index:1200}.info-overlay.dark-mode{background-color:#000;color:#fff}.info-overlay.visible{right:0}.upload-page{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;transition:opacity .75s ease-out}.upload-page.dark-mode{background-color:#000;color:#fff}.upload-form{align-items:center;display:flex;flex-direction:column;gap:15px;transition:opacity .75s ease-out}.file-input{border:1.5px solid #fff;border-radius:8px;color:#000;font-size:1rem;margin-bottom:1vh;margin-top:1vh;padding:1rem;width:100%}.upload-page.dark-mode .file-input{color:#fff}.upload-button{background-color:#191919;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;height:40px;max-width:400px;padding:12px;transition:background-color .3s ease;width:100%}.upload-button:hover{background-color:#333}.upload-page.dark-mode .upload-button{background-color:#444}.upload-page.dark-mode .upload-button:hover{background-color:#666}.message{color:#333;font-size:.9rem;margin-top:10px}.upload-page.dark-mode .message{color:#ccc}.upload-page h3{color:#000}.upload-page.dark-mode h3{color:#fff}.search-page{align-items:center;flex-direction:column;justify-content:center;min-height:100vh;padding-top:60px}.search-bar{display:flex;justify-content:center;margin:20px auto;max-width:80vw;padding-bottom:20px;width:100%}.search-bar input{border:1.5px solid #d3d3d3;border-radius:12px;box-shadow:0 0 20px -18px;box-sizing:border-box;font-size:16px;height:5vh;max-width:80vw;outline:none;padding:1.5rem;transition:all .3s cubic-bezier(.19,1,.22,1);width:100%}.search-bar input:hover{border:2px solid #d3d3d3;box-shadow:0 0 20px -17px}.search-bar input:focus{border:2px solid grey}.search-form{display:flex;gap:10px}.search-form input{border:1.5px solid #d3d3d3;border-radius:12px;box-shadow:0 0 20px -18px;flex:1 1;height:45px;outline:none;padding:12px;transition:all .3s cubic-bezier(.19,1,.22,1)}.search-form input:hover{border:2px solid #d3d3d3;box-shadow:0 0 20px -17px}.search-form input:active{transform:scale(.95)}.search-form input:focus{border:2px solid grey}.search-form button{font-size:16px;padding:10px}.error{color:red;margin-top:10px}.search-results{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}h2{font-size:30px;justify-content:center;text-align:center}.search-board{box-sizing:border-box;column-count:var(--num-columns);overflow:hidden}.search-card{break-inside:avoid;cursor:pointer;display:inline-block;margin-bottom:10px;page-break-inside:avoid;width:100%}.search-card img{display:block;height:auto;object-fit:cover;width:100%}.search-board-container{flex:1 1;overflow:auto}.search-input::placeholder{color:#000}.search-container{background-color:#fff;box-sizing:border-box;color:#000;height:100vh;overflow:auto;padding-left:1rem;padding-right:1rem;transition:background-color .75s ease-out,color .75s ease-out}.search-container::-webkit-scrollbar{display:none}.search-container{-ms-overflow-style:none;scrollbar-width:none}.gradient-fade{animation:fadeInGradient .75s ease-out}@keyframes fadeInGradient{0%{opacity:0}to{opacity:1}}.search-container.dark-mode{background-color:#000;color:#f1f1f1}.search-container.dark-mode .gradient-fade{background:linear-gradient(180deg,#19191900 0,#191919)}.overlay{background-color:#0006;height:100vh;left:0;pointer-events:auto;top:0;width:100vw;z-index:999}.overlay,.page-editor{position:fixed;transition:opacity .3s ease-in-out}.page-editor{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:auto;opacity:0;overflow:hidden;padding:1rem;right:6vw;top:80vh;transform:translateY(-140%);width:9vw;z-index:1001}.page-editor.open{opacity:1}.close{background:#0000;border:none;box-shadow:none;cursor:pointer;opacity:.5;outline:none;position:fixed;right:10px;top:10px;transform:scale(.7);z-index:1100}.close:hover{opacity:1}.close:after,.close:before{background-color:#333;content:" ";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.close:before{transform:translate(-50%,-50%) rotate(45deg)}.close:after{transform:translate(-50%,-50%) rotate(-45deg)}.editor-section{align-items:center;display:flex;flex-direction:column;width:100%}.editor-section h2{color:inherit;font-size:1.2rem;font-weight:100;margin-bottom:0}.editor-section input[type=range]{margin-bottom:1vh;width:70%}.toggle-switch{--light:#d8dbe0;--dark:#28292c;height:30px;position:relative;transform:scale(.7);width:60px}.switch-label{background-color:var(--dark);border:3px solid var(--dark);border-radius:15px;cursor:pointer;height:100%;position:absolute;width:100%}.checkbox{display:none;position:absolute}.slider{border-radius:15px;height:100%;position:absolute;transition:.3s;width:100%}.checkbox:checked~.slider{background-color:var(--light)}.slider:before{background-color:var(--dark);border-radius:50%;box-shadow:inset 10px -4px 0 0 var(--light);content:"";height:26px;left:2px;position:absolute;top:2px;transition:.3s;width:26px}.checkbox:checked~.slider:before{background-color:var(--dark);box-shadow:none;transform:translateX(30px)}.home-board{box-sizing:border-box;column-count:var(--num-columns);overflow:hidden}.home-card{break-inside:avoid;cursor:pointer;display:inline-block;margin-bottom:10px;page-break-inside:avoid;width:100%}.home-card img{display:block;height:auto;object-fit:cover;width:100%}@media (max-width:768px){:root{--num-columns:3}}.home-container{animation:fadeIn .75s ease-out;box-sizing:border-box;flex:1 1;height:100vh;overflow:auto;padding-left:1rem;padding-right:1rem;padding-top:60px}.home-container::-webkit-scrollbar{display:none}.home-container{-ms-overflow-style:none;scrollbar-width:none}.gradient-fade{background:linear-gradient(180deg,#fff0 0,#fff);bottom:0;height:50px;left:0;position:absolute;width:100%;z-index:1}@media (max-width:768px){.home-container{padding-top:1vh}}.home{background-color:#fff;color:#000;transition:background-color .3s,color .3s}.home.dark-mode{background-color:#000;color:#f1f1f1}.home.dark-mode .gradient-fade{background:linear-gradient(180deg,#19191900 0,#191919)}.admin-main-page{margin-top:50px;padding:20px}.admin-main-page h1{margin-bottom:20px}.admin-upload-page{padding:20px}.upload-section{margin-bottom:20px}.upload-section input{margin-right:10px}.upload-section button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.upload-section button:hover{background-color:#45a049}p{color:#d9534f;margin-top:20px}.admin-delete-page{padding:20px}.image-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.image-item{border:1px solid #ddd;border-radius:5px;overflow:hidden;position:relative}.image-item img{height:auto;width:100%}.image-item button{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px}.image-item button:hover{background-color:#ff1a1a}.basket{border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:10px}.basket ul{list-style-type:none;padding:0}.basket ul li{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.basket-thumbnail{border-radius:5px;height:60px;margin-right:10px;object-fit:cover;width:60px}.basket ul li button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.basket ul li button:hover{background-color:#ff1a1a}.confirm-delete{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:0 auto;padding:10px 20px}.confirm-delete:hover{background-color:#ff1a1a}.app{box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0}h1{font-size:32px}.chroma-bar{border-radius:30px;display:flex;height:40px;overflow:hidden;transform:skewX(-50deg);width:80vw}.line-section{cursor:pointer;flex:1 1;height:100%;position:relative;transform-origin:bottom left}.line-section:before{background:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:skewX(30deg);transform-origin:bottom left}.red{background:linear-gradient(90deg,red,#ff0)}.yellow{background:linear-gradient(90deg,#ff0,green)}.green{background:linear-gradient(90deg,green,blue)}.blue{background:linear-gradient(90deg,blue,purple)}.chroma-page{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;height:60vh;padding-top:40vh}@keyframes fadeIn{0%{background-color:#fff;opacity:0}to{background-color:initial;opacity:1}}.chroma-page.dark-mode{background-color:#000;color:#f1f1f1}.gsi-material-button{-webkit-appearance:none;background-color:#000;background-image:none;border:1px solid #747775;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:35px;letter-spacing:.25px;margin-top:3rem;min-width:15vw;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;vertical-align:middle;white-space:nowrap}.gsi-material-button:hover{background-color:#303030}.gsi-material-button .gsi-material-button-icon{height:15px;margin-right:12px;width:15px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .218s}.gsi-material-button:disabled{background-color:#ffffff61;border-color:#1f1f1f1f;cursor:default}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.login-page{background-color:#000;display:flex;height:100vh;margin:0;padding:0}.login-page.dark-mode{background-color:#191919;color:#f1f1f1}.login-container{align-items:center;color:#f1f1f1;display:flex;flex-direction:column;padding-top:30vh;position:relative;transform:scale(.9);width:30%;z-index:10}h3{color:#f1f1f1;font-size:2rem;font-weight:300;margin:0}.fixed-text{color:#666;font-size:.9rem;margin-left:-100px;margin-top:-10px}.role-text{color:#f1f1f1;font-size:.9rem;margin-top:1px;position:absolute}.login-form,.signup-form{align-items:center;flex-direction:column;justify-content:center;margin-top:1rem;width:15vw}.email-login-button,.login-input,.login-password{background-color:#3a3a3a;border:1px solid #000;border-radius:10px;box-sizing:border-box;font-size:.75rem;margin-bottom:1rem;padding:.7rem .5rem;width:15vw}::placeholder{color:#fff;opacity:.7}.email-login-button{background-color:#fff;border:1px solid #fff;color:#000;cursor:pointer;transition:background-color .5s,color .5s}.email-login-button:hover{background-color:#d3d3d3;color:#000}.slide-off{animation:slideOff .3s ease-in-out forwards}.slide-on{animation:slideOn .3s ease-in-out forwards}@keyframes slideOff{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes slideOn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.or-divider{margin-top:1.5rem;text-align:center}.back-button{align-self:flex-start;background-color:initial;border:none;color:#fff;cursor:pointer;font-size:2rem;opacity:.6;padding-left:8.3rem;padding-top:3rem;position:absolute;z-index:1000}.back-button:hover{opacity:1}.login-image{align-items:center;display:flex;filter:brightness(50%);height:100vh;justify-content:center;overflow:hidden;width:70%}.login-image img{min-height:100%;width:100%}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 15s ease infinite;background:linear-gradient(135deg,coral,tomato,gold,#adff2f,#7fffd4,#00ced1,#1e90ff,#ff69b4);-webkit-background-clip:text;background-size:400% 400%;font-weight:600}@keyframes gradient-shift{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}.login-form-container{position:relative;transition:transform 1s ease,opacity .5s ease}.move-up-and-fade-out{opacity:0;transform:translateY(-100px)}.slide-up-password{transform:translateY(-100px);transition:transform .5s ease}label{margin-bottom:30px}.profile-details{border-radius:10px;color:#fff;max-width:400px;text-align:center;width:100%}.logout-button{background-color:#191919;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px;width:60%}.logout-button:hover{background-color:#333}.uploads-container{margin-top:30px}body{opacity:1;transition:opacity .4s ease-out}body.fade-out{opacity:0}.uploads-board{box-sizing:border-box;column-count:var(--num-columns);overflow:hidden;padding-left:1rem;padding-right:1rem}.uploads-card{break-inside:avoid;cursor:pointer;display:inline-block;margin-bottom:10px;page-break-inside:avoid;width:100%}.uploads-card img{display:block;height:auto;object-fit:cover;width:100%}.uploads-board-container{flex:1 1;overflow:auto}.profile-page{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;padding-top:10vh;transition:opacity .4s ease-out;transition:background-color .3s,color .3s}.profile-page.dark-mode{background-color:#191919;color:#f1f1f1}.uploads-container{padding:20px;width:100%}body{font-family:Helvetica,sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.6c0b4f53.css.map*/