.main{margin:0 auto;min-height:100%;max-width:480px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.auth-page{height:100vh;background:url(/_next/static/media/bg-auth-page.00f7f3a7.png);background-size:cover;position:relative}.auth-content{margin:0 16px}.icon-back-purple:before{color:var(--color-purple)}.navigation{position:relative;padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;display:flex;align-items:center;justify-content:center}.navigation .icon-chevron-left{position:absolute;left:16px;font-size:22px;cursor:pointer;z-index:10}.navigation .nav-title{color:var(--color-purple);margin:0;pointer-events:none;text-align:center;font-weight:700}.auth-content .auth-image{margin:1.25rem auto auto}.auth-content .btn-connect-email,.auth-content .btn-connect-gmail{color:var(--color-purple);padding:12px 10px;border:1px solid var(--color-purple);border-radius:10px;width:100%;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.auth-content .btn-connect-email{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(119,80,248,.05);transition:all .3s ease;max-width:250px;min-width:200px;margin:0 auto}.auth-content .btn-connect-email:hover{background:rgba(119,80,248,.1)}.auth-content .content-text{color:var(--color-grey);margin-top:.5rem;margin-bottom:.5rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.auth-content .text-register{color:var(--color-dark);margin-top:.75rem;text-align:center;font-size:.75rem;line-height:1rem}.auth-content .text-register a{color:var(--color-purple);margin-left:.25rem;font-weight:700}.input-group{position:relative}.input-group .input-icon{top:9px;left:12px;position:absolute}.input-group input{padding:10px 16px 10px 40px}.input-default input,.input-group input{outline:none;border-radius:5px;width:100%;font-size:.875rem;line-height:1.25rem}.input-default input{padding:10px 16px}.input-default.input-error input{border:1px solid var(--color-red)}.input-default .text-error{display:none}.input-default.input-error .text-error{color:var(--color-red);display:block;margin-top:.25rem;font-size:.75rem;line-height:1rem;font-weight:600}.auth-content .error-suspend,.suspend-alert .suspend-message{color:var(--color-red);margin-top:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.auth-content .error-suspend a{color:var(--color-purple)}.suspend-alert .suspend-action{color:var(--color-purple);text-align:center;font-size:.75rem;line-height:1rem;font-weight:700}.overlay{background:rgba(0,0,0,.6);position:absolute;left:0;height:100%}.drawer,.overlay{bottom:0;width:100%}.drawer{border-radius:10px 10px 0 0;position:fixed;z-index:40;height:auto;max-width:480px;overflow-y:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.drawer.show{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drawer.full-screen{border-radius:0;height:100vh}.drawer.bg-auth{background:url(/_next/static/media/bg-auth-page.00f7f3a7.png);background-size:cover}.header-drawer{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem}.header-drawer p{color:var(--color-purple);font-size:.875rem;line-height:1.25rem;font-weight:700}.header-drawer .icon-close-purple:before{color:var(--color-light-grey);font-size:22px;cursor:pointer}.content-drawer{text-align:center;font-size:14px;color:var(--color-grey);font-weight:600;padding-inline:1rem}.content-drawer .text-red{color:var(--color-red)}.content-drawer .text-click{color:var(--color-purple)}.snackbar-wrap{z-index:999;max-width:480px;position:fixed;bottom:0;width:100%}.snackbar-wrap .snackbar-inner{padding:10px 16px;background:rgb(var(--soft-green))}.snackbar-wrap .snackbar-inner p{color:rgb(var(--dark-green));font-size:.75rem;line-height:1rem;font-weight:600}