@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;src:url(/static/media/NotoSans-Regular.fa11626fafb16c629d2c.ttf) format("truetype")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;src:url(/static/media/NotoSans-Bold.66ab29744a551a59e9f5.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e5e5e5;font-family:Noto Sans,sans-serif;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.overflow-hide{overflow:hidden}h2{font-family:Noto Sans;font-size:16px;font-style:normal;font-weight:700;line-height:22px}@-webkit-keyframes logo-mobile{0%{position:absolute;top:calc(45vh - 60px)}to{position:relative;top:0}30%{position:absolute;top:calc(45vh - 60px)}}@keyframes logo-mobile{0%{position:absolute;top:calc(45vh - 60px)}to{position:relative;top:0}30%{position:absolute;top:calc(45vh - 60px)}}@-webkit-keyframes container{0%{height:100vh;overflow:hidden}to{height:auto;overflow:visible}55%{height:100vh;overflow:hidden}}@keyframes container{0%{height:100vh;overflow:hidden}to{height:auto;overflow:visible}55%{height:100vh;overflow:hidden}}@-webkit-keyframes logo{0%{left:50%;margin-left:-112px;margin-top:-68px;top:50%;@media(max-width:768px){left:auto;margin-bottom:-50%;margin-left:0;margin-right:0;margin-top:0;position:inherit}}to{left:0;margin:0;top:0}55%{left:50%;margin-left:-112px;margin-top:-68px;top:50%;@media(max-width:768px){left:auto;margin-bottom:-50%;margin-left:0;margin-right:0;margin-top:0;position:inherit}}}@keyframes logo{0%{left:50%;margin-left:-112px;margin-top:-68px;top:50%;@media(max-width:768px){left:auto;margin-bottom:-50%;margin-left:0;margin-right:0;margin-top:0;position:inherit}}to{left:0;margin:0;top:0}55%{left:50%;margin-left:-112px;margin-top:-68px;top:50%;@media(max-width:768px){left:auto;margin-bottom:-50%;margin-left:0;margin-right:0;margin-top:0;position:inherit}}}@-webkit-keyframes left-side{0%{top:100%}to{top:13vh}55%{top:100%}}@keyframes left-side{0%{top:100%}to{top:13vh}55%{top:100%}}@-webkit-keyframes left-side-mobile{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes left-side-mobile{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@-webkit-keyframes right-side-mobile{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes right-side-mobile{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@-webkit-keyframes right-side{0%{top:100%}to{top:0}55%{top:100%}}@keyframes right-side{0%{top:100%}to{top:0}55%{top:100%}}@-webkit-keyframes bottom-bar-mobile{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(100);transform:translateY(100)}55%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes bottom-bar-mobile{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}to{-webkit-transform:translateY(100);transform:translateY(100)}55%{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@-webkit-keyframes bottom-bar{0%{bottom:-100%}to{bottom:0}55%{bottom:-100%}}@keyframes bottom-bar{0%{bottom:-100%}to{bottom:0}55%{bottom:-100%}}@-webkit-keyframes card1{0%{right:100%}to{right:32%}55%{right:100%}}@keyframes card1{0%{right:100%}to{right:32%}55%{right:100%}}@-webkit-keyframes card_opacity{to{opacity:1}0%{opacity:0}55%{opacity:0}}@keyframes card_opacity{to{opacity:1}0%{opacity:0}55%{opacity:0}}@-webkit-keyframes card2{0%{right:-300px}to{right:0}55%{right:-300px}}@keyframes card2{0%{right:-300px}to{right:0}55%{right:-300px}}#root{height:100vh;overflow:hidden;top:0}@media(max-width:768px){#root{height:auto;overflow:auto}}.App{height:calc(100% - 60px);padding-top:60px}@media(max-width:768px){.App{padding-top:40px}}.logo{pointer-events:none;position:absolute}@media(max-width:768px){.logo{display:flex;justify-content:center;position:relative;text-align:center;width:100%}}.logo img{height:5vh;min-height:16px}@media(max-width:768px){.logo img{height:auto;width:59.73vw}}.left-side{position:absolute;top:13vh}@media(max-width:768px){.left-side{align-items:center;display:flex;flex-direction:column;margin-bottom:13vw;margin-top:14vw;position:relative;top:0}}.right-side{height:calc(100vh - 60px);margin-left:auto;position:relative;width:585px}@media(max-width:768px){.right-side{height:auto;width:100%}}.title{font-size:4vh;font-weight:700;line-height:5.5vh;padding-bottom:1.46vh;position:relative}@media(max-width:768px){.title{font-size:6.4vw;line-height:8vw;margin-bottom:10vw;padding-bottom:0;text-align:center}}.title:after{background-image:url(/static/media/ink-shape.4b0a352afb19aceb48bb.svg);background-size:cover;bottom:1.5vh;content:"";display:block;height:.8vh;left:-.68vh;position:absolute;width:50vh}@media(max-width:768px){.title:after{bottom:-2.5vw;height:3vw;left:-.68vw;position:absolute;width:65vw}}.desc{font-size:2vh;font-weight:400;line-height:2.5vh}@media(max-width:768px){.desc{font-size:4.26vw;line-height:5.86vw;text-align:center;width:60vw}}.market-links{margin-top:3.9vw}@media(max-width:768px){.market-links{display:flex;justify-content:space-between;width:90vw}}.market{cursor:pointer;display:inline-block;height:5vh;position:relative}.market:hover:after{opacity:1}.market:after{background-image:url(/static/media/hover.e692279a20e5a79dadfe.svg);background-size:cover;content:"";display:block;height:8.59vh;left:-.68vh;opacity:0;position:absolute;top:-.88vh;transition:opacity .5s ease;width:19.53vh}.market:first-child{margin-right:5vh}@media(max-width:768px){.market:first-child{margin-right:0}}.market img{height:5vh}@media(max-width:768px){.market img{height:auto;width:43vw}}.side-container{position:relative}.card_1{position:absolute;right:32%;top:26.6vh;transition:all .4s ease;z-index:1}@media(max-width:768px){.card_1{top:45vw}}.card_1 img{height:30vh}@media(max-width:768px){.card_1 img{height:auto;width:58.6vw}}@media(min-width:768px){.card_1:hover{-webkit-transform:scale(1.1) translateY(-2vh);transform:scale(1.1) translateY(-2vh)}.card_1:hover~.iphone{-webkit-transform:translateY(-3vh);transform:translateY(-3vh)}}.iphone{position:absolute;right:10%;transition:all .6s ease;z-index:0}@media(max-width:768px){.iphone{position:relative;right:0;text-align:center}}.iphone img{height:79vh}@media(max-width:768px){.iphone img{height:auto;width:65.3vw}}.card_2{position:absolute;right:0;top:55.6vh;transition:all .4s ease;z-index:3}@media(max-width:768px){.card_2{top:93vw}}.card_2:hover{-webkit-transform:scale(1.1) translateY(-2vh);transform:scale(1.1) translateY(-2vh)}.card_2:hover+.iphone{-webkit-transform:translateY(-3vh);transform:translateY(-3vh)}.card_2 img{height:10vh}@media(max-width:768px){.card_2 img{height:auto;width:58.6vw}}.bottom-container{display:grid;grid-template-columns:1fr 1fr 1fr}@media(max-width:768px){.bottom-container{grid-template-columns:1fr}}.bottom{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0));border-radius:30px 30px 0 0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:25.5vh;justify-content:space-between;padding:3.9vh;position:absolute;width:100%}@media(max-width:768px){.bottom{height:auto;margin-top:-20vw;position:relative}}.bar-content{align-items:center;display:flex}@media(max-width:768px){.bar-content{flex-direction:column;font-size:2.3vh;line-height:3vh}}.bar-item{align-items:start;display:flex;font-size:1.56vh;font-weight:700;justify-content:center;line-height:2.1vh}@media(max-width:768px){.bar-item{align-items:center;flex-direction:column;margin-bottom:4vw;text-align:center}}.bar-icon{margin-right:1.92vh}@media(max-width:768px){.bar-icon{margin-bottom:2vh;margin-right:0}}.bar-icon img{height:8.8vh}@media(max-width:768px){.bar-icon img{height:24vw;width:24vw}}.container{height:100%;margin:0 auto;position:relative;width:100%}@media(max-width:768px){.container{position:absolute;width:100%}}@media(min-width:641px){.container{width:100%}}@media(min-width:768px){.container{width:90vw}}@media(min-width:1025px){.container{width:1000px}}@media(min-width:1281px){.container{width:80vw}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){#root{-webkit-animation:container 2s linear;animation:container 2s linear}}@media(prefers-reduced-motion:no-preference){.logo{-webkit-animation:logo 2s linear;animation:logo 2s linear}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){.logo{-webkit-animation:logo-mobile 2s linear;animation:logo-mobile 2s linear}}@media(prefers-reduced-motion:no-preference){.left-side{-webkit-animation:left-side 2s linear;animation:left-side 2s linear}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){.left-side{-webkit-animation:left-side-mobile 2s linear;animation:left-side-mobile 2s linear}}@media(prefers-reduced-motion:no-preference){.right-side{-webkit-animation:right-side 2s linear;animation:right-side 2s linear}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){.right-side{-webkit-animation:right-side-mobile 2s linear;animation:right-side-mobile 2s linear}}@media(prefers-reduced-motion:no-preference){.bottom{-webkit-animation:bottom-bar 2s linear;animation:bottom-bar 2s linear}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){.bottom{-webkit-animation:bottom-bar-mobile 2s linear;animation:bottom-bar-mobile 2s linear}}@media(prefers-reduced-motion:no-preference){.card_1{-webkit-animation:card1 2s linear,card_opacity 2.3s linear;animation:card1 2s linear,card_opacity 2.3s linear}.card_2{-webkit-animation:card2 2s linear,card_opacity 2.3s linear;animation:card2 2s linear,card_opacity 2.3s linear}.links-container{display:flex;justify-content:space-between}}@media(prefers-reduced-motion:no-preference)and (max-width:768px){.links-container{align-items:center;flex-direction:column}}@media(prefers-reduced-motion:no-preference){.card-icons{width:23vh}.card-icons img{width:100%}}@media(max-width:768px){.links{align-items:center;display:flex;flex-direction:column;margin-bottom:3vw;margin-top:15vw}}.links-item{color:#8e8e93;cursor:pointer;display:inline-block;font-size:1.7vh;font-weight:400;margin-right:4vh;text-decoration:none}.links-item:hover{text-decoration:underline}.links-item:last-child{margin-right:0}@media(max-width:768px){.links-item{margin-bottom:3vw;margin-right:0}}a{color:#2cb66f;text-decoration:none}a:hover{text-decoration:underline}.mt-3{margin-top:1vh}.mb-4{margin-bottom:1.3vh}.modal-bg{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:10}@media(max-width:768px){.modal-bg{padding:0;width:100%}}.modal-bg .modal-container{display:flex;flex-direction:column;height:100vh;max-width:100%;position:relative;width:430px}@media(min-width:768px){.modal-bg .modal-container{height:auto;max-height:90vh}}.modal-bg .modal-container .modal{background:#fff;display:block;overflow-y:auto;padding:18px;position:relative}@media(min-width:768px){.modal-bg .modal-container .modal{border-radius:20px}}.modal-bg .modal-container .modal.add-card li{align-items:center;display:flex;padding:12px 0;position:relative}.modal-bg .modal-container .modal.add-card li:not(:last-child){border-bottom:.01rem solid #ddd}.modal-bg .modal-container .modal.add-card li .paymethod-choose{height:100%;left:0;position:absolute;top:0;width:100%}.modal-bg .modal-container .modal.add-card li:before{background-repeat:no-repeat;background-size:contain;border:1px solid transparent;border-radius:4px;color:#fff;content:"";display:inline-block;height:40px;margin-right:10px;width:56.5px}.modal-bg .modal-container .modal.add-card li.active:before,.modal-bg .modal-container .modal.add-card li:hover:before{border:1px solid #000;transition:all 1.5s}.modal-bg .modal-container .btn-close{align-items:flex-start;border-radius:50%;position:absolute;right:0;top:0}.modal-bg .modal-container .btn-close:before{height:24px;width:24px}.close{background-image:url(/static/media/close.e7952913b075601b885e.svg);background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;height:17px;margin-left:20px;width:16px}.header{align-items:center;background:#fff;border-bottom:1px solid #f4f4fc;border-top-left-radius:20px;border-top-right-radius:20px;box-sizing:border-box;display:flex;justify-content:space-between;margin:-18px -18px 10px;max-width:430px;padding:18px 18px 17px;position:fixed;width:430px;z-index:1}@media(max-width:641px){.header{width:100%}}.content{margin-top:70px}.modal-title{font-size:16px;font-style:normal;font-weight:700;line-height:22px}.info p{text-align:justify;text-indent:20px}.colortext{background-color:#ff0}.grid{display:grid;grid-template-columns:1fr 1fr;width:100%}ul{list-style:none;margin:0;padding:0}
/*# sourceMappingURL=main.ce29ca2c.css.map*/