.app{background-color:var(--white);background-image:url(/assets/backgrounds/account-bg.webp);background-position:bottom;background-repeat:no-repeat;background-size:85%;width:100dvw;min-height:100dvh;padding:0 0 5rem;position:relative;overflow:clip auto;&::-webkit-scrollbar{width:0}}.main{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:calc(100dvh - 136px);display:flex}.header{justify-content:center;align-items:center;width:100%;padding:2rem 0;display:flex;position:static;top:0;left:0}.welcome{text-align:center;margin:0;font-size:1rem;font-weight:600}.title{text-align:center;margin:0;font-size:48px;font-weight:800;display:none;&.active{display:block}@media only screen and (width<=500px){&{font-size:32px}}}.account-div{justify-content:center;align-items:center;display:flex;&>div{display:none}}.login-div{background-color:var(--white);border:1px solid #2d2c2c1a;border-radius:1rem;justify-content:center;align-items:center;padding:2rem;display:none;&.active{display:flex}&>div{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex;&>p{color:#2d2c2c;text-align:center;margin:0;font-size:.8rem}&>a{background-color:#ff08280d;border-radius:4rem;align-items:center;gap:.5rem;width:100%;padding:1rem 2.5rem 1rem 1rem;display:flex;&>span:first-of-type{justify-content:center;align-items:center;display:flex}&>span:nth-of-type(2){flex-direction:column;display:flex;&>span:first-of-type{color:var(--black);font-size:.8rem;font-weight:600}&>span:nth-of-type(2){color:#2d2c2c66;font-size:.7rem}}}}}.restaurant-div{justify-content:center;align-items:center;display:none;&.active{display:flex}&>div{flex-direction:column;gap:1rem;width:400px;display:flex;&>button{background-color:var(--white);border:1px solid #2d2c2c33;border-radius:2rem;outline:none;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1rem 0;display:flex;&>span{justify-content:center;align-items:center;display:flex}}& p{color:#2d2c2c66;text-align:center;margin:0;font-size:.8rem;&>a{color:var(--blue);margin-left:.5rem;text-decoration:none}}}}.delivery-partner-div{justify-content:center;align-items:center;display:none;&.active{display:flex}&>div{flex-direction:column;gap:1rem;width:400px;display:flex;&>button{background-color:var(--white);border:1px solid #2d2c2c33;border-radius:2rem;outline:none;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1rem 0;display:flex;&>span{justify-content:center;align-items:center;display:flex}}& p{color:#2d2c2c66;text-align:center;margin:0;font-size:.8rem;&>a{color:var(--blue);margin-left:.5rem;text-decoration:none}}}}.footer{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:1rem;&>div{justify-content:center;align-items:center;gap:2rem;display:flex;&>a{color:#2d2c2c66;font-size:.8rem;text-decoration:none}}}