@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Cormorant+SC:wght@300;400;500;600;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#faf0e8;min-height:100vh}body{display:flex;flex-direction:column;min-height:calc(100vh - 72px);padding-top:72px}#root,.App{display:flex;flex-direction:column;flex-grow:1}header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0c0c1480;display:flex;flex-direction:row;font-family:Comfortaa,sans-serif;height:72px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:1000}header h2{color:#fff;font-size:1em;line-height:72px;margin:0 0 0 24px;padding:0}header .user-infos{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:50%}header .user-infos>*{margin-right:7px}@media(min-width:768px){header h2{font-size:1.5em}}.login-block,.login-block form{background-color:#faf0e8;display:flex;flex-direction:column;font-family:Comfortaa,sans-serif}.login-block{border-radius:20px;box-shadow:0 12.5px 15px -7.5px #00000040;color:#050505;max-width:500px;min-height:435px;width:calc(100% - 44px)}.login-block h1{font-size:24px;margin-bottom:15px;margin-top:22px;text-align:center}.login-block form{padding:0 33px}.login-block form label{display:flex;flex-direction:column;margin-top:35px}.login-block form label span{font-size:18px;margin-left:5px}.login-block form input{border:none;border-radius:200px;font-family:Comfortaa,sans-serif;font-size:16px;height:40px;margin-top:10px;outline:none;padding:0 20px;transition:.25s ease-in-out}.login-block form input:focus{outline:2px solid #000}.login-block form button{align-self:center;background:linear-gradient(90deg,#eda259,#503bba);border:none;border-radius:200px;color:#fff;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:18px;height:40px;margin-top:65px;outline:none;position:relative;width:80%;z-index:1}.login-block form button,.login-block form button.disabled{transition:background .25s ease-in-out,transform .25s ease-in-out}.login-block form button.disabled{background:gray;cursor:not-allowed}.login-block form button:hover{transform:translateY(-2.5px)}.login-block form button:active{transform:translate(0)}.login-block form button:after{background:linear-gradient(90deg,#eda259,#503bba);border-radius:200px;content:"";filter:blur(10px);height:100%;left:0;position:absolute;top:0;transform:translate(0);transition:transform .25s ease-in-out,filter .25s ease-in-out;width:100%;z-index:-1}.login-block form button:hover:after{transform:translateY(2.5px)}.login-block form button:active:after{filter:blur(5px);transform:translate(0)}.login-block form button.disabled:active,.login-block form button.disabled:after,.login-block form button.disabled:hover{background:gray;filter:none;transform:translate(0)}.login-block #login-error{color:red;font-size:16px;margin-bottom:10px;margin-top:10px;text-align:center}.login-page{background-image:radial-gradient(circle at 50% 0,#fff8f3 0,#faf0e8 100%);flex-grow:1}.login-page,main{align-items:center;display:flex;flex-direction:column;justify-content:center}main{font-family:Comfortaa,sans-serif;min-height:100vh}.cdn-image.placeholder{background:linear-gradient(to bottom right,#c5c5c580,#e6e6e680);background-size:100% 100%;height:100%;overflow:hidden;width:100%}.cdn-image.placeholder,.cdn-image.placeholder .swiper{align-items:center;display:flex;justify-content:center}.cdn-image.placeholder .swiper{animation:cdn-placeholder-animation 1.5s ease-out infinite;background:linear-gradient(90deg,#fff0,#ffffffbf 50%,#fff0);height:300%;position:relative;transform:rotate(35deg);width:150%}@keyframes cdn-placeholder-animation{0%{left:-175%}to{left:225%}}.view-image-page{flex-direction:column;height:100%;width:100%}.view-image-page,.view-image-page .image-container{align-items:center;display:flex;justify-content:center}.view-image-page .image-container{height:82vh;overflow:visible;width:90%}.view-image-page .image-container .cdn-image{filter:drop-shadow(0 0 10px rgba(0,0,0,.5));height:100%;object-fit:scale-down;object-position:center;width:100%}.upload-images-page{font-family:Comfortaa,sans-serif}.upload-images-page h1{color:#050505;font-size:1.5rem;margin:20px 0;text-align:center}.album-images-form .album-details-forms{align-items:center;background-color:#fff;border-bottom:1px solid #050505;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:25px;padding:24px 0;width:100%}.album-images-form .album-details-forms .user-selector{width:100%}.album-images-form .album-details-forms #all-files-modifications{align-items:center;display:flex;flex-direction:column}.album-images-form .album-details-forms #all-files-modifications #all-file-names{background-color:#0000;border:none;border-bottom:1px solid #050505;color:#050505;font-size:1.2rem;margin:10px 0;max-width:90%;text-align:center;width:90%}.album-images-form .album-details-forms #all-files-modifications #all-file-names:focus{outline:none}.album-images-form .album-details-forms #save-button{align-self:center;background:linear-gradient(90deg,#eda259,#503bba);border:none;border-radius:200px;color:#fff;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:18px;height:40px;margin-top:65px;outline:none;position:relative;transition:background .25s ease-in-out,transform .25s ease-in-out;width:80%;width:200px;z-index:1}.album-images-form .album-details-forms #save-button.disabled{background:gray;cursor:not-allowed;transition:background .25s ease-in-out,transform .25s ease-in-out}.album-images-form .album-details-forms #save-button:hover{transform:translateY(-2.5px)}.album-images-form .album-details-forms #save-button:active{transform:translate(0)}.album-images-form .album-details-forms #save-button:after{background:linear-gradient(90deg,#eda259,#503bba);border-radius:200px;content:"";filter:blur(10px);height:100%;left:0;position:absolute;top:0;transform:translate(0);transition:transform .25s ease-in-out,filter .25s ease-in-out;width:100%;z-index:-1}.album-images-form .album-details-forms #save-button:hover:after{transform:translateY(2.5px)}.album-images-form .album-details-forms #save-button:active:after{filter:blur(5px);transform:translate(0)}.album-images-form .album-details-forms #save-button.disabled:active,.album-images-form .album-details-forms #save-button.disabled:after,.album-images-form .album-details-forms #save-button.disabled:hover{background:gray;filter:none;transform:translate(0)}.album-images-form form{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.album-images-form form .images-preview{display:flex;width:100%}.album-images-form form .images-preview .images-preview-column{background-clip:padding-box;display:flex;flex-direction:column;padding:0 7.5px}.album-images-form form .images-preview .images-preview-column>*{margin:7.5px 0}.album-images-form form .drop-zone{align-items:center;background-color:#faf0e8;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;margin:10px 0;outline:5px dashed #f1d5be;position:relative;transition:all .3s;width:80%}.album-images-form form .drop-zone.dragging,.album-images-form form .drop-zone:hover{background-color:#ffefe3;outline-color:#0000}.album-images-form form .drop-zone:before{background:linear-gradient(135deg,#eda259,#503bba);border-radius:10px;content:"";height:calc(100% + 10px);opacity:0;position:absolute;transition:all .3s;width:calc(100% + 10px);z-index:-1}.album-images-form form .drop-zone.dragging:before,.album-images-form form .drop-zone:hover:before{opacity:1}.album-images-form form .drop-zone p{color:#050505;font-size:1.2rem}@media(min-width:700px){.album-images-form form .drop-zone{max-width:600px;width:50%}}.album-image-edit{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 15px 15px -15px #00000040;display:flex;flex-direction:column;grid-row-end:span 1;justify-content:flex-start;position:relative}.album-image-edit .delete-img-btn{background-color:#e74c3c;border:none;border-radius:0 10px 0 10px;cursor:pointer;height:44px;opacity:0;padding:5px;position:absolute;right:0;top:0;transition:all .3s;width:44px}.album-image-edit .delete-img-btn .delete-icon{fill:#fff;aspect-ratio:1/1;height:100%;width:100%}.album-image-edit:hover .delete-img-btn{opacity:1}.album-image-edit .image-preview{width:100%}.album-image-edit .image-preview img{border-radius:10px 10px 0 0;height:auto;max-height:100%;max-width:100%;width:auto}.album-image-edit .album-image-edit-inputs{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:10px;width:100%}.album-image-edit .album-image-edit-inputs .file-name-input{background-color:#0000;border:none;border-bottom:1px solid #050505;color:#050505;font-size:1.2rem;margin:10px 0;max-width:90%;text-align:center;width:90%}.album-image-edit .album-image-edit-inputs .file-name-input:focus{outline:none}@keyframes user-selected{0%{max-width:0}to{max-width:100%}}.user-selector{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:0 10%}.user-selector form{background-color:#fff;border-radius:200px;height:44px;outline:1px solid #050505;width:100%}.user-selector form,.user-selector form input{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.user-selector form input{background-color:#0000;border:none;border-radius:200px;flex-grow:1;font-size:16px;height:100%;margin-right:12px;outline:none;padding:0 20px}.user-selector form input:active,.user-selector form input:focus{border:none;outline:none}.user-selector form button{align-items:center;background-color:#503bba;border:none;border-radius:100%;box-shadow:-5px 0 5px -5px #00000040;display:flex;flex-direction:column;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.user-selector form button .search-icon{fill:#fff;height:24px;width:24px}.user-selector form button:hover{background-color:#6f5dcb;cursor:pointer}.user-selector form button:disabled{background-color:#503bba;cursor:inherit;opacity:.5}.user-selector .selected-users{margin-top:20px}.user-selector .selected-users,.user-selector .selected-users ul{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.user-selector .selected-users ul{list-style:none;margin:0;padding:0}.user-selector .selected-users ul li{align-items:center;animation:user-selected .5s ease;background-color:#503bba;border-radius:100px;color:#fff;display:flex;flex-direction:row;height:25px;justify-content:center;list-style:none;margin:0 8px 8px 0;max-width:100%;padding:4px 12px;position:relative;transition:all .2s ease;width:auto}.user-selector .selected-users ul li .selected-user-email{pointer-events:none}.user-selector .selected-users ul li button{align-items:center;background-color:#0000;border:none;border-radius:100%;cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:center;margin-left:8px;padding:0;width:25px}.user-selector .selected-users ul li button .close-icon{fill:#fff;height:22px;width:22px}.user-selector .selected-users ul li .selected-user-tooltip{align-items:flex-start;background-color:#503bba80;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:14px;justify-content:flex-start;left:0;opacity:0;padding:8px;pointer-events:none;position:absolute;top:calc(-100% - 8px);transition:all .2s ease;visibility:hidden;z-index:1}.user-selector .selected-users ul li:hover{background-color:#6f5dcb}.user-selector .selected-users ul li:hover .selected-user-tooltip{opacity:1;visibility:visible}.user-selector .queried-user-list-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;width:100%}.user-selector table.queried-user-list{border-collapse:initial;border-spacing:0 10px;margin-top:20px;overflow:scroll;width:100%}.user-selector table.queried-user-list thead{background-color:#6f5dcb;border-radius:10%;color:#fff}.user-selector table.queried-user-list thead th{height:33px;padding:0 10px;text-align:left}.user-selector table.queried-user-list thead th:not(:first-child){border-left:1px solid #fff}.user-selector table.queried-user-list thead th:first-child{border-bottom-left-radius:100px;border-top-left-radius:100px}.user-selector table.queried-user-list thead th:last-child{border-bottom-right-radius:100px;border-top-right-radius:100px}.user-selector table.queried-user-list tbody tr{background-color:#fff;color:#503bba;transition:all .2s ease}.user-selector table.queried-user-list tbody tr td{height:33px;margin-top:10px;padding:0 10px;text-align:left}.user-selector table.queried-user-list tbody tr td:first-child{border-bottom-left-radius:100px;border-top-left-radius:100px}.user-selector table.queried-user-list tbody tr td:last-child{border-bottom-right-radius:100px;border-top-right-radius:100px}.user-selector table.queried-user-list tbody tr:hover{background-color:#f8f7fd;cursor:pointer}.home-page{align-items:center;display:flex;flex-direction:column;flex-grow:1;font-family:Comfortaa,sans-serif;justify-content:center;text-align:center}.home-page h1{font-family:Cormorant SC,serif;font-size:2rem;font-style:normal;font-weight:500;text-align:center}@media(min-width:768px){.home-page h1{font-size:3rem}}
/*# sourceMappingURL=main.b9d751a4.css.map*/