@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";.back{height:10vh}.nav{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;height:10vh;gap:2em;position:fixed;z-index:99;background-color:var(--background-color);box-shadow:0 0 25px -5px var(--purple)}.title{margin:0 none;font-size:2em;font-weight:700;background:radial-gradient(var(--purple),var(--pink),var(--pink-two));-webkit-background-clip:text;color:transparent;margin:0}.uploadModal{z-index:99;background-color:var(--white);position:absolute;min-width:350px;max-width:350px;min-height:350px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-sizing:border-box;padding:1em;flex-wrap:wrap}.navbarOptions{position:absolute;display:flex;color:var(--pink);right:1em;gap:.25em;border-radius:5px}.typeGrid{display:flex;align-items:center;box-sizing:border-box;cursor:pointer;color:var(--pink);border-radius:5px;gap:1em;padding:.5em;transition:all .25s}.typeGrid:hover{background-color:var(--pink-transparent)}.drawerContainer{display:flex;flex-direction:column;box-sizing:border-box;gap:1em;color:var(--pink)}.gridSelected{background-color:var(--pink-transparent)}.menuPosition{position:absolute;right:1em;border:1px solid var(--pink)}.filterPosition{position:absolute;left:1em;border:1px solid var(--pink)}.newImageMobile{visibility:visible;position:fixed;bottom:25px;right:25px;width:57px;height:57px;box-shadow:0 0 15px 5px var(--light-purple);transition:all .2s;border:2px solid var(--light-purple)}.newImageMobile:active{box-shadow:0 0 15px 0 transparent}.logoutButton{visibility:visible;position:fixed;border-radius:50%;bottom:25px;left:25px;width:45px;height:45px;box-shadow:0 0 15px 5px var(--light-purple);transition:all .2s;border:2px solid var(--light-purple);background-color:var(--purple);color:var(--background-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.filterSelected{display:flex;justify-content:center;flex-wrap:wrap;position:absolute;width:100%;top:100%;gap:.25em;margin-top:.5em}.emojiContainer{display:flex;justify-content:space-evenly}.myButton{padding:.5em .25em;border-radius:5px;border:0 none;background:linear-gradient(90deg,var(--purple),var(--pink));color:var(--light-purple);cursor:pointer;transition:all .5s}.myButton:hover{box-shadow:0 0 20px 0 var(--purple)}.fixedButton{position:absolute;left:1em}.edgeButton{position:absolute;visibility:hidden;display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:var(--purple);border:0 none;border-radius:50px;font-size:large;color:var(--background-color);cursor:pointer}.formUploadImage{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;max-height:100%;box-sizing:border-box;gap:1em}.formContainer{display:flex;flex-direction:column;gap:1em}.dropImage{width:100%;height:100%;border-radius:5px;gap:2em;padding:3em;color:var(--purple);border:1px dashed var(--purple);display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;cursor:pointer}.inputFile{display:none}.customFileInput{background-color:var(--purple);color:var(--light-purple);padding:10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1em}.previewImage{background-color:var(--light-purple);box-sizing:border-box;box-shadow:0 0 20px -2px var(--purple);width:300px;height:350px;gap:1em;padding:1em;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;-webkit-user-select:none;user-select:none}.previewDelete{visibility:visible}.previewPhoto{display:flex;justify-content:center;max-height:90%}.previewAntdImage{height:100%;max-height:100%}.previewSubTitle{background-color:var(--background-color);color:var(--purple);width:90%;padding:.5em 1em;border:0 none;outline:0 none;border-bottom:1px solid var(--purple);text-align:center}.previewAlbums{display:flex;justify-content:center;flex-wrap:wrap;width:300px;gap:.2em}.progress{height:100%;width:100%;gap:1em;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--purple)}::-webkit-input-placeholder{color:var(--purple)}:-moz-placeholder{color:var(--purple)}::-moz-placeholder{color:var(--purple)}:-ms-input-placeholder{color:var(--purple)}.newAlbum{background-color:var(--light-purple);border-color:var(--purple);color:var(--purple);margin:0}.oldAlbum{display:flex;align-items:center;gap:.3em;cursor:pointer;margin:0}.closeButtonTag{color:var(--light-purple)}.createAlbumButton{color:var(--purple);cursor:pointer;border:1px dashed var(--purple);border-radius:5px;background-color:var(--light-purple);display:flex;align-items:center}.newModalInput{width:60%;background-color:var(--light-purple);color:var(--purple);border:1px dashed var(--purple);border-radius:5px}.newAlbumForm{display:flex;align-items:center;gap:.5em}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(10px)}.myModal{outline:0 none}.modalFooterContainer{display:flex;width:100%;gap:1em}.modalWebButton{width:100%}.drawerContentContainer{position:relative;display:flex;flex-direction:column;gap:1em}.zoomSubTitle{box-sizing:border-box;border-radius:4px}.descTitle{color:var(--purple);width:100%;display:flex;align-items:center;gap:.3em}.inputAndButton{display:flex;justify-content:space-between;width:100%;gap:.5em}.saveDesc{position:inherit;visibility:visible}.descriptionContent{font-weight:700}.modalAlbumConfigContainer{display:flex;flex-direction:column;gap:1em;color:var(--purple)}.modalAlbumConfigSingleAlbum{display:flex;align-items:center;box-sizing:border-box;gap:1em}.modalAlbumConfigDeleteButton{visibility:visible;position:inherit}.albumContainer{flex-wrap:wrap;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:.5em}.albumConfig{visibility:visible;right:0;top:0}.emojiContainer{display:flex;flex-direction:column;gap:1em}.emojiSelected{background-color:var(--light-purple)}.profileContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.modalWebContainer{width:50vw;height:80vh;gap:1em;display:flex;flex-direction:column}.modalWebImage{background-color:var(--light-purple);box-sizing:border-box;border:2px dotted var(--purple);border-radius:8px;height:70%;width:100%;padding:1em;display:flex;justify-content:center}.modalWebDescription{position:relative;flex-wrap:wrap;display:flex;flex-direction:column;justify-content:space-between;height:30%;gap:1em}.modalWebTag{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;box-sizing:border-box;position:relative;width:100%;gap:.5em}.modalFilterConfig{position:absolute;right:0}.mobileModalContainer{width:99vw;max-height:85vh;gap:1em;display:flex;flex-direction:column;overflow-y:scroll}.modalMobileImage{box-sizing:border-box;border:2px dotted var(--purple);border-radius:8px;max-height:70%;width:100%;padding:.5em;display:flex;justify-content:center}.mobileImage{height:100%;max-height:100%}.modalMobileDescription{display:flex;flex-direction:column;justify-content:space-between;position:relative;height:30%;gap:1em}.mobileCloseButton{visibility:visible;position:absolute;right:1em;bottom:-20px;height:40px;width:40px}.mobileDownloadButton{visibility:visible;position:absolute;right:4em;bottom:-20px;height:40px;width:40px}.deleteButton{visibility:visible}.timeStamp{display:flex;width:100%;justify-content:space-between}.badgeInner{position:absolute;top:0}.dropdown-content{display:flex;flex-direction:column;gap:1em;white-space:nowrap}.dropdown-content p{display:flex;gap:.5em;align-items:center;padding:.2em .5em;border-radius:5px;border:1px solid var(--pink);color:var(--pink)}.selectGrid{color:var(--pink);display:flex;gap:.25em;border-radius:5px}.reactionContainer{width:100%;display:flex;justify-content:space-evenly;align-items:center;font-size:large}.anchorConfig{border-radius:3px;padding:.5em 0;box-sizing:border-box}.emoji{box-sizing:border-box;padding:.2em;border-radius:10px;border:1px dotted transparent;cursor:pointer;transition:all .5s}.emoji:hover{background-color:var(--pink-transparent)}.reacted{border:1px dotted var(--purple)}.badgeButton{box-shadow:0 0 20px 0 var(--light-purple);background-color:var(--purple);position:absolute;box-sizing:border-box;cursor:default;border-radius:15% 0 0 15%;padding:.1em .3em;font-size:2em;z-index:99;top:-3em;right:0}.reactText{color:var(--purple);width:fit-content}.card{background-color:var(--pink-transparent);width:100%;min-height:20em;border-radius:5px;border-width:1px;padding:1em;gap:1em;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;transition:all .5s;position:relative}.card:hover{box-shadow:0 0 25px -1px var(--purple);border:1px solid var(--purple)}.cardImage{height:20em;width:40%}.cardPhoto{background-position:center;background-size:contain;background-repeat:no-repeat;width:100%;height:100%}.description{display:flex;flex-direction:column;gap:1em}.cardLine{min-height:20em;border:1px solid var(--purple)}.cardSubtitle{font-size:1.5em;color:var(--purple)}.card:hover .deleteButton,.card:hover .zoomButton{visibility:visible}.mini{background-color:var(--pink-transparent);width:1fr;height:10em}.miniPhoto{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}.box{position:relative}.polaroid{background-color:var(--light-purple);box-sizing:border-box;box-shadow:5px 5px 15px -7px var(--purple);height:9cm;width:7cm;gap:1em;padding:1em;display:flex;align-items:center;flex-direction:column;position:relative;-webkit-user-select:none;user-select:none}.photo{background-position:center;background-size:contain;background-repeat:no-repeat;width:100%;height:100%}.subTitle{background-color:var(--light-purple);color:var(--purple);text-align:center}.imageButton{visibility:visible}.polaroidContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(7cm,1fr));position:relative;justify-items:center;gap:2em;padding:5em 4em 4em;box-sizing:border-box;min-height:75vh}.cardContainer{display:flex;flex-direction:column;position:relative;box-sizing:border-box;gap:2em;padding:5em 4em 4em;min-height:75vh}.miniContainer{box-sizing:border-box;padding:5em .5em 1em;min-height:75vh}.miniGridContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:.3em;width:100%;position:relative}.footerContainer{background:linear-gradient(0deg,var(--purple),var(--background-color));height:15vh;gap:.5em;display:flex;align-items:center;justify-content:center;flex-direction:column}.footerText{font-size:1.3em;font-weight:700;background:var(--purple);-webkit-background-clip:text;color:transparent;text-align:center}.catEye{display:flex;gap:.25em;color:var(--background-color)}.inputContainer{display:flex;flex-direction:column;gap:.5em;position:relative}.customInput{padding:.5em;background:linear-gradient(45deg,var(--background-color),var(--light-purple));outline-color:var(--background-color);color:var(--purple);border:0 none;border-radius:4px;outline-width:1px;width:90%;box-sizing:border-box}.inputContainer label{color:var(--purple)}.passButton{position:absolute;display:flex;cursor:pointer;box-sizing:border-box;background-color:var(--background-color);color:var(--purple);border:0 none;right:5px;top:50%;padding:.3em;border-radius:6px}.loginContainer{width:100vw;height:100vh;min-height:100vh;padding:7em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.formLoginContainer{display:flex;justify-content:center;flex-direction:column;box-sizing:border-box;gap:1em;width:50%;height:100%;padding:2em;border-radius:0 10px 10px 0;background-color:var(--pink-transparent)}.formLoginContainer h1{color:var(--purple)}.leftSideContainer{width:50%;height:100%;padding:2em;box-sizing:border-box;position:relative;display:flex;align-items:center;border-radius:10px 0 0 10px}.appTitle{position:absolute;top:2em;background:radial-gradient(var(--purple),var(--pink),var(--pink-two));-webkit-background-clip:text;color:transparent}.recieveContainer{color:var(--pink)}.loginMobileContainer{width:100vw;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box}.formLoginMobileContainer{display:flex;flex-direction:column;box-sizing:border-box;gap:1em;width:80%;height:60%;padding:1em;border-radius:25px 25px 0 0;border:2px solid var(--light-purple);box-shadow:0 0 30px 5px var(--pink);background-color:var(--pink-transparent)}.formLoginMobileContainer h1{color:var(--purple)}.recieveMobileContainer{width:80%;height:40%;display:flex;align-items:center;box-sizing:border-box;padding:1em}:root{--background-color: #fbeaff;--purple: #845ec2;--pink: #d65db1;--pink-transparent: rgba(214, 92, 177, .3);--pink-two: #ff6f91;--light-purple: #fdf7ff;--brown: #b0a8b9;--white: #fff;--green: #00C2A8}*{margin:0;padding:0;font-family:Libre Baskerville,serif}body{background-color:var(--background-color)}::-webkit-scrollbar{display:0 none}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:1px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}.line{border:1px solid var(--pink)}