*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sarabun,Noto Sans Thai,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif}.login-outlet-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.login-outlet-modal{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:900px;overflow:hidden;position:relative;width:100%}.login-outlet-close{align-items:center;background:none;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:40px;z-index:10}.login-outlet-close:hover{background:#f7fafc;transform:scale(1.1)}.login-outlet-close svg{color:#2d3748}.login-outlet-content{display:flex;min-height:600px}@media (max-width:767px){.login-outlet-content{min-height:auto}}.login-outlet-banner{display:flex;flex:0 0 400px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:16px;position:relative}.login-outlet-banner:after,.login-outlet-banner:before{border-radius:50%;content:"";opacity:.1;position:absolute}.login-outlet-banner:before{border:40px solid #fff;height:300px;right:-50px;top:-100px;width:300px}.login-outlet-banner:after{background:#fff;bottom:200px;height:150px;right:50px;width:150px}.login-outlet-banner-content{position:relative;z-index:1}.login-outlet-banner-content img{border-radius:12px;height:auto;width:100%}.login-outlet-banner-text{color:#fff}.login-outlet-best-deals{font-size:20px;font-weight:500;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.login-outlet-mega-sale{font-size:72px;font-weight:900;letter-spacing:-2px;line-height:.9;margin-bottom:20px}.login-outlet-discount{align-items:baseline;display:flex;font-size:28px;font-weight:700;gap:8px;margin-bottom:15px}.login-outlet-discount .login-outlet-discount-small{font-size:20px}.login-outlet-discount .login-outlet-discount-large{font-size:32px}.login-outlet-limited{font-size:14px;font-weight:500;letter-spacing:3px;opacity:.9}.login-outlet-countdown{border-radius:16px;bottom:170px;padding:20px;position:absolute;width:100%;z-index:1}.login-outlet-countdown-title{color:#4318ff;font-size:13px;font-weight:600;margin-bottom:15px;text-align:center}.login-outlet-countdown-timer{align-items:center;display:flex;gap:15px;justify-content:center}.login-outlet-time-unit{text-align:center}.login-outlet-time-value{color:#2d3748;font-size:36px;font-weight:700;line-height:1}.login-outlet-time-label{color:#718096;font-size:12px;margin-top:5px}.login-outlet-time-separator{color:#a0aec0;font-size:28px;font-weight:300}.login-outlet-form-container{flex:1;margin:16px 16px 16px 0;position:relative}@media (max-width:767px){.login-outlet-form-container{margin:0}}.login-outlet-step{display:none}.login-outlet-step.login-outlet-step-active{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:767px){.login-outlet-step.login-outlet-step-active{padding:24px;position:static;transform:none}}.login-outlet-back{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-bottom:0;margin-left:-10px;margin-top:2px;transition:all .3s ease;width:32px}.login-outlet-back:hover{background:#f7fafc}.login-outlet-back svg{color:#4318ff}.login-outlet-title{color:var(--fill-content-on-color-background,#5245f8);font-family:var(--Font-TH-Sarabun-Header,Sarabun);font-size:var(--Font-Size-2xl,20px);font-style:normal;font-weight:700;line-height:var(--Font-Line-height-xl,32px);margin:0;text-align:left}.login-outlet-subtitle{color:var(--fill-content-hint,#a3a3a3);font-family:var(--Font-TH-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);margin:0;text-align:left}.login-outlet-form-group{margin-bottom:24px;margin-top:24px}.login-outlet-label{color:#2e2e2e;font-family:Sarabun;letter-spacing:var(--Letter-spacing-m,.5px);line-height:24px;margin-bottom:6px}.login-outlet-label,.login-outlet-ref{font-size:14px;font-style:normal;font-weight:600}.login-outlet-ref{color:#a3a3a3}#step2 .login-outlet-input{border:1px solid #dedede;border-radius:12px;color:#2e2e2e;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:12px;text-align:center;transition:all .3s ease;width:100%}#step2 .login-outlet-input::-moz-placeholder{color:#9d9d9d!important;font-size:14px;font-style:normal;font-weight:600}#step2 .login-outlet-input::placeholder{color:#9d9d9d!important;font-size:14px;font-style:normal;font-weight:600}.login-outlet-input::-moz-placeholder{align-items:center;align-self:stretch;background:transparent;border:1px solid #fff;color:#9d9d9d;display:flex;font-family:Sarabun;font-size:14px;gap:10px;height:44px;line-height:44px}.login-outlet-input::placeholder{align-items:center;align-self:stretch;background:transparent;border:1px solid #fff;color:#9d9d9d;display:flex;font-family:Sarabun;font-size:14px;gap:10px;height:44px;line-height:44px}.login-outlet-input{border:1px solid #dedede;border-radius:12px;color:#2e2e2e;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px;padding:12px;text-align:start;transition:all .3s ease;width:100%}.login-outlet-input::-moz-placeholder{color:#a0aec0;font-family:var(--Font-EN-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px)}.login-outlet-input::placeholder{color:#a0aec0;font-family:var(--Font-EN-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px)}.login-outlet-input:focus{border-color:#4318ff;box-shadow:0 0 0 3px rgba(67,24,255,.1);outline:none}.login-outlet-button{border:none;border-radius:var(--radius-rd-md-12,12px);color:#fff;color:var(--fill-content-default,#fff);cursor:pointer;font-family:inherit;font-family:var(--Font-EN-Sarabun-Button,Sarabun);font-size:16px;font-size:var(--Font-Size-l,16px);font-style:normal;font-weight:600;font-weight:500;height:50px;line-height:var(--Font-Line-height-s,20px);text-align:center;transition:all .3s ease;width:100%}.login-outlet-button,.login-outlet-button:hover{background:var(--Gradient-Button-Primary,linear-gradient(90deg,var(--Primary-Blue-B300,#2e1ff7) 0,var(--Primary-Pink-P400,#920092) 100%))}.login-outlet-button:hover{box-shadow:0 4px 12px rgba(67,24,255,.3);transform:translateY(-1px)}.login-outlet-button:active{transform:translateY(0)}.login-outlet-button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.login-outlet-otp-info{margin-top:4px}.login-outlet-otp-info,.login-outlet-otp-info #displayPhone{color:#a3a3a3;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.25px;line-height:20px}.login-outlet-resend{background:none;border:none;color:#e53e3e;color:var(--fill-content-on-color-background,#5245f8);cursor:pointer;font-family:var(--Font-EN-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:600;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);margin-top:4px;padding:0;text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.login-outlet-resend:hover:not(:disabled){opacity:.8}.login-outlet-resend:disabled{color:#f20189;cursor:not-allowed;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:20px;text-decoration:none}@media (max-width:767px){.login-outlet-overlay{padding:0}.login-outlet-banner{display:none}.login-outlet-modal{border-radius:28px;max-width:100%}}@media (max-width:767px) and (max-width:767px){.login-outlet-modal{border-radius:28px;margin:auto;max-width:343px}}@media (max-width:767px){.login-outlet-title{font-size:20px}}@media (min-width:769px){#myModal-login{margin:0 auto!important;transform:translate(0)}#myModal-login .login-overlay-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);height:602px;left:50%;overflow:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:722px;z-index:9999}#myModal-login .overlay-modal{align-items:center;background:none;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}}#myModal-login .modal-dialog{width:722px}@media (max-width:767px){#myModal-login .modal-dialog{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}}.box-show-back-title{display:flex;gap:4px}.profile-login-head-succ-dropdown-container{position:relative}.profile-login-head-succ-profile-button{align-items:center;background:transparent;border:1px solid var(--fill-content-placeholder,#dedede);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;display:flex;gap:15px;justify-content:center;padding:4px 8px;transition:all .3s ease}@media (max-width:768px){.profile-login-head-succ-profile-button{display:none}}.profile-login-head-succ-profile-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-1px)}.profile-login-head-succ-profile-icon{align-items:center;background:linear-gradient(135deg,#e8e3ff,#d4d0ff);border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.profile-login-head-succ-profile-icon svg{fill:none;stroke-width:2.5}.profile-login-head-succ-arrow-icon{transition:transform .3s ease}.profile-login-head-succ-profile-button.active .profile-login-head-succ-arrow-icon{transform:rotate(180deg)}.profile-login-head-succ-dropdown-menu{background:#fff;background:var(--fill-background-card,#fff);border-radius:20px;border-radius:var(--radius-rd-sm-8,8px);box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:280px;opacity:0;padding:8px;position:absolute;right:0;top:calc(100% + 15px);transform:translateY(-10px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);visibility:hidden}.profile-login-head-succ-dropdown-menu.active{opacity:1;transform:translateY(0);visibility:visible}.profile-login-head-succ-menu-item{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:18px;gap:var(--padding-pd-sm-8,8px);padding:10px 8px;text-decoration:none;transition:all .2s ease}.profile-login-head-succ-menu-item:hover{background:#f7fafc;padding-left:35px}.profile-login-head-succ-menu-icon{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.profile-login-head-succ-menu-icon svg{stroke:#2d3748;fill:none;stroke-width:2;height:100%;width:100%}.profile-login-head-succ-menu-text{color:var(--fill-content-on-white-background,#2e2e2e);font-family:var(--Font-EN-Sarabun-Button,Sarabun);font-size:var(--Font-Size-l,16px);font-style:normal;font-weight:500;line-height:var(--Font-Line-height-s,20px)}@keyframes profile_login_head_succ_slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-login-head-succ-dropdown-menu.active .profile-login-head-succ-menu-item{animation:profile_login_head_succ_slideIn .3s ease forwards}.profile-login-head-succ-dropdown-menu.active .profile-login-head-succ-menu-item:first-child{animation-delay:.05s}.profile-login-head-succ-dropdown-menu.active .profile-login-head-succ-menu-item:nth-child(2){animation-delay:.1s}.profile-login-head-succ-dropdown-menu.active .profile-login-head-succ-menu-item:nth-child(3){animation-delay:.15s}.profile-login-head-succ-dropdown-menu.active .profile-login-head-succ-menu-item:nth-child(4){animation-delay:.2s}.login-outlet-error{color:var(--fill-content-Validate,#f20189);font-family:var(--Font-TH-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);margin-bottom:4px;margin-top:4px}.custom-spinner{animation:spin .8s linear infinite;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.profile-login-head-succ-menu-icon-list{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.profile-login-head-succ-menu-icon-list svg{height:100%;width:100%}