.login-drawer__heading{font-size:2.5rem;font-weight:700;color:#000;margin:0 0 1rem}.login-drawer__body{position:relative;flex-grow:1;display:flex;flex-direction:column;padding:1rem 0 2rem}login-drawer[data-step=phone] [data-screen=phone]{display:flex}login-drawer[data-step=phone] [data-screen=otp],login-drawer[data-step=phone] [data-screen=success]{display:none}login-drawer[data-step=otp] [data-screen=otp]{display:flex}login-drawer[data-step=otp] [data-screen=phone],login-drawer[data-step=otp] [data-screen=success]{display:none}login-drawer[data-step=success] [data-screen=phone],login-drawer[data-step=success] [data-screen=otp]{visibility:hidden}login-drawer[data-step=success] [data-screen=success]{display:flex}.login-drawer__form{flex-direction:column;gap:1.5rem}.login-drawer__description{margin:0;font-size:1.5rem;line-height:1.4;color:rgb(var(--color-foreground))}.login-drawer__phone-display{font-weight:700;unicode-bidi:isolate}.login-drawer .field{display:flex;flex-direction:column;gap:.6rem}.login-drawer .field__label{font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground))}.login-drawer .field__input{width:100%;padding:1.2rem 1.4rem;font-size:1.6rem;border:.1rem solid rgba(var(--color-foreground),.4);border-radius:.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-sizing:border-box;transition:border-color var(--duration-short) ease}.login-drawer .field__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.login-drawer .field__input:invalid:not(:placeholder-shown){border-color:#dc2626cc}.login-drawer__otp-input{letter-spacing:.6rem;text-align:center;font-size:2rem;font-variant-numeric:tabular-nums}.login-drawer__field-error{font-size:1.2rem;color:#dc2626;margin-top:.4rem}.login-drawer__field-error[hidden]{display:none}.login-drawer__submit{width:100%;margin-top:.5rem}.login-drawer__submit:disabled{opacity:.5;cursor:not-allowed}.login-drawer__back{background:none;border:none;padding:.8rem;margin:0 auto;font-size:1.4rem;color:rgba(var(--color-foreground),.7);text-decoration:underline;cursor:pointer}.login-drawer__back:hover{color:rgb(var(--color-foreground))}.login-drawer__success{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-background));flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:1}.login-drawer__success-check svg{width:8rem;height:8rem}.login-drawer__success-circle{stroke:#228b22;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:login-drawer-circle .5s ease-out forwards}.login-drawer__success-tick{stroke:#228b22;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:login-drawer-tick .4s .4s ease-out forwards}@keyframes login-drawer-circle{to{stroke-dashoffset:0}}@keyframes login-drawer-tick{to{stroke-dashoffset:0}}.login-drawer__success-text{font-size:1.8rem;font-weight:700;color:#228b22;margin:0}login-drawer[data-step=customers] [data-screen=customers]{display:flex;flex-direction:column;gap:1.2rem}login-drawer[data-step=email] [data-screen=email],login-drawer[data-step=register] [data-screen=register],login-drawer[data-step=email-conflict] [data-screen=email-conflict],login-drawer[data-step=email-otp] [data-screen=email-otp]{display:flex}.login-drawer__customers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.login-drawer__customer-item-wrapper{list-style:none}.login-drawer__customer-item{width:100%;text-align:start;padding:1.2rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;display:flex;flex-direction:column;gap:.3rem;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.login-drawer__customer-item:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.login-drawer__customer-item:active{background-color:rgba(var(--color-foreground),.08)}.login-drawer__customer-item:disabled{opacity:.55;cursor:wait}.login-drawer__customer-name{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.login-drawer__customer-email{font-size:1.2rem;color:rgba(var(--color-foreground),.7);unicode-bidi:isolate}.login-drawer__resend{background:none;border:none;padding:.6rem;margin:.3rem auto 0;font-size:1.3rem;color:#2260a8;text-decoration:underline;cursor:pointer}.login-drawer__resend:hover{color:#144682}.login-drawer__resend:disabled{opacity:.5;cursor:not-allowed}.login-drawer__resend-status{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin-top:.4rem;text-align:center}.login-drawer__resend-status[hidden]{display:none}.login-drawer__resend[disabled]{cursor:not-allowed;pointer-events:none;color:rgba(var(--color-foreground),.5)}.login-drawer__none-of-these{background:none;border:.1rem solid rgba(var(--color-foreground),.4);padding:1rem 1.2rem;margin-top:.6rem;font-size:1.4rem;color:rgb(var(--color-foreground));border-radius:.4rem;cursor:pointer;text-align:center;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.login-drawer__none-of-these:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.login-drawer__none-of-these:disabled{opacity:.55;cursor:wait}.login-drawer__hint{display:block;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.7);margin-top:.4rem}.login-drawer__readonly-value{padding:1.2rem 1.4rem;font-size:1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.4rem;background-color:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.85);unicode-bidi:isolate}.login-drawer__phone-hint{font-size:2rem;font-weight:700;color:rgb(var(--color-foreground));text-align:center;letter-spacing:.1rem;margin:.5rem 0;unicode-bidi:isolate}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-login-drawer.css.map */