body{color:canvas;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;background:#000}h1,h2,h3,h4{font-family:Playwrite NO,cursive;text-align:center}*,*:after,*:before{transition:all .3s ease-in-out;box-sizing:border-box;margin:0;padding:0}input,button,textarea{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:.5rem 1.25rem;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}a{color:#fff;font-weight:400;text-decoration:none}input:focus,input:active,input:focus-visible,textarea:focus,textarea:active,textarea:focus-visible{outline:none;background:#ffffff1a;border:1px solid transparent}input::placeholder{color:#ffffff80}button[type=submit]:hover{background:#ffffff1a;transform:scale(.97)}button:disabled{cursor:not-allowed}#root{display:grid;place-items:center;min-height:100vh}.glass-svg{display:none}.glass{-webkit-backdrop-filter:url(#displacementFilter);backdrop-filter:url(#displacementFilter);position:relative;border:none;border:transparent;box-shadow:inset 0 0 5px #fff3}.glass:after{pointer-events:none;content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 1px .8px #ffffffe6 inset;mask:linear-gradient(calc(var(--pointer-angle, -35) * 1deg),#ffffff80,#ffffff30 30% 60%,#fff)}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;pointer-events:none}.auth-container{display:grid;grid-template-columns:1r;grid-auto-rows:auto auto}.authComponent-wrapper{border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;padding:15px;margin-top:10px}.authForm{display:flex;flex-direction:column;align-items:center;gap:.25rem}.uncorrectPassword,.uncorrectLoggin{animation:no .3s ease both;border:1px solid red!important}@keyframes no{0%{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0)}}.toggleHide,.authStatus{padding:.25rem .75rem;color:#ffffff80;font-size:.75rem}.authBtn-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr}.authBtn-wrapper button{border-radius:50px;margin:5px;transition-timing-function:cubic-bezier(.64,-1.2,.83,2.23)}.authBtn-wrapper:has(.loginBtn:hover),.authBtn-wrapper:has(.loginBtn.activeBtn){grid-template-columns:1.5fr 1fr}.authBtn-wrapper:has(.registerBtn:hover),.authBtn-wrapper:has(.registerBtn.activeBtn){grid-template-columns:1fr 1.5fr}.loginForm{display:grid;grid-template-columns:1fr 1fr;height:200px}.loginForm h2{grid-area:1 / 1 / 2 / 3}.loginForm button[type=submit]{grid-area:3 / 2 / 4 / 3;align-self:center;justify-self:end}.loggin-psw{position:relative}.loggin-psw>input{width:100%}.login-toggleHide{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.registerForm{height:200px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto auto auto}.registerForm>*{position:relative}.registerForm input{width:100%;border-top:none;border-left:none}.registerForm div:before{content:attr(data-text);font-family:Playwrite NO,cursive;position:absolute;top:-10%;left:50%;transform:translate(-50%,-50%);font-size:1rem;width:100%;pointer-events:none;display:inline-block}.registerForm button,.registerForm em{place-self:center;grid-column:span 2}@media(max-width:500px){.authForm{display:flex;flex-direction:column;gap:.55rem;height:auto}.registerForm div{margin:1rem 0}}.burgerNav{position:fixed;top:0;left:0;z-index:5;padding:20px}.burgerMenu{margin:5vh;width:200px;height:90vh;border-radius:30px;padding:10vh 0 0;position:fixed;top:0;z-index:2;left:-100%;transition:left .3s ease;list-style:none;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0px 5px black}@media(max-width:700px){.burgerMenu{padding:0;-webkit-backdrop-filter:blur(20px) contrast(80%);backdrop-filter:blur(20px) contrast(80%);width:100%;margin:0;border-radius:0;align-items:center;justify-content:space-evenly;height:100%;font-size:1.2rem}}#burgerToggle{position:relative;left:3vh;top:3vh;z-index:3}.openBurger{left:0}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#fff;stroke-width:2.5;stroke-linecap:round}.ham .top{stroke-dasharray:40 172}.ham .middle{stroke-dasharray:40 111}.ham .bottom{stroke-dasharray:40 172}.open .top{stroke-dashoffset:-132px}.open .middle{stroke-dashoffset:-71px}.open .bottom{stroke-dashoffset:-132px}.cart:hover{transform:scale(1.1)}.navLine{height:4px;width:100%;padding:30px 0 0;border-bottom:1px solid;border-image:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 60%,transparent 100%) 1}.burgerMenu li{width:fit-content;cursor:pointer;margin:30px 0 0 20px;text-align:left;position:relative}.burgerMenu li:before,.burgerMenu a:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px;background-color:#2f0620aa;z-index:-1;border-radius:50%;transition-timing-function:cubic-bezier(.37,-.86,0,2)}.burgerMenu li:is(:hover,:focus-visible,:focus):before,.burgerMenu a:is(:hover,:focus-visible,:focus):before{transform:translate(-50%,-50%) scale(60);outline:none;color:#000}section{animation:fadeIn .3s ease-in both;height:auto;width:auto}@keyframes fadeIn{0%{filter:blur(3px);opacity:.3}to{filter:blur(0px);opacity:1}}.ham-isOpen{transform:translate(110px);transition-delay:.2s;transition:.3s ease-in-out}@media(max-width:700px){.ham-isOpen{transform:translate(0)}}li:has(.profileIcon-nav){padding:0;align-self:center}.profileIcon-nav{width:80px;clip-path:circle(50%)}.usersList-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem}.usersList-container>*{flex:0 1 auto;max-width:450px}.userList-items{display:grid;grid-template-columns:75px auto;grid-template-rows:auto auto;grid-template-areas:"img name" "img bio";border-radius:1.5rem;width:100%;padding:.5rem}.userList-items img{clip-path:circle(50%);width:75px;grid-area:img}.userList-items h4{border-bottom:1px solid;border-image:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 80%) 1}.userList-items>*{line-height:2.2rem;display:inline-block;text-align:center}.updateProfile-form{width:800px;gap:.25rem;display:grid;grid-template-columns:auto 1fr 1fr;grid-template-rows:repeat(5,auto);grid-template-areas:"titl titl titl" "img name surname" "img nickname email" "bio bio bio" "sta sta btn";gap:1.5rem}.updateProfile-form h1{grid-area:titl;text-align:left;width:100%}.updateProfile-form button[type=submit]{font-size:1.25rem;grid-area:btn;width:fit-content;place-self:end}@media(max-width:900px){.updateProfile-form{align-items:center;justify-content:center;width:300px;display:flex;flex-direction:column}.updateProfile-form h1{text-align:center}.updateProfile-form input{font-size:.8rem}}.updateProfile-form>*{position:relative;place-self:center;width:100%}.updateProfile-form input{border-top:none;border-left:none;text-align:center;font-size:1.25rem;width:100%}.updateProfile-form div:before{content:attr(data-text);font-family:Playwrite NO,cursive;position:absolute;top:-.5rem;left:0rem;transform:translateY(-50%);font-size:1rem;pointer-events:none;display:inline-block;opacity:.5}.updateProfile-name{grid-area:name}.updateProfile-nickname{grid-area:nickname}.updateProfile-surname{grid-area:surname}.updateProfile-email{grid-area:email}.updateProfile-bio{grid-area:bio}.updateProfile-bio input{border-radius:30px;text-align:unset}.iconPicker-container{grid-area:img;justify-self:start;width:fit-content}.profileIcon-Prim{width:150px;clip-path:circle(50%);position:relative}.profileIcon-sec{clip-path:circle(50%);width:50px}.editIcon{position:absolute;bottom:0;right:0;border-radius:50%;display:grid;place-items:center;padding:10px;width:40px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.editIcon img{object-fit:contain;width:100%;height:100%}.iconPicker{padding:.5rem;border-radius:2rem;position:absolute;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;left:-100px;top:1rem;transition-timing-function:cubic-bezier(.37,-.86,0,2)}.iconPicker.isClosed{pointer-events:none;transform:scale(0) rotate(90deg);opacity:0}.iconPicker.isOpen{pointer-events:all;transform:scale(1) rotate(0);opacity:1}.iconPicker img:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:scale(1.5);z-index:2}.iconPicker img{transition-timing-function:cubic-bezier(.37,-.86,.8,1.68)}.logout{display:grid;padding:1.25rem;border-radius:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.25rem}.logout h3{grid-area:1 / 1 / 2 / 3}.logout button:hover{transform:scale(.97)}.isDisapearing{animation:fadeOut .8s ease-in-out both}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(3);filter:blur(20px);opacity:0}}.errorSection{display:flex;flex-direction:column;align-items:end}.errorSection h1{font-size:10rem}.errorSection a{border-radius:50px;padding:.25rem .75rem}.landingSection{display:flex;flex-direction:column;align-items:center}.landingSection h1{font-size:5rem}.landingSection a{border-radius:50px;padding:.25rem .75rem}