:root{--accent-color: #1976D2;--background: #FFFFFF;--darker-background: #F0F0F0;--elements: #A9A9A9;--text: #696969;--dark-text: #363636;--error: #FF4500;--success: #04B34F}*,:after,:before{box-sizing:border-box;padding:0;margin:0}#root{height:100vh}body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:var(--dark-text);font-size:12pt;overflow:hidden}button{font-size:inherit;border-radius:5px;border:1px solid var(--accent-color);background-color:var(--accent-color);color:var(--background)}@media (min-width: 768px){body{font-size:15pt}}@media (min-width: 1366px){body{font-size:16pt}button{cursor:pointer}.addHoverEffect:hover{box-shadow:0 0 10px #00000080;transform:scale(1.05)}}@media (min-width: 1920px){body{font-size:18pt}button{cursor:pointer}.addHoverEffect:hover{box-shadow:0 0 10px #00000080;transform:scale(1.05)}}#app-page header{width:100%;position:fixed;top:0;left:0;padding:1rem;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--background);border-bottom:1px solid var(--accent-color)}#app-page header a{text-decoration:none;color:inherit}#app-page header h1{color:var(--accent-color);font-size:16pt}@media (min-width: 768px){#app-page header h1{font-size:19pt}}@media (min-width: 1366px){#app-page header a{width:100%}#app-page header h1{font-size:20pt}}@media (min-width: 1920px){#app-page header a{width:100%}#app-page header h1{font-size:22pt;width:100%}}#app-page{height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#app-page main{--header-height: calc(2rem + 16pt + 1px) ;height:100%;padding-top:var(--header-height);width:100%;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){#app-page header h1{font-size:19pt}#app-page main{--header-height: calc(2rem + 19pt + 1px) }}@media (min-width: 1366px){#app-page header a{width:100%}#app-page header h1{font-size:20pt}#app-page main{--header-height: calc(2rem + 20pt + 1px) }}@media (min-width: 1920px){#app-page header a{width:100%}#app-page header h1{font-size:22pt;width:100%}#app-page main{--header-height: calc(2rem + 22pt + 1px) }}.thumbnail{position:relative;width:48%;border-radius:5px}.thumbnail img{width:100%;height:100%;border-radius:5px;object-fit:cover}.thumbnail .delete-btn{position:absolute;top:0;right:0;margin-top:.25rem;margin-right:.25rem;border-radius:50%;height:2rem;width:2rem;text-align:center;background-color:var(--dark-text);color:var(--background);border:1px solid var(--dark-text);opacity:40%}@media (min-width: 768px){.thumbnail{width:18%}}@media (min-width: 1366px){.thumbnail{width:18%}}@media (min-width: 1920px){.thumbnail{width:18%}}#uploader-page{width:100%;height:100%;position:relative;background-color:var(--darker-background);overflow:auto;padding-bottom:1rem;padding-top:1rem}#uploader-page .images-container{height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem;padding:0 1rem;align-content:flex-start;justify-content:center}#uploader-page .images-container #add-photos-label{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.5rem;border:1px solid var(--text);padding:.5rem;background-color:var(--background)}#uploader-page .images-container #add-photos{opacity:0;position:absolute;z-index:-1}#uploader-page .images-container #add-photos-label svg{height:4rem;width:4rem;stroke:var(--dark-text);stroke-width:2;align-content:center}#uploader-page .upload-btn{position:fixed;bottom:0;right:0;z-index:10;margin-right:1.5rem;margin-bottom:1.5rem;font-size:14pt}#uploader-page .upload-btn button{border:1px solid var(--accent-color);background-color:var(--accent-color);color:var(--background);padding:.5rem;border-radius:.5rem}#uploader-page .upload-btn button:disabled{display:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background);border:1px solid var(--background);padding:1.5rem;border-radius:.5rem;box-shadow:0 0 10px #00000080;z-index:1000}.modal h2{margin-bottom:1rem;font-size:15pt}.modal p{margin-bottom:1rem;font-size:13pt}.modal button{background-color:var(--dark-background);border:1px solid var(--dark-text);padding:.5rem 1rem;border-radius:.25rem;font-size:13pt;color:var(--dark-text)}@media (min-width: 768px){#uploader-page .upload-btn{font-size:19pt}.modal h2{margin-bottom:1rem;font-size:18pt}.modal p{margin-bottom:1rem;font-size:16pt}.modal button{font-size:16pt}}@media (min-width: 1366px){#uploader-page .images-container{justify-content:flex-start}#uploader-page .images-container .thumbnail{height:40%}#uploader-page .upload-btn{font-size:20pt}#uploader-page .upload-btn button{padding:1rem 2rem}#uploader-page .images-container #add-photos-label{cursor:pointer}.modal h2{margin-bottom:1rem;font-size:19pt}.modal p{margin-bottom:1rem;font-size:17pt}.modal button{font-size:17pt}}@media (min-width: 1920px){#uploader-page .images-container{justify-content:flex-start}#uploader-page .images-container .thumbnail{height:40%}#uploader-page .upload-btn{font-size:22pt}#uploader-page .upload-btn button{padding:1rem 2rem}#uploader-page .images-container #add-photos-label{cursor:pointer}.modal h2{margin-bottom:1rem;font-size:21pt}.modal p{margin-bottom:1rem;font-size:19pt}.modal button{font-size:19pt}}.confirm-dialog .confirm-dialog-buttons{display:flex;justify-content:space-evenly}.confirm-dialog .confirm-dialog-buttons button{margin:0 .5rem}.error-modal{border:1px solid var(--error)}.error-modal h2{color:var(--error)}.success-modal{border:1px solid var(--success)}.success-modal h2{color:var(--success)}#gallery-page{width:100%;height:100%;padding:1.5rem 1rem;overflow-y:auto}#gallery-page #new-upload-btn{width:100%;position:fixed;z-index:10;bottom:0;right:0;margin-bottom:1.5rem}#gallery-page #new-upload-btn #open-uploader-btn{padding:.5rem 1rem;box-shadow:0 0 10px #00000080;border-color:var(--background)}#gallery-page #gallery{min-width:100%;width:fit-content;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem}@media (min-width: 768px){#gallery-page #gallery{justify-content:center}}@media (min-width: 1366px){#gallery-page #gallery{justify-content:center}#gallery-page #new-upload-btn{width:fit-content;margin-right:3rem}}@media (min-width: 1920px){#gallery-page #gallery{justify-content:center}#gallery-page #new-upload-btn{margin-right:3rem;width:fit-content}}#loading-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.loader{width:4rem;height:4rem;border:5px solid var(--accent-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-page h1{font-size:1.5rem;font-weight:600}