.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);font-size:22px;cursor:pointer;position:absolute;left:1rem}.navigation{position:relative;padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem}.navigation .nav-title{color:var(--color-purple);text-align:center;font-weight:700}.auth-content .auth-image{margin:1.25rem auto auto}.auth-content .btn-connect-gmail{color:var(--color-purple);padding:12px 10px;border:1px solid var(--color-purple);border-radius:10px;width:100%}.auth-content .btn-connect-gmail,.auth-content .content-text{text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.auth-content .content-text{color:var(--color-grey);margin-top:.5rem;margin-bottom:.5rem}.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);font-weight:700}.btn-solid,.suspend-alert .suspend-action{text-align:center;font-size:.75rem;line-height:1rem}.btn-solid{padding:16px 10px;border-radius:10px;width:100%;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-solid.purple{background:var(--color-purple)}.btn-solid.green{background:var(--color-green)}.btn-solid:disabled{background:var(--color-light-grey)}.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}.content-drawer .icon-lock:before{color:var(--color-purple);font-size:60px}.content-drawer .content-desc{color:var(--color-light-grey);font-size:.875rem;line-height:1.25rem}.content-drawer .action-sms{color:var(--color-purple);margin-top:.75rem;cursor:pointer;font-size:.75rem;line-height:1rem;font-weight:600}.content-drawer .content-title{color:var(--color-grey);font-size:.875rem;line-height:1.25rem;font-weight:600}.content-drawer .content-title span{color:var(--color-dark)}.content-drawer .countdown-resend{color:var(--color-grey);font-size:.875rem;line-height:1.25rem;font-weight:600}.content-drawer .countdown-resend span{color:var(--color-purple)}.content-drawer .resend-triger{color:var(--color-purple);cursor:pointer;font-size:.875rem;line-height:1.25rem;font-weight:600}.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}