body{margin:0;background:#fcf5eb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;user-select:none}.wrapper{display:flex;padding:14px 40px;flex-direction:column;height:100vh;box-sizing:border-box}.header{height:80px;flex-shrink:0}.logo{height:26px;display:flex;align-items:center;color:#25d366}.logo .icon{margin-top:-4px;margin-right:4px}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:16px;flex:1}.download{padding:24px 48px;border:1px solid #000;border-radius:25px;display:flex;align-items:center;background:#fff;column-gap:24px;color:#111b21}.download .title{display:flex;flex-direction:column;justify-content:center;row-gap:4px;width:500px;line-height:24px}.download .name{font-size:18px;font-weight:500}.download .desc{font-size:16px;font-weight:400;line-height:20px}.download button{padding:10px 24px;border:1px solid #000;border-radius:26px;background:#25d366;font-size:16px;font-weight:500;height:52px;min-width:162px;color:#111b21;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden;transition:color .33s linear .5s,border-color ease-out .5s,background-color .33s linear 0s}.download button:hover{color:#fff}.download button div{z-index:2;display:flex;justify-content:center;align-items:center;line-height:16px}.download button::after{content:"";position:absolute;width:158px;height:158px;background:#111b21;border-radius:50%;top:0;transform:scale(1) translateY(67px);transition:transform 1s cubic-bezier(.66,0,.34,1)}.download button:hover::after{transform:scale(1.47) translateY(0)}.download button svg{margin-left:14px;margin-top:-2px}.box{padding:48px;border:1px solid #000;border-radius:25px;background:#fff;color:#111b21}.box.qrcode .content{display:flex;justify-content:space-between;column-gap:24px}.box.qrcode .content .info{display:flex;flex-direction:column;row-gap:40px;width:522px}.box.qrcode .content .info .title{font-weight:400;font-size:2rem}.box.qrcode .content .info ol{margin:0;padding:0;font-size:1.125rem;list-style:none;line-height:24px;position:relative;display:flex;flex-direction:column;row-gap:20px}.box.qrcode .content .info ol li{column-gap:12px;display:flex;align-items:flex-start;letter-spacing:-.18px;z-index:1}.box.qrcode .content .info ol li .number{height:24px;width:24px;border:1px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;color:#000;background:#fff;flex-shrink:0}.box.qrcode .content .info ol li .text{display:flex;flex-wrap:wrap;align-items:center}.box.qrcode .content .info ol li .text strong{font-weight:500;white-space:nowrap;display:inline-flex;flex-wrap:nowrap;align-items:center}.box.qrcode .content .info ol li .text .icon-ws{border-radius:6px}.box.qrcode .content .info ol li .text .icon{height:24px;border:1px solid #959393;border-radius:7px;background:#f7f8fa;box-sizing:border-box;padding:2px 0}.box.qrcode .content .info ol li .text .icon.setting{padding:2px}.box.qrcode .content .info ol li .text .icon svg{opacity:.7}.box.qrcode .content .info ol .line{position:absolute;width:1px;height:calc(100% - 24px);background:#000;margin-inline-start:12.5px;margin-inline-end:12.5px}.box.qrcode .content .info .remember{display:flex;align-items:center;column-gap:12px;height:26px}.box.qrcode .content .info .remember input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #6c777f;background-color:#fff;cursor:pointer;border-radius:2px;position:relative;margin:4px}.box.qrcode .content .info .remember input[type=checkbox]:checked{background:#25d366;border:none}.box.qrcode .content .info .remember input[type=checkbox]:checked::before{content:"";width:5px;top:1px;left:6px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);position:absolute}.box.qrcode .content .info .remember .text{font-weight:500;display:flex;align-items:center;column-gap:4px;line-height:16px}.box.qrcode .content .right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.box.qrcode .content .right .code{width:228px;height:228px;position:relative;display:flex;justify-content:center;align-items:center}.box.qrcode .content .right .code .loading{width:100%;height:100%;background:#f4f4f4;border-radius:12px;display:flex;justify-content:center;align-items:center;position:absolute}.box.qrcode .content .right .code .loading svg{animation-iteration-count:infinite;animation-duration:2s;animation-name:routes;animation-timing-function:linear}.box.qrcode .content .right .code .loading svg .circless{stroke:#626262;stroke-dashoffset:0;stroke-linecap:round;stroke-dasharray:1,150;animation-name:eirysc09;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes routes{100%{transform:rotate(360deg)}}@keyframes eirysc09{0%{stroke-dasharray:1,150;stroke-dashoffset:0}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}}.box.qrcode .content .right .code .timeout{display:none;position:absolute;z-index:4;width:100%;height:100%;background-color:rgba(255,255,255,.9);padding:14px;box-sizing:border-box;cursor:pointer}.box.qrcode .content .right .code .timeout .bg{background-color:#0a0a0a;width:200px;height:200px;border-radius:15px;color:#fafafa;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}.box.qrcode .content .right .code .icon{display:none;position:absolute;margin-top:4px;z-index:3}.box.qrcode .content .right .code .qrcode{position:absolute;z-index:2}.box.qrcode .content .right .phone{line-height:20px;display:flex;align-items:center;column-gap:4px;font-size:16px;font-weight:500;text-decoration-line:underline;text-decoration-color:#25d366;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.box.qrcode .content .right .phone:hover{color:#25d366}.hint{display:flex;flex-direction:column;row-gap:24px;align-items:center;padding-top:8px}.hint .none{display:flex;column-gap:8px;color:#111b21;font-size:18px}.hint .none .no{padding-top:8px;line-height:140%}.hint .none .start{display:flex;align-items:center;column-gap:4px;font-size:16px;font-weight:500;text-decoration-line:underline;text-decoration-color:#25d366;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer;padding-top:12px;height:16px;line-height:16px}.hint .none .start:hover{color:#25d366}.hint .encrypt{display:flex;align-items:center;column-gap:4px;color:rgba(0,0,0,.6);line-height:20px}.hint .encrypt span{line-height:110%}.hint .privacy{font-size:12px;color:rgba(0,0,0,.6);cursor:pointer;letter-spacing:-.12px;line-height:130%}.hint .privacy:hover{text-decoration:underline}.footer{height:80px}.box.phone{display:none}.box.phone .content{width:774px;display:flex;flex-direction:column;align-items:center}.box.phone .content .title{font-size:32px;height:46px;margin-bottom:4px}.box.phone .content .desc{font-size:18px;line-height:21px;margin-bottom:32px}.country-selector{height:52px;justify-content:center;display:flex;position:relative;margin-bottom:12px}button.country-button{width:320px;border:1px solid #0a0a0a;border-radius:24px;padding:10px 24px;background:#fff;cursor:pointer;transition:all .18s ease-out}button.country-button:hover{box-shadow:0 2px 7px rgba(11,20,26,.09),0 1px 2px rgba(11,20,26,.05)}.country-info{display:flex;align-items:center;justify-content:space-between;line-height:20px}span.chevron-icon{transform:rotate(90deg);width:20px;height:20px}.country-flag{display:flex;align-items:center;font-size:14px}.country-flag img{width:20px;height:20px;margin-right:4px}.country-popper{z-index:2011;position:absolute;left:0;top:56px;width:300px;background:#fff;border-radius:16px;box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(11,20,26,.26),0 2px 10px 0 rgba(11,20,26,.16);display:none}.search-box{position:relative;box-sizing:border-box;display:flex;align-items:center;height:40px;border-radius:100px;padding:0 14px;margin:16px 16px 0;transition:box-shadow .18s ease-out,background-color .25s ease-out;background-color:rgba(194,189,184,.15)}.search-box .search-icon{flex-shrink:0}.search-box .input{padding-left:14px;outline:0;border:none;background-color:transparent}.nation-wrap{max-height:266px;padding:4px 8px 8px;box-sizing:border-box;overflow:hidden;display:flex}.nation-list{flex:1;overflow-y:auto}.nation-list .item{height:56px;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;border-radius:12px;cursor:pointer}.nation-list .item:hover{background-color:#f6f5f4}.nation-list .item .img{width:40px}.nation-list .item .img img{width:20px;height:20px}html[dir] .emoji.wa{background-size:100px 100px}.nation-list .item .name{width:100%;padding-right:15px}.nation-list .item .name .t{color:#0a0a0a;font-size:16px}.nation-list .item .name .b{color:rgba(0,0,0,.6);font-size:14px}.nation-list .item .phone{color:rgba(0,0,0,.6);font-size:14px}.phone-input{margin-bottom:8px}.phone-input form{display:flex;border:1px solid #0a0a0a;width:320px;border-radius:24px;padding:15px 30px;align-items:center;box-sizing:border-box}.phone-input form input{background-color:transparent;border:none;outline:0;font-size:1rem;margin-left:10px}.box.phone .content .country-box{width:320px;height:52px;border:1px solid #0a0a0a;border-radius:24px;padding:10px 24px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;cursor:pointer;transition:all .18s ease-out}.box.phone .content .country-box:hover{box-shadow:0 2px 7px rgba(11,20,26,.09),0 1px 2px rgba(11,20,26,.05)}.box.phone .content .country-box .left{display:flex;align-items:center;column-gap:20px;font-family:inherit;font-size:14px;line-height:20px}.box.phone .content .country-box .country-arrow{transform:rotate(90deg)}.box.phone .content .phone-box{width:320px;height:52px;border:1px solid #0a0a0a;border-radius:24px;padding:10px 24px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.box.phone .content .space{height:48px}.box.phone .content .error{display:none;height:40px;padding:12px 16px;border-radius:8px;background-color:#fde8eb;text-align:center;color:#b80531;font-size:16px;line-height:16px;margin-bottom:8px;box-sizing:border-box}.box.phone .content .next{border-width:1px;border-color:transparent;font-weight:500;background-color:#1daa61;color:#fff;border-radius:24px;font-size:14px;line-height:16px;padding:10px 24px;margin-bottom:24px;cursor:pointer;transition:all .18s ease-out}.box.phone .content .next:hover{background-color:rgba(29,170,97,.8);box-shadow:0 2px 7px rgba(11,20,26,.09),0 1px 2px rgba(11,20,26,.05)}.box.phone .content .qrcode{padding-top:4px;height:20px;line-height:16px;display:flex;column-gap:4px;font-size:16px;font-weight:500;text-decoration-line:underline;text-decoration-color:#25d366;text-decoration-thickness:2px;text-underline-offset:4px;box-sizing:border-box;cursor:pointer}.box.phone .content .qrcode:hover{color:#25d366}.box.phone-code{display:none}.box.phone-code .content{width:774px;display:flex;flex-direction:column}.box.phone-code .content .title{font-size:32px;height:46px}.box.phone-code .content .desc{display:flex;font-size:18px;line-height:21px;margin-bottom:32px}.box.phone-code .content .desc .edit{height:20px;color:#1daa61;font-weight:700;text-underline-offset:2px;cursor:pointer}.box.phone-code .content .desc .edit:hover{text-decoration:underline}.box.phone-code .content .code{height:50px;padding:24px 0;margin-bottom:24px;background-color:#f4f4f4;border-radius:10px;display:flex;justify-content:center;align-items:center}.box.phone-code .content .code .loading{width:60px;height:60px;border:4px solid #777575;border-top:4px solid #a1a1a1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#phone-code-grid{display:none}.box.phone-code .content .code .grid{display:flex;justify-content:center;align-items:center}.box.phone-code .content .code .grid .cell{width:42px;line-height:22px;border:1px solid #8d9599;border-radius:8px;background-color:#fff;margin:0 4px;display:flex;justify-content:center;align-items:center;color:#3b4a54;font-weight:500;font-size:22px;padding:13px 0}.box.phone-code .content .code .grid .line{color:#3b4a54;padding:3px;font-size:32px;line-height:32px}.box.phone-code .content ol{margin:0;padding:0;font-size:1.125rem;list-style:none;line-height:24px;position:relative;display:flex;flex-direction:column;row-gap:20px}.box.phone-code .content ol li{column-gap:12px;display:flex;align-items:flex-start;letter-spacing:-.18px;z-index:1}.box.phone-code .content ol li .number{height:24px;width:24px;border:1px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;color:#000;background:#fff;flex-shrink:0}.box.phone-code .content ol li .text{display:flex;flex-wrap:wrap;align-items:center}.box.phone-code .content ol li .text strong{font-weight:500;white-space:nowrap;display:inline-flex;flex-wrap:nowrap;align-items:center}.box.phone-code .content ol li .text .icon-ws{border-radius:6px}.box.phone-code .content ol li .text .icon{height:24px;border:1px solid #959393;border-radius:7px;background:#f7f8fa;box-sizing:border-box;padding:2px 0}.box.phone-code .content ol li .text .icon.setting{padding:2px}.box.phone-code .content ol li .text .icon svg{opacity:.7}.box.phone-code .content ol .line{position:absolute;width:1px;height:calc(100% - 24px);background:#000;margin-inline-start:12.5px;margin-inline-end:12.5px}.box.phone-code .content .qrcode{margin-top:20px;padding-top:4px;height:20px;width:fit-content;line-height:16px;display:flex;column-gap:4px;font-size:16px;font-weight:500;text-decoration-line:underline;text-decoration-color:#25d366;text-decoration-thickness:2px;text-underline-offset:4px;box-sizing:border-box;cursor:pointer}.box.phone-code .content .qrcode:hover{color:#25d366}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}