.l9sva{display:flex;flex-direction:column;align-items:center;height:100vh;padding-top:20vh;gap:8px;background-color:#240c4a}.l9sva img{width:223px;height:91px}.l9sva .text{font-size:14px;line-height:20px;text-align:center;color:#fff}.spti3dq{display:flex;justify-content:center;align-items:center;flex-direction:column}.s1b03yic{font-size:1.25rem;font-weight:700}.s1b03yic,.sozcge8{line-height:1.5;color:#222}.sozcge8{font-size:.875rem;text-align:center;white-space:break-spaces;max-width:300px}@media screen and (min-width:768px){.sozcge8{max-width:864px}}.se1ph56{display:flex;align-items:center;justify-content:center;margin-bottom:48px;width:300px;height:150px}.se1ph56 img{max-width:300px;max-height:150px}@media screen and (min-width:768px){.se1ph56,.se1ph56 img{max-width:400px;max-height:200px}}.s1y191v5{min-width:180px}.bwhiwut{cursor:pointer;display:inline-flex;font-weight:400;align-items:center;border-style:solid;border-width:1px;-webkit-text-decoration:none;text-decoration:none}.bwhiwut.stretch{width:100%;display:flex;justify-content:center}.bwhiwut.i-left>svg{margin-right:.5em;margin-left:0}.bwhiwut.i-right>svg{margin-right:0;margin-left:.5em}.bwhiwut.small{font-size:.75rem;line-height:1;padding:5px 11px}.bwhiwut.small.icon{font-size:.75rem;padding:.3rem}.bwhiwut.small.i-left>svg,.bwhiwut.small.i-right>svg,.bwhiwut.small.icon>svg{font-size:1rem}.bwhiwut,.bwhiwut.medium{font-size:.875rem;line-height:1;padding:8px 16px}.bwhiwut.icon,.bwhiwut.medium.icon{font-size:1rem;padding:.4rem}.bwhiwut.i-left>svg,.bwhiwut.i-right>svg,.bwhiwut.medium.i-left>svg,.bwhiwut.medium.i-right>svg{font-size:1rem}.bwhiwut.large{font-size:1rem;line-height:1.25;padding:9px 19px}.bwhiwut.large.icon{font-size:1.25rem;padding:.5rem}.bwhiwut.large.i-left>svg,.bwhiwut.large.i-right>svg{font-size:1.25rem}.bwhiwut,.bwhiwut.primary{color:#fff;background-color:#f80;border-color:#f80}.bwhiwut.primary:hover,.bwhiwut:hover{color:#fff;background-color:#ffb057;border-color:#ffb057}.bwhiwut.primary:active,.bwhiwut:active{color:#fff;background-color:#e56700;border-color:#e56700}.bwhiwut.info{color:#fff;background-color:#306bd9;border-color:#306bd9}.bwhiwut.info:hover{color:#fff;background-color:#548af0;border-color:#548af0}.bwhiwut.info:active{color:#fff;background-color:#1952ba;border-color:#1952ba}.bwhiwut.accent,.bwhiwut.positive,.bwhiwut.success{color:#fff;background-color:#12a154;border-color:#12a154}.bwhiwut.accent:hover,.bwhiwut.positive:hover,.bwhiwut.success:hover{color:#fff;background-color:#26c06e;border-color:#26c06e}.bwhiwut.accent:active,.bwhiwut.positive:active,.bwhiwut.success:active{color:#fff;background-color:#108446;border-color:#108446}.bwhiwut.error{color:#fff;background:#e5193b;border-color:#e5193b}.bwhiwut.error:hover{background:#ff4766;border-color:#ff4766}.bwhiwut.error:active{background:#b01730;border-color:#b01730}.bwhiwut.neutral{color:#fff;background-color:#8c8c8c;border-color:#8c8c8c}.bwhiwut.neutral:hover{color:#fff;background-color:#a7a7a7;border-color:#a7a7a7}.bwhiwut.neutral:active{color:#fff;background-color:#737373;border-color:#737373}.bwhiwut.chotot{color:#222;background:#ffd54c;border-color:#ffd54c}.bwhiwut.chotot:hover{background:#ffe999;border-color:#ffe999}.bwhiwut.chotot:active{background:#ffba00;border-color:#ffba00}.bwhiwut.critical{color:#fff;background-color:#e5193b;border-color:#e5193b}.bwhiwut.critical:hover{color:#fff;background-color:#b01730;border-color:#b01730}.bwhiwut.critical:active{color:#fff;background-color:#ff4766;border-color:#ff4766}.bwhiwut.caution{color:#fff;background-color:#ffba00;border-color:#ffba00}.bwhiwut.caution:hover{color:#fff;background-color:#ffd54c;border-color:#ffd54c}.bwhiwut.caution:active{color:#fff;background-color:#e09900;border-color:#e09900}.bwhiwut.outline,.bwhiwut.outline.o-primary{color:#f80;background:transparent;border-color:currentColor}.bwhiwut.outline.o-primary:hover,.bwhiwut.outline:hover{color:#f80;background:#ffe9c2;border-color:currentColor}.bwhiwut.outline.o-primary:active,.bwhiwut.outline:active{color:#f80;background:#ffd494;border-color:currentColor}.bwhiwut.o-info{color:#306bd9}.bwhiwut.o-info:hover{background:#e4ecfb;color:#306bd9}.bwhiwut.o-info:active{background:#cadbf7;color:#306bd9}.bwhiwut.o-accent,.bwhiwut.o-positive,.bwhiwut.o-success{color:#12a154}.bwhiwut.o-accent:hover,.bwhiwut.o-positive:hover,.bwhiwut.o-success:hover{background:#d9f2e4;color:#12a154}.bwhiwut.o-accent:active,.bwhiwut.o-positive:active,.bwhiwut.o-success:active{background:#abe7c5;color:#12a154}.bwhiwut.o-error{color:#e5193b}.bwhiwut.o-error:hover{background:#ffe5ea;color:#e5193b}.bwhiwut.o-error:active{background:#fccfd7;color:#e5193b}.bwhiwut.o-tertiary,.bwhiwut.o-tertiary:hover{color:#222;border-color:silver}.bwhiwut.o-tertiary:hover{background:#e8e8e8}.bwhiwut.o-tertiary:active{color:#222;background:#dadada;border-color:silver}.bwhiwut.o-critical{color:#e5193b}.bwhiwut.o-critical:hover{background:#ffe5ea;color:#b01730}.bwhiwut.o-critical:active{color:#ff4766}.bwhiwut.o-caution{color:#ffba00}.bwhiwut.o-caution:hover{background:#ffe999;color:#ffd54c}.bwhiwut.o-caution:active{color:#e09900}.bwhiwut.tonal,.bwhiwut.tonal.t-primary{color:#f80;background:#fff4e0;border-color:#fff4e0}.bwhiwut.tonal.t-primary:hover,.bwhiwut.tonal:hover{color:#f80;background:#ffe9c2}.bwhiwut.tonal.t-primary:active,.bwhiwut.tonal:active{color:#f80;background:#ffd494}.bwhiwut.t-info{color:#306bd9;background:#f2f6fc;border-color:#f2f6fc}.bwhiwut.t-info:hover{background:#e4ecfb;color:#306bd9}.bwhiwut.t-info:active{background:#cadbf7;color:#306bd9}.bwhiwut.t-success{color:#12a154;background:#ecf9f1;border-color:#ecf9f1}.bwhiwut.t-success:hover{background:#d9f2e4;color:#12a154}.bwhiwut.t-success:active{background:#abe7c5;color:#12a154}.bwhiwut.t-error{color:#e5193b;background:#fff0f2;border-color:#fff0f2}.bwhiwut.t-error:hover{background:#ffe5ea;color:#e5193b}.bwhiwut.t-error:active{background:#fccfd7;color:#e5193b}.bwhiwut.t-neutral{color:#222;background:#f4f4f4;border-color:#f4f4f4}.bwhiwut.t-neutral:hover{color:#222;background:#e8e8e8}.bwhiwut.t-neutral:active{color:#222;background:#dadada}.bwhiwut.disabled,.bwhiwut:disabled,.bwhiwut[disabled]{color:#fff;background-color:silver;border-color:silver;cursor:default}.bwhiwut.disabled:active,.bwhiwut.disabled:hover,.bwhiwut:disabled:active,.bwhiwut:disabled:hover,.bwhiwut[disabled]:active,.bwhiwut[disabled]:hover{color:#fff;background-color:silver;border-color:silver}.bwhiwut.outline.disabled,.bwhiwut.outline.disabled:active,.bwhiwut.outline.disabled:hover,.bwhiwut.outline:disabled,.bwhiwut.outline:disabled:active,.bwhiwut.outline:disabled:hover,.bwhiwut.outline[disabled],.bwhiwut.outline[disabled]:active,.bwhiwut.outline[disabled]:hover{color:silver;background-color:#fff;border-color:silver}.bwhiwut.r-normal{border-radius:4px}.bwhiwut.r-pill{border-radius:9999px}.bwhiwut.r-circle{border-radius:100%}.bwhiwut.w-normal{font-weight:400}.bwhiwut.w-bold{font-weight:700}.o3o075g{display:flex;flex-direction:column;align-items:center;justify-content:end;width:100%;height:calc(100vh - 56px);gap:16px;padding:16px 0;background-image:url(https://static.chotot.com/storage/lunar_campaign/background_onboarding_mobile.webp);background-size:cover;position:relative}.o3o075g .close{position:absolute;top:16px;left:16px;background:transparent;border:none;outline:none;cursor:pointer;z-index:10;padding:0}.o3o075g .close>img{width:32px;height:32px}.o3o075g p{font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#fff}.o3o075g .image{display:flex;justify-content:center;align-items:center;padding:0;margin-top:50px;margin-bottom:50px;overflow:hidden;animation:zoomIn-o3o075g 1s ease-in-out forwards}.o3o075g .image>img{width:100%;height:auto;transform-origin:center}@keyframes zoomIn-o3o075g{0%{transform:scale(1)}to{transform:scale(1.28)}}.o3o075g .title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:32px;color:#fff;margin-top:16px}.o3o075g .description{width:100%;flex-direction:column;padding:0 24px;text-align:center}.o3o075g .description,.o3o075g .indicator{display:flex;align-items:center;gap:8px}.o3o075g .indicator .item{width:8px;height:8px;border-radius:50%;background-color:#e8e8e8}.o3o075g .indicator .itemActive{width:16px;background-color:#f80;border-radius:8px}.o3o075g .btnOnboarding{padding:0 16px;width:100%}.o3o075g .btnOnboarding .btn{background:#fff;color:#222}.m14jjasf{position:fixed;bottom:0;left:0;width:100vw;height:100vh;z-index:1700;min-height:-webkit-fill-available}@media screen and (min-width:768px){.m14jjasf{display:grid;place-items:center}}.b1oyvbtu{background-color:#222;top:0;height:100%;opacity:.3}.b1oyvbtu,.s18jcrwb{position:absolute;left:0;width:100%}.s18jcrwb{bottom:0;max-height:calc(100vh - 12px);background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.3);animation:slideFromBottom-s18jcrwb .2s ease-out 0s 1;overflow:hidden}@keyframes scaleToFull-s18jcrwb{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes slideFromBottom-s18jcrwb{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (min-width:768px){.s18jcrwb{position:static;border-radius:4px;animation:scaleToFull-s18jcrwb .2s ease-out 0s 1;max-width:480px;margin-top:40px}}.s18jcrwb>h5{margin:16px 0 12px;font-size:1rem;line-height:1.5;color:#222;font-weight:700}.s18jcrwb>.main-icon{display:grid;place-items:center;height:80px}.s18jcrwb>.main-icon>svg{font-size:80px;height:80px}.sv06sid{position:relative;justify-content:center;flex-direction:column;height:48px}.sbdkpj4,.sv06sid{display:flex;align-items:center}.sbdkpj4{padding:calc(4px + 8px) 16px;width:100%;justify-content:var(--sbdkpj4-0);gap:8px}.sbdkpj4>button{height:40px;line-height:1.25}.bbo6x7f{justify-content:center;width:100%}.csy92nz{position:absolute;top:16px;left:16px;background-color:transparent;outline:none;white-space:nowrap;font-size:1.5rem;display:grid;place-items:center;border-radius:100%;width:40px;height:40px;padding:8px;margin:-12px}.csy92nz svg{color:#222;width:24px;height:24px}.csy92nz:focus{outline:none}.csy92nz:hover{background-color:#f4f4f4}.csy92nz.is-text{color:#f80;font-size:.875rem}@media screen and (min-width:768px){.csy92nz{top:16px;right:12px}}.o1t6hhsp{font-size:1.5rem;position:absolute;font-weight:700;line-height:1.25;top:16px;right:16px;background-color:transparent;outline:none;white-space:nowrap;display:grid;place-items:center;width:-moz-fit-content;width:fit-content;padding:8px;margin:-12px}.o1t6hhsp:focus{outline:none}.o1t6hhsp.is-text{color:#306bd9;font-size:.875rem;padding:12px 8px}.o1t6hhsp.is-text:hover{border-radius:4px}.o1t6hhsp svg{width:24px;height:24px}.o1t6hhsp:hover{background-color:#f4f4f4;border-radius:100%}@media screen and (min-width:768px){.o1t6hhsp{top:16px;right:16px}}.c99mvzg{position:relative;margin:0 16px}.c99mvzg .shadow{position:absolute;left:0;z-index:100;height:6px;width:200%;margin-left:-64px}.c99mvzg .shadow-top{top:0;background:linear-gradient(270deg,rgba(0,0,0,.15),transparent,transparent);background:linear-gradient(180deg,rgba(0,0,0,.15),transparent,transparent);opacity:0}.c99mvzg .shadow-bottom{bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent,transparent);background:linear-gradient(0deg,rgba(0,0,0,.15),transparent,transparent);opacity:0}@media screen and (min-width:768px){.c99mvzg{margin:0 24px}}.cm958j4{position:relative;line-height:1.5;width:calc(100% + 16px * 2);max-height:calc(100vh - 120px);padding:0 16px;margin:0 -16px;overflow-y:auto}.cm958j4.is-single-string{white-space:pre-wrap;text-align:center}.cm958j4.no-button{max-height:calc(100vh - 76px)}@media screen and (min-width:768px){.cm958j4{width:calc(100% + 24px * 2);padding:0 24px;margin:0 -24px}.cm958j4.cm958j4{max-height:calc(100vh - 144px)}.cm958j4.cm958j4.no-button{max-height:calc(100vh - 88px)}}.sd4hqjq{overflow-y:visible}.h1g0vpue{display:flex;height:48px;width:100%;justify-content:center;align-items:center;border-radius:12px 12px 0 0}.h1g0vpue h5{margin:0;padding:0}.n1qep3fm{margin:0}.c1fh0zke{padding:0}.o1y1xvo{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px;padding:16px;position:relative}.o1y1xvo p{font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#222}.o1y1xvo .image{display:flex;justify-content:center;padding:0;overflow:hidden}.o1y1xvo .image,.o1y1xvo .image>img{width:100%;border-radius:8px}.o1y1xvo .title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:32px;color:#222;margin-top:16px}.o1y1xvo .description{width:100%;flex-direction:column;padding:0 16px;text-align:center}.o1y1xvo .description,.o1y1xvo .indicator{display:flex;align-items:center;gap:8px}.o1y1xvo .indicator .item{width:8px;height:8px;border-radius:50%;background-color:#e8e8e8}.o1y1xvo .indicator .itemActive{width:16px;background-color:#f80;border-radius:8px}.o1y1xvo .btnOnboarding{width:100%}.o1y1xvo .btnOnboarding .btn{background:#222;color:#fff;border:none}.syzc1jb{position:fixed;bottom:24px;left:0;width:100%;padding:0 12px;text-align:center;z-index:1900}.ssobd3v{color:#fff;background-color:#222;border-radius:4px;padding:12px 8px;font-size:.875rem;line-height:20px;opacity:.8;animation:fadeIn-ssobd3v .15s ease 0s;position:relative}@keyframes fadeIn-ssobd3v{0%{opacity:0;transform:scale(.9)}to{opacity:.8;transform:scale(1)}}@keyframes fadeOut-ssobd3v{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.ssobd3v.exit{animation-name:fadeOut-ssobd3v}@media screen and (min-width:768px){.ssobd3v{margin:0 auto}.ssobd3v.md{max-width:480px}.ssobd3v.lg{max-width:636px}.ssobd3v.xl{max-width:864px}}.cdiwn7x{position:absolute;right:12px;top:12px;background-color:#595959;line-height:0px;padding:4px;border-radius:100%}.cdiwn7x svg{width:12px;height:12px;color:#fff}.cdiwn7x:focus{outline:none}.a1u2yltb{background-color:transparent;position:absolute;right:12px;color:#f80;font-weight:700}.a1u2yltb:focus{outline:none}.dh5l8w8{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:358px}@media (min-width:768px){.dh5l8w8{width:300px;margin-top:80px}}.dh5l8w8 .emptyCard{background-color:#fff;width:97%;height:300px;border-radius:32px;z-index:1;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.dh5l8w8 .card{width:100%;aspect-ratio:1/1;min-height:250px}.dh5l8w8 .dragonCardImage{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;position:relative}.dh5l8w8 .dragonCardImage .dragonImage{width:100%;height:auto}.dh5l8w8 .dragonCardImage .dragonLevelTitle{position:absolute;top:27px;left:50%;transform:translateX(-50%);color:#fff;border-radius:30px;background:rgba(0,0,0,.6);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8.699999809265137px);backdrop-filter:blur(8.699999809265137px);padding:4px 16px;font-size:12px}@media (min-width:768px){.dh5l8w8 .dragonCardImage .dragonLevelTitle{top:25px}}.dh5l8w8 .dragonCardImage .dragonCode{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 12px;border-radius:32px;background:linear-gradient(180deg,#fedfb3,#f5cb79);position:absolute;bottom:25%;left:50%;transform:translateX(-50%);color:#8d1600;font-size:8px;line-height:12px;z-index:1}.dh5l8w8 .dragonCardImage .dragonCode:before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#fddcad}.dh5l8w8 .dragonCardImage .dragonCode .dragonCodeValue{text-align:right;font-size:12px;line-height:20px;font-weight:700;display:flex;gap:2px;align-items:center;justify-content:center}.dh5l8w8 .dragonCardImage .giftStatusBtn{position:absolute;top:22px;right:25px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background:radial-gradient(107.12% 107.14% at 67.39% 1.45%,#fff 0,#fae2a8 100%);box-shadow:0 1px 0 0 #e0bb5a;cursor:pointer}@media (min-width:768px){.dh5l8w8 .dragonCardImage .giftStatusBtn{top:21px;right:21px}}.dh5l8w8 .dragonCardImage .giftStatusBtn>svg{color:#dc403c;width:20px;height:20px}.dh5l8w8 .dragonCardImage .giftStatusBtn .notifyDot{width:8px;height:8px;background:red;border-radius:50%;position:absolute;top:0;right:0}.dh5l8w8 .dragonLevel{margin-top:-80px;border-radius:32px;overflow:hidden;background:url(https://static.chotot.com/storage/campaign_dragon/dragon_process_background_2.webp) no-repeat bottom;background-size:cover;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 16px 16px}.dh5l8w8 .dragonLevel .dragonLevelTitle{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:4px}.dh5l8w8 .dragonLevel .dragonLevelTitle span{color:#f8d46e;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.dh5l8w8 .dragonLevel .dragonLevelProgress{width:100%;height:18px;background:#9a2929;border-radius:4px;position:relative}.dh5l8w8 .dragonLevel .dragonLevelProgressValue{width:0;height:100%;background:#f8d46e;border-radius:4px;transition:width .5s ease-in-out}.dh5l8w8 .dragonLevel .sliderIcon{position:absolute;top:-8px;left:0;width:27px;height:34px;background-image:url(https://static.chotot.com/storage/lunar_campaign/pearl_icon.svg);background-size:cover;z-index:1;transition:left .5s ease-in-out}.dh5l8w8 .dragonLevel .dragonLevelProgressText{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:4px}.dh5l8w8 .dragonLevel .dragonLevelProgressText span{color:#f8d46e;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.dh5l8w8 .dragonLevel .dragonLevelProgressText .dragonLevelProgressTextValue{font-size:12px;font-style:italic;font-weight:800;line-height:normal}.dh5l8w8 .dragonLevel .rewardSection{height:48px;margin:10px auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dh5l8w8 .dragonLevel .rewardSection a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.dh5l8w8 .dragonLevel .rewardSection .noReward{color:hsla(0,0%,100%,.7);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dh5l8w8 .dragonLevel .rewardSection .rewardButton{display:flex;justify-content:center;align-items:center;padding:8px 44px;border-radius:4px;background:linear-gradient(180deg,#f5c95f,#f9dc6f),#fff;box-shadow:4px 4px 0 0 #7e4d16;color:#7e4d16;font-size:16px;font-style:normal;font-weight:700;line-height:24px;cursor:pointer}.c1uvpmev{width:16px;height:16px;cursor:pointer;background-image:url(https://static.chotot.com/storage/lunar_campaign/copy-icon.svg)}.c1s8eqyy{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);text-align:center}.i1wb6xsn{margin-top:6px}.i1wb6xsn,.m11s0zsa{width:194px;height:124px}.m11s0zsa{margin:6px auto 0}.cla6z2g{width:100%;margin-top:-80px;border-radius:32px;overflow:hidden;background:url(https://static.chotot.com/storage/lunar_campaign/level_background.png) no-repeat bottom;background-size:cover;width:300px;height:134px;display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;padding:0 32px;position:relative;z-index:1}.cla6z2g .dragonLevelTitle{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:4px}.cla6z2g .dragonLevelTitle span{color:#876400;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.cla6z2g .dragonLevelProgress{width:100%;height:18px;background:linear-gradient(270deg,rgba(253,175,3,.2) 63.28%,rgba(253,91,3,.2));border-radius:4px;position:relative}.cla6z2g .dragonLevelProgressValue{width:0;height:100%;background:linear-gradient(270deg,#fdaf03 24.5%,#fd5b03);border-radius:4px;transition:width .5s ease-in-out}.cla6z2g .sliderIcon{position:absolute;top:-8px;left:0;width:32px;height:32px;background-image:url(https://static.chotot.com/storage/lunar_campaign/pearl_icon.svg);background-size:cover;z-index:1;transition:left .5s ease-in-out}.cla6z2g .dragonLevelProgressText{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:4px}.cla6z2g .dragonLevelProgressText span{color:#876400;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.cla6z2g .dragonLevelProgressText .dragonLevelProgressTextValue{font-size:12px;font-style:italic;font-weight:800;line-height:normal}.cla6z2g .rewardSection{height:48px;margin:10px auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cla6z2g .rewardSection a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.cla6z2g .rewardSection .noReward{color:hsla(0,0%,100%,.7);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.cla6z2g .rewardSection .rewardButton{display:flex;justify-content:center;align-items:center;padding:8px 44px;border-radius:4px;background:linear-gradient(180deg,#f5c95f,#f9dc6f),#fff;box-shadow:4px 4px 0 0 #7e4d16;color:#7e4d16;font-size:16px;font-style:normal;font-weight:700;line-height:24px;cursor:pointer}.d4u3pe2{position:fixed;top:80px;display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;border-radius:8px;width:100%}.d4u3pe2 .header{display:flex;justify-content:flex-end;width:100%}.d4u3pe2 .header .dragonScale{display:flex;justify-content:center;align-items:center;gap:31px;padding:4px 13px 4px 10px;border-radius:48px;background:radial-gradient(107.12% 107.14% at 67.39% 1.45%,#fff 0,#fae2a8 100%);box-shadow:0 1px 0 0 #e0bb5a}.d4u3pe2 .header .dragonScale .dragonScaleText{color:#a07300;text-align:right;font-size:14px;font-style:normal;font-weight:800;line-height:16px;margin:0}.d4u3pe2 .campaignTitle{width:223px}.d4u3pe2 .campaignTitle img{width:100%}.d4u3pe2 .countdown{color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:14px;opacity:.6;margin-top:-12px;margin-bottom:90px}.d4u3pe2 .countdown .countdownValue{font-size:12px;font-style:normal;font-weight:700;line-height:14px}.t1rmsr4h{width:100%;height:327px;position:fixed;bottom:0;left:0}.d1te03rb{padding:8px;text-align:center;background:#ffcd2b;color:#dc403c;font-size:.75rem;font-weight:400}.d1te03rb>p{margin:0}.l85tseu{display:flex;justify-content:space-between;align-items:center;background:#033eab;padding:8px 12px;width:100%}.l85tseu .onlineIndicator{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#fff;display:flex;align-items:center;gap:4px}.l85tseu .onlineIndicator .point{width:7px;height:7px;background:#e90600;border-radius:50%}.l85tseu .streamingEntrypoint{font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:#fcf05c;display:flex;align-items:center;gap:4px;cursor:pointer}.c1temkxo{position:relative;min-height:calc(100vh - 78px);width:100%;display:flex;flex-direction:column;align-items:center}.c1temkxo .reward{padding:12px;box-shadow:inset 0 0 2px 0 rgba(0,0,0,.25);font-size:.75rem;line-height:18px}.c1temkxo .reward a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.twi32cb{position:fixed;bottom:0;z-index:1;width:100%}.q1dr1j4{display:flex;flex-direction:column;width:100%;height:100%;background:transparent}.q1dr1j4 .noData{font-size:.75rem;font-weight:400;line-height:18px;color:hsla(0,0%,100%,.8);text-align:center;width:100%;margin-top:32px}.qgijm3p{display:flex;flex-direction:column;width:100%;padding:12px;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.1);opacity:var(--qgijm3p-0);cursor:var(--qgijm3p-1)}.qgijm3p .questBasicInfo{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.qgijm3p .questBasicInfo .questTitle{display:flex;flex-direction:column}.qgijm3p .questBasicInfo .questTitle .questTitleText{font-size:.75rem;font-weight:400;line-height:18px;color:#fff}.qgijm3p .questBasicInfo .questTitle .questTitleDescription{font-size:.75rem;font-weight:400;line-height:16px;color:hsla(0,0%,100%,.5)}.qgijm3p .questProgress{display:flex;justify-content:flex-end;align-items:center;gap:4px;min-width:64px}.qgijm3p .questProgress .questProgressValue{font-size:.75rem;font-weight:700;line-height:16px;color:#fff}.qgijm3p .questAction{display:flex;justify-content:space-between;align-items:center}.qgijm3p .questAction .dragonScale{gap:4px;padding:8px 4px;border-radius:4px;background:#c44531;font-size:14px;font-style:normal;font-weight:800;line-height:16px;margin:0}.qgijm3p .questAction .dragonScale,.qgijm3p .questAction .questActionBtn{display:flex;justify-content:center;align-items:center}.qgijm3p .questAction .questActionBtn .questActionBtnText{font-size:.75rem;font-weight:700;line-height:16px;color:#c53530;background:linear-gradient(90deg,#f8f3c8,#eed791),#fff;border-radius:8px;padding:8px}.h1fo53n8{display:flex;flex-direction:column;width:100%;height:100%;background:transparent}.h1fo53n8 .noData{font-size:.75rem;font-weight:400;line-height:18px;color:hsla(0,0%,100%,.8);text-align:center;width:100%;margin-top:32px}.hhglc7w{display:flex;justify-content:space-between;align-items:center;padding:12px;gap:8px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.1)}.hhglc7w .transactionInfo{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hhglc7w .transactionInfo .transactionName{font-size:.75rem;font-weight:400;line-height:18px;color:#fff}.hhglc7w .transactionInfo .transactionDate{font-size:.75rem;font-weight:400;line-height:18px;color:hsla(0,0%,100%,.5)}.hhglc7w .givenDragonScales{display:flex;align-items:center;gap:4px;border-radius:4px;background:#a42a22;padding:8px}.hhglc7w .givenDragonScales .dragonScaleValue{font-size:.875rem;font-weight:700;line-height:16px;color:#fff}.q1ica56p{width:100%;height:100%;background:transparent;padding:0}.q1ica56p .switchCategory{display:flex;justify-content:space-between;align-items:center;padding:4px;border-radius:4px;background:rgba(0,0,0,.2);position:relative;cursor:pointer;margin-bottom:12px}.q1ica56p .switchCategory:before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:4px;transition:all .3s ease-in-out}.q1ica56p .switchCategory.activeRight:before{left:50%}.q1ica56p .switchCategory .switchItem{font-size:.875rem;font-weight:700;line-height:16px;color:hsla(0,0%,100%,.5);cursor:pointer;padding:8px;width:50%;display:flex;justify-content:center;align-items:center;background:transparent;z-index:1}.q1ica56p .switchCategory .switchItem.active{color:#cd352b;background:transparent}.q1ica56p .contentQuest{box-shadow:inset 0 0 2px 0 #d3634f;border-radius:8px;min-height:calc(68vh - 40px);background:#a43429}@media screen and (min-width:768px){.q1ica56p .contentQuest{border-radius:8px;overflow-y:auto;min-height:unset;height:calc(100% - 52px);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none}.q1ica56p .contentQuest::-webkit-scrollbar{display:none;width:0;background:transparent}}.r3xal84{display:flex;flex-direction:column;width:100%;height:100%;background:transparent;box-shadow:inset 0 0 2px 0 rgba(0,0,0,.25)}.r3xal84 .instruction{font-size:.75rem;font-weight:400;line-height:18px;background:hsla(0,0%,100%,.1);width:100%;padding:12px;margin:0}.r3xal84 .rewardLevel{display:flex;width:100%;padding:12px;border-bottom:1px solid hsla(0,0%,100%,.1);gap:8px}.r3xal84 .rewardLevel:last-child{border-bottom:none}.r3xal84 .rewardLevel .levelAvatar{width:24px;height:24px;overflow:hidden;border-radius:4px}.r3xal84 .rewardLevel .levelAvatar>img{width:100%;height:100%;object-fit:cover}.r3xal84 .rewardLevel .rewardContent{display:flex;flex-direction:column;justify-content:center;flex:1 1;gap:8px}.r3xal84 .rewardLevel .rewardContent .rewardTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.75rem}.r3xal84 .rewardLevel .rewardContent .rewardTitle>p{margin:0}.r3xal84 .rewardLevel .rewardContent .rewardTitle .note{font-weight:400}.r3xal84 .rewardLevel .rewardContent .rewardTitle .rewardStatus{font-size:.75rem;font-weight:400;line-height:16px;color:#f7e170;text-align:right;opacity:.5}.r3xal84 .rewardLevel .rewardContent .rewardTitle .rewardStatus.reached{opacity:1}.r3xal84 .rewardLevel .rewardContent .rewardTitle .rewardStatus.depleted{color:#fff}.r3xal84 .rewardLevel .rewardContent .rewardList{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px}.r3xal84 .rewardLevel .rewardContent .rewardList .rewardItem{font-size:.75rem;font-weight:400;margin:0}.r3xal84 .rewardLevel .rewardContent .rewardList .rewardItem>p{margin:0}.r3xal84 .rewardLevel .rewardContent .rewardRemain{font-size:.75rem;font-weight:400;line-height:16px;color:hsla(0,0%,100%,.5);width:100%;text-align:right}.qz8aclm{width:383px}.qz8aclm,.qz8aclm .questContent{display:flex;flex-direction:column}.qz8aclm .questContent{border-radius:0 0 8px 8px;background:#b63b31;padding:12px;gap:12px;width:100%;height:548px;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:normal;position:relative}.qz8aclm .questContent>div{background:linear-gradient(180deg,#c93631,#952723);height:100%;border-radius:32px;overflow-y:auto;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none}.qz8aclm .questContent>div::-webkit-scrollbar{display:none;width:0;background:transparent}@media (min-width:768px){.qz8aclm .questContent>div{border-radius:8px}}.qz8aclm .questContent .reward{padding:12px;box-shadow:inset 0 0 2px 0 rgba(0,0,0,.25);font-size:.75rem;line-height:18px}.qz8aclm .questContent .reward a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.t5busjm{display:flex;align-items:end;-webkit-align-items:end}.tf7egvs{border-radius:8px 8px 0 0;background:var(--tf7egvs-0);color:var(--tf7egvs-1);flex:1 1;padding:12px 0;text-align:center;font-size:var(--tf7egvs-2);font-weight:700;line-height:var(--tf7egvs-3);height:var(--tf7egvs-4);transition:all .3s ease;cursor:pointer}.ces3v89{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);text-align:center}.ihr0y3s{margin-top:6px}.ihr0y3s,.m1qgoccz{width:194px;height:124px}.m1qgoccz{margin:6px auto 0}.cl9hpss{width:100%;margin-top:-80px;border-radius:32px;overflow:hidden;background:url(https://static.chotot.com/storage/lunar_campaign/level_background.png) no-repeat bottom;background-size:cover;width:300px;height:134px;display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;padding:0 32px}.cl9hpss .dragonLevelTitle{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:4px}.cl9hpss .dragonLevelTitle span{color:#876400;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.cl9hpss .dragonLevelProgress{width:100%;height:18px;background:linear-gradient(270deg,rgba(253,175,3,.2) 63.28%,rgba(253,91,3,.2));border-radius:4px;position:relative}.cl9hpss .dragonLevelProgressValue{width:0;height:100%;background:linear-gradient(270deg,#fdaf03 24.5%,#fd5b03);border-radius:4px;transition:width .5s ease-in-out}.cl9hpss .sliderIcon{position:absolute;top:-8px;left:0;width:32px;height:32px;background-image:url(https://static.chotot.com/storage/lunar_campaign/pearl_icon.svg);background-size:cover;z-index:1;transition:left .5s ease-in-out}.cl9hpss .dragonLevelProgressText{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:4px}.cl9hpss .dragonLevelProgressText span{color:#876400;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.cl9hpss .dragonLevelProgressText .dragonLevelProgressTextValue{font-size:12px;font-style:italic;font-weight:800;line-height:normal}.cl9hpss .rewardSection{height:48px;margin:10px auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cl9hpss .rewardSection a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.cl9hpss .rewardSection .noReward{color:hsla(0,0%,100%,.7);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.cl9hpss .rewardSection .rewardButton{display:flex;justify-content:center;align-items:center;padding:8px 44px;border-radius:4px;background:linear-gradient(180deg,#f5c95f,#f9dc6f),#fff;box-shadow:4px 4px 0 0 #7e4d16;color:#7e4d16;font-size:16px;font-style:normal;font-weight:700;line-height:24px;cursor:pointer}.fhh17bq{bottom:120px;width:92px;padding-bottom:55px}.fhh17bq,.fhh17bq .closeButton{position:absolute;right:0;z-index:1;display:flex;justify-content:center}.fhh17bq .closeButton{top:-65px;width:24px;height:24px;background:#222;border:2px solid #fff;border-radius:50%;align-items:center;cursor:pointer;color:#fff}.fhh17bq>img{width:100%;height:auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.l19duf5h{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center}.l19duf5h img{width:100%;height:auto}.l19duf5h .description{padding:16px 0 0;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#222}.l19duf5h .livestreamBtn{width:100%;height:48px;background:#cd352b;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:16px 0;cursor:pointer}.l19duf5h .livestreamBtn:disabled{background:silver;cursor:not-allowed}.l19duf5h .livestreamBtn p{font-size:14px;font-weight:700;line-height:16px;color:#fff;margin:0}.d64i4p{width:541px;height:600px;position:relative;background-image:url(https://static.chotot.com/storage/lunar_campaign/campaign_background_desktop.png);background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:8px;border:6px solid #ffd19f}.d64i4p,.d64i4p .dragonTitle{display:flex;flex-direction:column;align-items:center}.d64i4p .dragonTitle{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:43%;justify-content:center;gap:12px;z-index:1}.d64i4p .dragonTitle img{width:100%;height:auto}.d64i4p .dragonScale{position:absolute;top:21px;left:24px;display:flex;justify-content:center;align-items:center;gap:31px;padding:4px 13px 4px 10px;border-radius:48px;background:radial-gradient(107.12% 107.14% at 67.39% 1.45%,#fff 0,#fae2a8 100%);box-shadow:0 1px 0 0 #e0bb5a}.d64i4p .dragonScale .dragonScaleText{color:#a07300;text-align:right;font-size:14px;font-style:normal;font-weight:800;line-height:16px;margin:0}.d64i4p .countdown{color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:14px;opacity:.6;margin-top:-12px}.d64i4p .countdown .countdownValue{font-size:12px;font-style:normal;font-weight:700;line-height:14px}.d64i4p .dragonCard{width:54%;padding:0 24px;margin-top:100px;min-width:330px}.d64i4p .dragonCard,.d64i4p .dragonCard .dragonCardImage{display:flex;flex-direction:column;align-items:center;gap:12px}.d64i4p .dragonCard .dragonCardImage{width:100%;position:relative}.d64i4p .dragonCard .dragonCardImage .dragonImage{width:100%;height:auto}.d64i4p .dragonCard .dragonCardImage .dragonCode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 32px;border-radius:12px;background:#fff;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);color:#7e4d16}.d64i4p .dragonCard .dragonCardImage .dragonCode .dragonCodeValue{text-align:right;font-size:16px;font-style:italic;font-weight:900;line-height:24px}.d64i4p .dragonCard .dragonLevel{background:#cd352b;width:calc(100% - 8px);margin-top:-80px;border-radius:32px;overflow:hidden}.d64i4p .dragonCard .dragonLevel .dragonLevelWrapBackground{background:url(https://static.chotot.com/storage/campaign_dragon/campaign_pattern_progress_section.png) no-repeat 50%;background-size:cover;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 16px 16px}.d64i4p .dragonCard .dragonLevel .dragonLevelTitle{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:4px}.d64i4p .dragonCard .dragonLevel .dragonLevelTitle span{color:#f8d46e;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.d64i4p .dragonCard .dragonLevel .dragonLevelProgress{width:100%;height:18px;background:#9a2929;border-radius:4px;position:relative}.d64i4p .dragonCard .dragonLevel .dragonLevelProgressValue{width:40%;height:100%;background:#f8d46e;border-radius:4px}.d64i4p .dragonCard .dragonLevel .sliderIcon{position:absolute;top:-8px;left:calc(40% - 10px);width:27px;height:34px;background-image:url(https://static.chotot.com/storage/lunar_campaign/pearl_icon.svg);background-size:cover;z-index:1}.d64i4p .dragonCard .dragonLevel .dragonLevelProgressText{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:4px}.d64i4p .dragonCard .dragonLevel .dragonLevelProgressText span{color:#f8d46e;font-size:12px;font-style:italic;font-weight:400;line-height:normal;margin:0}.d64i4p .dragonCard .dragonLevel .dragonLevelProgressText .dragonLevelProgressTextValue{font-size:12px;font-style:italic;font-weight:800;line-height:normal}.d64i4p .doubleValue{overflow:hidden}.d64i4p .doubleValue,.t1u1140r{position:absolute;bottom:0;width:100%}.t1u1140r{left:0}.c19a6pld{margin-bottom:40px}.c19a6pld .breadcrumbs{margin:16px 0}.c19a6pld .campaign{display:flex;flex-direction:row;justify-content:space-between;gap:12px;margin-bottom:12px}.bsiwgvj{display:flex;align-items:center;gap:4px;padding:12px 0 23px}.bsiwgvj a,.bsiwgvj div{font-size:.75rem;font-style:normal;font-weight:400;line-height:1.25rem;color:#306bd9;-webkit-text-decoration:none;text-decoration:none}.bsiwgvj a:last-child,.bsiwgvj div:last-child,.bsiwgvj svg{color:#222}.m1s5ylot{display:grid;place-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:12px;z-index:1700}.s1d6yt6k{position:relative;padding:0;width:100%;max-width:480px;max-height:636px;background-color:transparent;border-radius:8px;z-index:1;box-shadow:none;animation:scaleToFull-s1d6yt6k .2s ease-out 0s 1;text-align:center}@keyframes scaleToFull-s1d6yt6k{0%{transform:scale(.7)}to{transform:scale(1)}}.s1d6yt6k>h5{margin:16px 0 12px;font-size:1rem;line-height:1.5;color:#222;font-weight:700}.s1d6yt6k>.main-icon{display:grid;place-items:center;height:80px}.s1d6yt6k>.main-icon>svg{font-size:80px;height:80px}.siy90rb{margin:var(--siy90rb-0) 40px 32px 40px}@media screen and (min-width:768px){.siy90rb{margin:var(--siy90rb-1) 24px}}.c13wp43h{font-size:.875rem;line-height:20px;max-height:calc(100vh - 280px);width:calc(100% + 12px * 2);padding:0 12px;margin:0 -12px 24px;overflow-y:auto;text-align:center;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none}.c13wp43h::-webkit-scrollbar{display:none;width:0;background:transparent}@media screen and (min-width:768px){.c13wp43h{width:calc(100% + 24px * 2);padding:0 24px;margin:0 -24px 24px;text-align:left;max-height:calc(100vh - 248px)}.c13wp43h.no-button{max-height:calc(100vh - 192px)}}.bykb07f{background:#000;opacity:.8;position:absolute;top:0;left:0;width:100%;height:100%}.u17vhwo7{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%}.u17vhwo7 .updatedDragonTitle{font-size:1rem;font-weight:400;line-height:24px;color:#fff;text-align:center}.u17vhwo7 .updatedDragonImage{display:flex;flex-direction:column;align-items:center;gap:12px;width:300px;position:relative}.u17vhwo7 .updatedDragonImage img{width:100%;height:auto}.u17vhwo7 .closeButton{width:100%;color:#fff}.u17vhwo7 .closeButton,.u17vhwo7 .closeButton button{display:flex;justify-content:center;align-items:center}.u17vhwo7 .closeButton button{gap:4px}.u17vhwo7 .closeButton button span{font-size:1rem;font-weight:400;line-height:24px}.fztnpbo{position:fixed;bottom:120px;z-index:1000;width:92px;padding-bottom:55px}.fztnpbo,.fztnpbo .closeButton{right:0;display:flex;justify-content:center}.fztnpbo .closeButton{position:absolute;top:-65px;z-index:1;width:24px;height:24px;background:#222;border:2px solid #fff;border-radius:50%;align-items:center;cursor:pointer;color:#fff}.fztnpbo>img{width:100%;height:auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.r10mxiat.fztnpbo{bottom:unset;top:calc(30% + 52px);width:65px}.l1q950yp{width:100%;height:-moz-fit-content;height:fit-content;background:#fff;display:flex;flex-direction:column;align-items:center}.l1q950yp img{width:100%;height:auto}.l1q950yp .description{padding:16px 0 0;font-size:16px;font-style:normal;font-weight:400;line-height:26px;color:#222}.l1q950yp .livestreamBtn{position:-webkit-sticky;position:sticky;bottom:0;width:100%;height:48px;background:#cd352b;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:16px 0;cursor:pointer}.l1q950yp .livestreamBtn:disabled{background:silver;cursor:not-allowed}.l1q950yp .livestreamBtn p{font-size:14px;font-weight:700;line-height:16px;color:#fff;margin:0}.cwwmv2e{position:fixed;bottom:0;left:0;width:100vw;height:100vh;z-index:1700}.o1b3cg4s{background-color:#222;top:0;height:100%;opacity:.3}.d172qm0p,.o1b3cg4s{position:absolute;left:0;width:100%}.d172qm0p{bottom:0;max-height:calc(100vh - 12px);border-top-left-radius:12px;border-top-right-radius:12px;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.3);animation:slideFromBottom-d172qm0p .2s ease-out 0s 1;overflow:hidden}@keyframes slideFromBottom-d172qm0p{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dlnkp7a{width:100%;max-height:70vh;background:#fff;padding:16px;color:#fff;overflow-y:auto}.d195q5nz{position:relative;border-radius:12px 12px 0 0;background:#fff;border-bottom:1px solid #e8e8e8;text-align:center}.d1via8b1{font-size:1rem;line-height:1.5;padding:14px}.ck4cc9l,.d1via8b1{font-weight:700;color:#222}.ck4cc9l{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:4px;line-height:1.25rem;font-size:.875rem}.c1k8autj{position:fixed;bottom:0;left:0;width:100vw;height:100vh;z-index:1700}.o1u284c0{background-color:#222;top:0;height:100%;opacity:.3}.d1agks0m,.o1u284c0{position:absolute;left:0;width:100%}.d1agks0m{bottom:0;max-height:calc(100vh - 12px);border-top-left-radius:12px;border-top-right-radius:12px;z-index:1;box-shadow:0 0 8px rgba(0,0,0,.3);animation:slideFromBottom-d1agks0m .2s ease-out 0s 1}@keyframes slideFromBottom-d1agks0m{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dtinsgi{width:100%;max-height:70vh;background:#b63b31;padding:16px;color:#fff;overflow-y:auto}.t1eibisk{width:100%;height:-moz-fit-content;height:fit-content}.drrjk53{position:relative}.t1tf2mnh{display:flex;align-items:flex-end;-webkit-align-items:flex-end}.t1xvq3vi{border-radius:8px 8px 0 0;background:var(--t1xvq3vi-0);color:var(--t1xvq3vi-1);flex:1 1;padding:12px 0;text-align:center;font-size:var(--t1xvq3vi-2);font-weight:700;line-height:var(--t1xvq3vi-3);height:var(--t1xvq3vi-4);transition:all .3s ease}.ca37wiy{position:absolute;top:-28px;right:16px;color:#fff;gap:4px;line-height:1.25rem;font-size:.875rem;font-weight:700}.ca37wiy,.r14yy6u0{display:flex;align-items:center}.r14yy6u0{width:100%;height:100%;background:#fff;flex-direction:column;padding:16px;border-bottom:1px solid #e8e8e8}.r14yy6u0 img{width:100%;height:auto;min-height:200px}.r14yy6u0 .status{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;border-radius:8px;background:#f4f4f4;width:100%;margin-top:8px}.r14yy6u0 .status .currentLevel,.r14yy6u0 .status .reward{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#222}.r14yy6u0 .status .reward a{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.r14yy6u0 .status .reward .rewardName{color:#8c8c8c}.r14yy6u0 .status .reward .rewardName.depleted{color:#e5193b}.r14yy6u0 .note{font-size:.875rem;font-weight:400;line-height:1.25rem;color:#222;margin-top:8px}.r14yy6u0 .note .nextLevel{font-weight:700;color:#306bd9}.r14yy6u0 .detailBtn{width:100%;height:40px;border-radius:4px;background:#222;font-size:1rem;font-weight:700;line-height:24px;color:#fff;margin-top:20px}.p1kkiago{width:100%;display:flex;flex-direction:column;align-items:center}.p1kkiago .titleLevel{font-size:.875rem;line-height:20px;color:#222;margin-top:4px;margin-bottom:16px}.p1kkiago .titleLevel>span{color:#cd352b;font-weight:700}.p1s8q1pl{display:flex;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid #e8e8e8;background-color:#fff;width:100%;margin-bottom:8px}.p1s8q1pl:last-child{margin-bottom:0}.p1s8q1pl .promotionInfo{display:flex;align-items:center;gap:8px;padding:12px 0 12px 12px;width:calc(100% - 89px)}.p1s8q1pl .promotionInfo .detail{display:flex;flex-direction:column;padding-right:12px;width:100%}.p1s8q1pl .promotionInfo .detail>p{margin:0}.p1s8q1pl .promotionInfo .detail .title{font-size:.625rem;font-weight:400;line-height:16px;color:#8c8c8c}@media (min-width:768px){.p1s8q1pl .promotionInfo .detail .title{font-size:.75rem;line-height:20px}}.p1s8q1pl .promotionInfo .detail .code{font-size:1rem;font-weight:700;line-height:1.5rem;color:#222;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.p1s8q1pl .promotionInfo .detail .code.gotit,.p1s8q1pl .promotionInfo .detail .instruction{-webkit-text-decoration:underline;text-decoration:underline}.p1s8q1pl .promotionInfo .detail .instruction{font-size:.75rem;font-weight:400;line-height:20px;color:#222}.p1s8q1pl .applyBtn{display:flex;justify-content:center;align-items:center;margin:12px 12px 12px 0;border-left:2px dashed #e8e8e8;align-self:stretch}.p1s8q1pl .applyBtn button{font-size:.875rem;font-weight:700;line-height:1.25rem;color:#306bd9;cursor:pointer;padding:0 0 0 12px}.hg1bflg{display:flex;align-items:center;justify-content:start;margin-bottom:6px;width:100%}.hg1bflg .title{font-size:1.125rem;font-weight:700;line-height:24px;color:#222;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.ccxbz6s{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;padding:16px;border-bottom:1px solid #e8e8e8}.ccxbz6s img{width:100%;height:auto;min-height:200px}.h10kjjv2{display:flex;align-items:center;justify-content:start;margin-bottom:6px;width:100%}.h10kjjv2 .title{font-size:1.125rem;font-weight:700;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.c4f5tg4,.h10kjjv2 .title{line-height:24px;color:#222}.c4f5tg4{font-size:16px;margin-top:16px}.by1pvue{width:100%;height:40px;border-radius:4px;background:#222;font-size:1rem;font-weight:700;line-height:24px;color:#fff;margin-top:20px}.c1llnfj4{width:100%;margin:0 auto;flex:1 1;font-family:Be Vietnam Pro,Helvetica,Arial,Roboto,sans-serif}@media (max-width:940px){.c1llnfj4{max-width:100%;background:url(https://static.chotot.com/storage/lunar_campaign/campaign_background_mobile_3.webp) no-repeat top;background-size:100% 100%}}@media (min-width:940px){.c1llnfj4{max-width:936px}}