@font-face{font-family:TTLaundryGothicB;font-style:normal;font-weight:700;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;word-break:keep-all}body,html{height:100%;width:100%}body{background-color:#000}.loading-screen{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease-out,visibility .5s ease-out;width:100%;z-index:1000}.loading-screen.dispose{display:none!important}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-container{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.dot{animation:jump .8s ease-in-out infinite;background:#fff;border-radius:50%;height:12px;width:12px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.progress-bar{background:#ede7c6;border-radius:3px;height:6px;margin:20px auto;overflow:hidden;position:relative;width:200px}.progress{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f4e99b,#eed032);border-radius:3px;height:100%;position:absolute;width:50%}@keyframes loading{0%{left:-50%}to{left:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pointer-box{align-items:center;display:flex;height:150px;justify-content:center;width:150px}.hotspot{cursor:pointer;pointer-events:auto;position:relative;z-index:999}.pointer{background-color:hsla(0,0%,100%,.3);border:1px solid #fff;border-radius:50px;height:9px;width:9px}.label{background-color:rgba(0,0,0,.54);border:1px solid #000;border-radius:10px;color:#fff;font-size:11px;left:21px;padding:4px 12px;position:absolute;text-align:center;top:0;width:max-content}.pointer-twingkle{animation:twingkle-scale 2s infinite;height:50px;position:absolute;transform-origin:center;width:50px}@keyframes twingkle-scale{0%{opacity:0;transform:scale(0)}16.7%{opacity:1;transform:scale(1)}41.7%{opacity:1}to{opacity:0;transform:scale(0)}}.main{background-image:url(/static/assets/img/twinkle/twinkle_main_bg.jpg);background-position:50%;background-size:cover;transition:opacity .8s ease-out,transform .8s ease-out}.container,.main{height:100%;width:100%}.container{display:none;flex-direction:column}.container.show{display:flex;transform:translateY(0)}.three-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:calc(100% + 15px);justify-content:center;margin:-105px auto 90px;max-width:100%;min-height:0;width:100%}.three-container{height:100%;position:relative;width:100%}.title-wrapper{align-items:center;display:flex;flex:0 0 30px;flex-direction:column;justify-content:center;margin-top:30px}.title-wrapper .title{background-color:transparent;background-image:url(/static/assets/img/twinkle/twinkle_title_mo.png);background-repeat:no-repeat;background-size:cover;height:168px;width:300px}.footer{bottom:40px;display:flex;justify-content:center;position:absolute;width:100%;z-index:-1}.footer .bottom-box{background-color:transparent;background-image:url(/static/assets/img/twinkle/twinkle_bottom_mo.png);background-repeat:no-repeat;background-size:cover;height:90px;width:308px}.modal{opacity:0;transition:opacity,.5s;z-index:-99}.modal.show{opacity:1;z-index:100}.modal .modal-content{background:url(/static/assets/img/twinkle/twinkle_popup_bg.png) no-repeat 50%}.img-success{background-image:url(/static/assets/img/twinkle/twinkle_img_success.png)}.modal .modal-content .body,.modal .modal-content .btn-bottom,.modal .modal-content .title{font-family:TTLaundryGothicB,sans-serif!important}.modal .modal-content .body{margin-bottom:0}.img-success{background-size:cover;height:194px;margin-bottom:4.1px;width:240px}.modal .modal-content .btn-bottom{font-size:16px;letter-spacing:-.32px;padding:8px 48px}@media (min-width:768px){.three-wrapper{height:calc(100% + 15px);margin:-125px auto 110px}.title-wrapper{align-items:center;display:flex;flex:0 0 40px;flex-direction:column;justify-content:center;margin-top:40px}.title-wrapper .title{background-color:transparent;background-image:url(/static/assets/img/twinkle/twinkle_title.png);background-repeat:no-repeat;height:224px;width:400px}.footer{bottom:40px;display:flex;justify-content:center;position:absolute;width:100%;z-index:-1}.footer .bottom-box{background-color:transparent;background-image:url(/static/assets/img/twinkle/twinkle_bottom.png);background-repeat:no-repeat;height:129px;width:400px}.modal .modal-content .title{font-size:24px}.img-success{height:240px;margin-bottom:10.64px;width:298px}.modal .modal-content .btn-bottom{font-size:24px;letter-spacing:-.48px}}