@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,800&display=swap";h1,h2,h3,h4{font-family:Raleway,sans-serif}h4{font-weight:500}*{font-family:Raleway,sans-serif;margin:0;padding:0%}* #root{background:linear-gradient(320deg,#f27121,#e94057,#8a2387);display:flex;flex-direction:column;gap:2rem;color:#fff;justify-content:center;align-items:center;min-height:100vh;max-height:100vh;box-sizing:border-box}* #root main{color:#000;min-height:50vh;max-width:80vw;width:100%;display:flex}#linkMenu{display:none;flex-direction:row;justify-content:space-between}#linkMenu .expand{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{background:linear-gradient(to bottom right,rgba(255,255,255,.7),rgba(255,255,255,.3));border-radius:1rem;width:.7rem}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom right,rgba(255,255,255,.7),rgba(255,255,255,.3));border-radius:10rem}::-webkit-scrollbar-track{background-color:linear-gradient(to bottom right,rgba(255,255,255,.7),rgba(255,255,255,.3))}a,.btn{font-size:large;text-align:center;color:#000;text-decoration:none;display:block;padding:.5rem;padding-inline:1rem;background:linear-gradient(to top right,rgba(255,255,255,.8),rgba(255,255,255,.5));border-radius:10px;border-width:0;cursor:pointer}#navbar{padding:.5rem}#navbar .btn,#navbar a{border-radius:1.5rem}#navbar ul{display:flex;gap:.5rem;align-items:stretch}#navbar ul li{display:flex;align-items:center;list-style:none}#navbar ul li a{box-sizing:border-box;height:100%}input{font-size:large;text-align:center;color:#000;text-decoration:none;display:block;padding:.5rem;padding-inline:1rem;background:linear-gradient(to top right,rgba(255,255,255,.8),rgba(255,255,255,.5));border-radius:10px;border-width:0;cursor:pointer}.emoji{font-family:"Noto Color Emoji",sans-serif}.confirmBtns{display:flex;gap:1rem}.confirmBtns *{flex:1}.hidden{display:none}.badge{color:#fff;background-color:red;padding:.25rem;border-radius:.5rem;font-weight:600}.glass{border-radius:2rem;background:linear-gradient(to bottom right,rgba(255,255,255,.7),rgba(255,255,255,.3))}@media (max-width: 749px){::-webkit-scrollbar{width:.5rem}main{flex-direction:column}#linkMenu{display:flex;justify-content:space-between}#linkMenu *{flex:1}#linkMenu span{text-align:end}.menu ul li{display:none;opacity:0;overflow:hidden;transition:all 1s ease-in-out}.menu ul{overflow-x:hidden}ul.open{margin-top:.5rem;height:auto}ul.open li{display:inline;transform:translate(100%)}ul.open li.open{height:auto;transform:translate(0);opacity:100}ul.open li.open a{padding:.75rem;height:auto}}main .menu{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;flex:1;background:linear-gradient(to top right,rgba(255,255,255,.7),rgba(255,255,255,.3));border-radius:2rem;padding:1.5rem}main .menu div{margin-bottom:1rem}main .menu #pdp{aspect-ratio:1/1;object-fit:cover;width:60%;max-width:10rem;border-radius:100rem}main .menu .btn,main .menu a{padding:.75rem}main .menu ul{justify-content:center;display:flex;flex-direction:column;gap:1rem}main .menu li{list-style:none}main .next{flex:2;margin:.5rem 1rem 1rem .5rem;padding:.5rem;overflow-y:scroll;border-radius:1rem}main .next ul{margin-top:1rem;scroll-behavior:smooth;display:flex;flex-direction:column;gap:1rem}main .next li{border-radius:1rem;display:flex;height:10rem;background:linear-gradient(to bottom right,rgba(255,255,255,.7),rgba(255,255,255,.3));list-style:none}main .next li img{height:100%;border-radius:1rem}main .next li .content{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;width:100%}main .next li .content .title{display:flex;width:100%;justify-content:space-between;align-items:center}#loginPage.menu{width:100%;display:flex;flex-direction:row}#loginPage.menu div{display:flex;flex-direction:column;flex:1}form{margin:auto;display:flex;margin-top:2rem;gap:.3rem;flex-direction:column;justify-content:center;align-items:center}div#root{max-height:100%}div#root main.glass{min-height:auto}div#root main.glass .menu.dashboard{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;flex:1;background:linear-gradient(to top right,rgba(255,255,255,.7),rgba(255,255,255,.3));border-radius:2rem;padding:1.5rem}div#root main.glass .menu.dashboard div{margin-bottom:1rem}div#root main.glass .menu.dashboard .edit-img{margin:auto;position:relative;aspect-ratio:1/1;width:60%;max-width:10rem;border-radius:100rem}div#root main.glass .menu.dashboard .edit-img input{width:100%;height:100%;margin:0;padding:0;opacity:0;position:absolute}div#root main.glass .menu.dashboard .edit-img span{background-color:#ffffff40;color:#fff;font-size:larger;border-radius:151515px;display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}div#root main.glass .menu.dashboard .edit-img #pdp{width:100%;height:100%;object-fit:cover}div#root main.glass .menu.dashboard .btn,div#root main.glass .menu.dashboard a{padding:.75rem}div#root main.glass .menu.dashboard ul{justify-content:center;display:flex;flex-direction:column;gap:.25rem}div#root main.glass .menu.dashboard li{list-style:none;display:flex;gap:1rem}div#root main.glass .menu.dashboard li a{flex:3;display:flex;justify-content:center;align-items:center}div#root main.glass .menu.dashboard li .edit{flex:1}div#root main.glass .next{flex:2;margin:.5rem 1rem 1rem .5rem;padding:.5rem;display:flex;flex-direction:column;overflow-y:scroll;border-radius:1rem}div#root main.glass .next ul{flex:1;margin-top:1rem;scroll-behavior:smooth;display:flex;flex-direction:column;gap:1rem}div#root main.glass .next li{border-radius:1rem;display:flex;height:10rem;background:linear-gradient(to bottom right,rgba(255,255,255,.7),rgba(255,255,255,.3));list-style:none}div#root main.glass .next li img{height:100%;border-radius:1rem}div#root main.glass .next li .content{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;width:100%}div#root main.glass .next li .content .title{display:flex;width:100%;justify-content:space-between;align-items:center}.edit{display:flex;justify-content:center;gap:1rem;align-items:center}