@charset "UTF-8";@import"//fonts.googleapis.com/earlyaccess/notosanskr.css";*{padding:0;margin:0;box-sizing:border-box;line-height:1}ul,li{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;outline:none}html,body,#app,main{width:100%;height:100%}input{border:none;outline:none}:root{--color-gray: #4e4e4e;--color-light-gray: #aaa;--color-gray-bg: #f5f5f5;--color-green: #28ad76;--color-green-bg: #e5f4ed;--color-red: #f1606d;--color-red-bg: #fceced;--color-blue: #0448fc;--color-blue-bg: #e1e9fe ;--color-dark: #000;--color-light: #fff}*{font-size:inherit;font-family:Noto Sans KR,sans-serif}html,body{font-size:14px}input{background:transparent;min-width:10px;width:100%}input::placeholder{color:var(--color-light-gray)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.word{display:inline-block;text-transform:lowercase}.word:first-letter{text-transform:uppercase}.flexBox{display:flex;column-gap:8px;width:100%;align-items:center}.flexBox>*{width:100%;flex-shrink:1}.flexColBox{display:flex;flex-direction:column;row-gap:8px}.selectBox,.inputBox,.buttonBox{min-width:0;background:var(--color-gray-bg);padding:12px;border-radius:5px;border:none}.selectBox{position:relative}.selectBox:after{content:"";position:absolute;top:50%;right:15px;border:3.5px solid var(--color-gray);border-radius:2px;border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg) translateY(calc(-50% - 5px))}label.checkBoxArea{display:block}label.checkBoxArea input{display:none}label.checkBoxArea span{display:inline-block;vertical-align:middle}label.checkBoxArea span.checkBox{position:relative;width:16px;height:16px;border:1px solid var(--color-light-gray);border-radius:4px;margin-right:8px}label.checkBoxArea span.checkBox.checked{background-color:var(--color-blue);border-color:var(--color-blue)}label.checkBoxArea span.checkBox svg{position:absolute;left:15%;top:15%;width:70%;height:70%;object-fit:contain;object-position:center}.underLine{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px;text-decoration-color:var(--color-light-gray);text-decoration-thickness:1px}.formBtn{background:var(--color-gray-bg);padding:12px;border-radius:5px;border:none;color:#fff}.noScrollBar{-ms-overflow-style:none}.noScrollBar::-webkit-scrollbar{display:none}body{-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.greenText{color:var(--color-green)!important}.redText{color:var(--color-red)!important}.grayText{color:var(--color-gray)!important}.blueText{color:var(--color-blue)!important}.whiteText{color:var(--color-light)!important}.greenBg{background-color:var(--color-green)!important}.redBg{background-color:var(--color-red)!important}.grayBg{background-color:var(--color-gray-bg)!important}.blueBg{background-color:var(--color-blue)!important}#app{display:flex;flex-direction:column;height:100%}#app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fcfcfc;z-index:-2}#app main{max-width:600px;margin:0 auto;padding:20px;flex-grow:1;overflow:auto}#app #navigationBar{width:100%;max-width:600px;margin:0 auto;height:40px;padding:0 20px;flex-shrink:0}#app #navigationBar .btnContainer{position:relative;column-gap:0;width:100%;display:flex}#app #navigationBar .btnContainer:before{content:"";position:absolute;top:-1px;height:1px;width:20%;background-color:var(--color-blue);transition:all .5s ease}#app #navigationBar .btnContainer.home:before{left:0}#app #navigationBar .btnContainer.dashboard:before{left:20%}#app #navigationBar .btnContainer.order:before{left:40%}#app #navigationBar .btnContainer.rank:before{left:60%}#app #navigationBar .btnContainer.orderHistory:before{left:80%}#app #navigationBar .btnContainer button{flex-shrink:0;width:20%;height:40px;color:var(--color-gray);transition:all .2s;border:none;background:transparent}#app #navigationBar .btnContainer button svg{width:20px;height:20px}#app #navigationBar .btnContainer button svg path{fill:var(--color-gray)}#app #navigationBar .btnContainer button.active svg path{fill:var(--color-blue)}.openPopup{overflow:hidden}.termsPage{height:100%;color:#fff;display:flex;flex-direction:column;align-items:center}.termsPage .innerContainer{padding:8px 8px 20px;border-radius:8px;position:relative}.termsPage .innerContainer .top{position:sticky;display:flex;justify-content:space-between;align-items:center;top:8px;padding-bottom:8px;background:var(--color-dark)}.termsPage .innerContainer .top:before{content:"";position:absolute;top:-40px;left:-10px;width:calc(100% + 20px);height:40px;background:var(--color-dark)}.termsPage .innerContainer .top h1{font-size:30px}.termsPage .innerContainer .top a{padding:4px}.termsPage .innerContainer .top a svg{height:22px;width:22px}.termsPage .innerContainer .top a svg path{fill:var(--color-light)}.termsPage .innerContainer .terms{padding-left:26px}.termsPage .innerContainer .terms>li{list-style:decimal;font-size:20px;font-weight:700;margin-top:14px}.termsPage .innerContainer .terms>li h2{font-size:20px;font-weight:700;line-height:24px}.termsPage .innerContainer .terms>li p{line-height:18px;font-size:14px;font-weight:400}.termsPage .innerContainer .terms>li>p{margin-top:7px}.termsPage .innerContainer .terms>li strong{color:var(--color-green)}.termsPage .innerContainer .terms>li .alphaList{font-size:14px;font-weight:400;list-style:lower-alpha;padding-left:18px}.termsPage .innerContainer .terms>li .alphaList>li{list-style:inherit;margin-top:7px}.termsPage .innerContainer .terms>li .alphaList>li .bulletList{list-style:disc;padding-left:16px}.termsPage .innerContainer .terms>li .alphaList>li .bulletList>li{list-style:inherit;margin-top:4px}.chartBg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/Chart-CM9VIi5f.jpg) no-repeat center center/cover;filter:blur(2px);-webkit-filter:blur(2px);z-index:-1}.blackBg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-dark);filter:blur(2px);-webkit-filter:blur(2px);z-index:-1}.loginPage{height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginPage .innerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60%}.loginPage .innerContainer h1{font-size:30px;flex-grow:1}.loginPage .innerContainer h1 .flexBox img{width:40px}.loginPage .innerContainer strong{font-size:20px;margin-bottom:20px}.loginPage .innerContainer button{width:80%;height:40px;border-radius:20px;background:rgba(var(--color-dark),.5);color:#fff;border:1px solid white;display:flex;align-items:center;justify-content:center;column-gap:8px;padding:10px}.loginPage .innerContainer button svg{width:20px;height:20px}.loginPage .innerContainer button span{font-size:14px}.loginPage .innerContainer p{color:rgba(var(--color-light),.8);text-align:center;line-height:1.3;margin-top:50px}.loginPage .innerContainer p+p{margin-top:10px}.loginPage .innerContainer p a{font-weight:700;color:#fff;white-space:nowrap}.deleteUserPage{color:#fff}.deleteUserPage .innerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60%;position:relative}.deleteUserPage .innerContainer h1{margin:32px 0 16px;font-size:30px}.deleteUserPage .innerContainer h1 .flexBox img{width:40px}.deleteUserPage .innerContainer .goBackIcon{position:absolute;right:0;top:32px}.deleteUserPage .innerContainer .goBackIcon svg{width:24px;height:24px}.deleteUserPage .innerContainer .goBackIcon svg path{fill:var(--color-light)}.deleteUserPage .innerContainer .info{font-size:16px;margin-bottom:32px;text-shadow:0 0 5px var(--color-dark)}.deleteUserPage .innerContainer .info strong{color:var(--color-red)}.deleteUserPage .innerContainer .inputArea{width:100%}.deleteUserPage .innerContainer .inputArea+.inputArea{padding-top:16px}.deleteUserPage .innerContainer .inputArea p{font-weight:700;font-size:20px;margin-bottom:12px}.deleteUserPage .innerContainer .inputArea .input{display:flex}.deleteUserPage .innerContainer .inputArea .input input{flex-grow:1}.deleteUserPage .innerContainer .inputArea .input button{margin-left:16px;padding:5px 10px;border-radius:5px;border:0;background:var(--color-green);color:var(--color-light)}.deleteUserPage .innerContainer .inputArea .top{display:flex;justify-content:space-between;align-items:flex-end}.deleteUserPage .innerContainer .inputArea .top span{display:block;color:var(--color-red);margin-bottom:12px}.deleteUserPage .innerContainer .inputArea input{box-shadow:0 0 5px var(--color-dark);border-radius:5px;background:var(--color-light);padding:10px}.deleteUserPage .innerContainer .inputArea input.disabled{background-color:var(--color-gray-bg);color:var(--color-light-gray)}.deleteUserPage .innerContainer .bottomBtn{margin-top:16px;width:100%}.deleteUserPage .innerContainer .bottomBtn button{width:100%;padding:10px;border-radius:5px;border:0;background:var(--color-red);color:var(--color-light)}.deleteUserPage .innerContainer .bottomBtn button.disabled{cursor:auto;background:var(--color-light-gray);color:var(--color-gray)}.deleteUserPage .innerContainer .emailInfo{margin-top:8px}.deleteUserPage .innerContainer .emailInfo button{background:transparent;color:var(--color-light);font-weight:700;border:none}.orderPage>.header{display:grid;grid-template-columns:100px 70px auto;align-items:center;margin-bottom:10px}.orderPage>.header h2{font-size:20px}.orderPage>.header span{background-color:var(--color-gray-bg);padding:2px;text-align:center;border-radius:5px}.orderPage>.header span.up{background-color:var(--color-green-bg);color:var(--color-green)}.orderPage>.header span.down{background-color:var(--color-red-bg);color:var(--color-red)}.orderPage>.header .buttonContainer{text-align:end}.orderPage>.header .buttonContainer button{background:transparent;border:none}.orderPage>.header .buttonContainer button svg{width:20px;height:20px}.orderPage>.top{display:grid;grid-template-columns:60% calc(40% - 20px);column-gap:20px}.orderPage>.top .left .priceArea .priceInput{padding-top:2px}.orderPage>.top .left .priceArea .priceInput .price{display:block;color:var(--color-light-gray);font-size:10px}.orderPage>.top .left .priceArea button{width:55px;flex-shrink:0}.orderPage>.top .left .amtInputArea{background:var(--color-gray-bg);border-radius:5px}.orderPage>.top .left .amtInputArea .inputBox p{font-size:12px;line-height:20px}.orderPage>.top .left .amtInputArea .selectBox{width:60px;flex-shrink:0}.orderPage>.top .left .priceInfo{justify-content:space-between;font-size:10px}.orderPage>.top .left .priceInfo button{background:transparent;border:none;outline:none}.orderPage>.top .left .priceInfo>*{width:auto;color:var(--color-light-gray)}.orderPage>.top .left .priceInfoArea{background:var(--color-gray-bg);border-radius:5px;padding:8px;display:flex;flex-direction:column;row-gap:5px}.orderPage>.top .left .tp_sl_check .topArea{margin-bottom:8px}.orderPage>.top .left .tp_sl_check .topArea .advanced{flex-grow:1;text-align:right;color:var(--color-blue)}.orderPage>.top .right .alignLeft{text-align:start}.orderPage>.top .right .alignRight{text-align:end}.orderPage>.top .right .table{flex:1;display:flex;flex-direction:column}.orderPage>.top .right .table .tableTop{display:grid;grid-template-columns:1fr 1fr}.orderPage>.top .right .table .tableTop span{font-size:12px;padding:5px}.orderPage>.top .right .table ul.tableContent{display:flex;flex-direction:column;justify-content:center;height:100%}.orderPage>.top .right .table ul.tableContent li.tableRow{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 5px}.orderPage>.top .right .table ul.tableContent li.tableRow.curPrice{row-gap:0;padding:12px 5px;align-items:flex-start}.orderPage>.top .right .table ul.tableContent li.tableRow span{font-size:12px}.orderPage>.top .right .table ul.tableContent li.tableRow span.flexColBox{align-items:start;row-gap:0}.orderPage>.top .right .table ul.tableContent li.tableRow span.backBar{position:absolute;top:0;bottom:0;right:0;z-index:-1;transition:width .5s ease-out}.orderPage>.top .right .table ul.tableContent li.tableRow span.backBar.top{background-color:var(--color-red-bg)}.orderPage>.top .right .table ul.tableContent li.tableRow span.backBar.bottom{background-color:var(--color-green-bg)}.orderPage>.top .right .table ul.tableContent li.tableRow span.thisPrice{font-size:15px;font-weight:700}.orderPage>.top .right .table ul.tableContent li.tableRow span.underLine{width:auto;color:var(--color-light-gray)}.orderPage>.top .right .orderPercentArea{position:relative;justify-content:space-between;padding-top:5px}.orderPage>.top .right .orderPercentArea span{position:absolute;height:5px;top:0;transition:width .5s ease-out}.orderPage>.top .right .orderPercentArea span.sellBar{background-color:var(--color-green);left:0;border-radius:5px 0 0 5px}.orderPage>.top .right .orderPercentArea span.buyBar{background-color:var(--color-red);right:0;border-radius:0 5px 5px 0}.orderPage>.top .right .orderPercentArea div{width:auto}.orderPage .twoRadioArea{display:flex}.orderPage .twoRadioArea label{width:100%}.orderPage .twoRadioArea label input{display:none}.orderPage .twoRadioArea label span{display:block;height:32px;line-height:32px;text-align:center;position:relative;transform:rotate(0)}.orderPage .twoRadioArea label span:before{content:"";position:absolute;width:calc(100% + 4px);top:0;z-index:-1}.orderPage .twoRadioArea label span.leftRadio:before{border-top:32px solid var(--color-gray-bg);border-right:8px solid transparent;border-radius:5px 0 0 5px;left:0}.orderPage .twoRadioArea label span.leftRadio.active{color:var(--color-light)}.orderPage .twoRadioArea label span.leftRadio.active:before{border-top-color:var(--color-green)}.orderPage .twoRadioArea label span.rightRadio:before{border-bottom:32px solid var(--color-gray-bg);border-left:8px solid transparent;border-radius:0 5px 5px 0;right:0}.orderPage .twoRadioArea label span.rightRadio.active{color:var(--color-light)}.orderPage .twoRadioArea label span.rightRadio.active:before{border-bottom-color:var(--color-red)}.orderPage>.bottom{margin-top:20px}.orderPage>.bottom .tabIndex{position:relative;margin-bottom:8px}.orderPage>.bottom .tabIndex:before{content:"";position:absolute;left:-20px;width:calc(100% + 40px);bottom:-2px;border-bottom:2px solid var(--color-gray-bg);z-index:-1}.orderPage>.bottom .tabIndex .tabButtons{flex:1}.orderPage>.bottom .tabIndex .tabButtons button{padding:10px 8px;border:none;background:transparent;color:var(--color-light-gray);margin-bottom:-2px;border-radius:2px}.orderPage>.bottom .tabIndex .tabButtons button.active{color:var(--color-dark);border-bottom:2px solid var(--color-dark)}.orderPage>.bottom .tabIndex .closeAllBtn{width:70px;background:var(--color-gray-bg);padding:5px;border-radius:5px;border:none;font-size:12px}.orderPage>.bottom .tabContents ul li{padding:10px 0}.orderPage>.bottom .tabContents ul li:not(:first-of-type){border-top:1px solid var(--color-gray-bg)}.orderPage>.bottom .tabContents ul li h4{font-weight:500;line-height:1.2}.orderPage>.bottom .tabContents ul li .infoBlocks{column-gap:4px;padding:5px 0 12px}.orderPage>.bottom .tabContents ul li .infoBlocks span{font-size:12px;padding:2px 8px;border-radius:3px;flex-grow:0;width:auto;background-color:var(--color-gray-bg)}.orderPage>.bottom .tabContents ul li .infoBlocks span.long{background-color:var(--color-green-bg);color:var(--color-green)}.orderPage>.bottom .tabContents ul li .infoBlocks span.short{background-color:var(--color-red-bg);color:var(--color-red)}.orderPage>.bottom .tabContents ul li .infoBoard{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:5px;row-gap:8px}.orderPage>.bottom .tabContents ul li .infoBoard.positions .info:first-of-type{grid-column:1/span 2}.orderPage>.bottom .tabContents ul li .infoBoard.positions .info:nth-last-of-type(3n-2){text-align:end}.orderPage>.bottom .tabContents ul li .infoBoard .info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;font-size:12px;row-gap:5px}.orderPage>.bottom .tabContents ul li .infoBoard .info .title{color:var(--color-light-gray);line-height:1.2}.orderPage>.bottom .tabContents ul li .positionTpSl{margin-top:8px;font-size:12px}.orderPage>.bottom .tabContents ul li .positionTpSl .title{color:var(--color-light-gray);margin-right:10px}.orderPage>.bottom .tabContents ul li .bottomButtons{margin-top:8px}.orderPage>.bottom .tabContents ul li .bottomButtons button{font-size:12px;border:none;padding:8px;border-radius:14px}.orderPage>.bottom .tabContents .noListInfo{padding-top:80px;text-align:center;color:var(--color-gray)}.orderPage>.bottom .tabContents .noListInfo span{font-size:16px}.orderPage>.bottom .tabContents .noListInfo p{margin-top:16px}.orderPage>.bottom .tabContents .noListInfo p strong{font-size:24px;color:var(--color-black)}.orderPage .listBottom ul li{border-bottom:1px solid var(--color-gray-bg)}.orderPage .listBottom ul li:first-of-type button{border-top:1px solid var(--color-gray-bg)}.orderPage .listBottom ul li button{width:100%;text-align:left;line-height:40px;border:none;background:transparent;font-size:16px;position:relative}.orderPage .bottomTpSl{font-size:12px}.orderPage .bottomTpSl .blocks{column-gap:5px}.orderPage .bottomTpSl .blocks>*{width:auto}.orderPage .bottomTpSl .blocks h4{font-size:14px}.orderPage .bottomTpSl .blocks .block{padding:3px 8px;border-radius:3px}.orderPage .bottomTpSl .info{display:grid;grid-template-columns:1fr 1fr;font-size:12px;padding:12px 0;row-gap:12px;border-bottom:1px solid var(--color-gray-bg)}.orderPage .bottomTpSl .info span{text-align:end}.orderPage .bottomTpSl .info span:nth-of-type(2n-1){color:var(--color-light-gray);text-align:start}.orderPage .bottomTpSl .ctrlInputs .inputBlock{padding:12px 0}.orderPage .bottomTpSl .ctrlInputs .inputBlock .priceBlock{margin-top:12px}.orderPage .bottomTpSl .ctrlInputs .inputBlock .priceBlock .input{border:1px solid var(--color-gray-bg);display:flex;align-items:center;padding:5px 10px;border-radius:5px}.orderPage .bottomTpSl .ctrlInputs .inputBlock .priceBlock .input.ratio{width:100px;flex-shrink:0}.orderPage .bottomTpSl .ctrlInputs .inputBlock .priceBlock .input.disabled{background-color:var(--color-gray-bg)}.orderPage .bottomTpSl .ctrlInputs .inputBlock .priceBlock .input.disabled span{color:var(--color-gray)}.orderPage .bottomTpSl .ctrlInputs .inputBlock .priceBlock>span{width:16px;flex-shrink:0;flex-grow:0;text-align:center}.orderPage .bottomTpSl .ctrlInputs p{color:var(--color-light-gray)}.orderPage .bottomTpSl .ctrlInputs p span{color:var(--color-gray)}.orderPage .closeBottom{font-size:12px}.orderPage .closeBottom h4{font-weight:400;font-size:14px}.orderPage .closeBottom .info{display:grid;grid-template-columns:1fr 1fr;font-size:12px;padding:12px 0;border-bottom:1px solid var(--color-gray-bg)}.orderPage .closeBottom .info span:not(.grayText){text-align:end}.orderPage .closeBottom .inputs{padding:20px 0;row-gap:12px}.orderPage .closeBottom .inputs .input{padding:8px 10px;border:1px solid var(--color-gray-bg);border-radius:5px;display:flex;align-items:center}.orderPage .confirmBottom label{padding:16px 0}.orderPage .editLvrBottom>div+div{margin-top:8px}.dashboardPage{height:100%}.dashboardPage .block{border-radius:10px;padding:16px;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08)}.dashboardPage .summaryInfo{display:flex;margin-bottom:20px;overflow-x:auto;white-space:nowrap}.dashboardPage .summaryInfo .summaryCard{display:inline-block;min-width:200px;flex-grow:1;flex-shrink:0}.dashboardPage .summaryInfo .summaryCard:not(:last-of-type){margin-right:10px}.dashboardPage .summaryInfo .summaryCard .title{font-size:12px;margin-bottom:8px;font-weight:400}.dashboardPage .summaryInfo .summaryCard .value{font-size:28px;font-weight:700}.dashboardPage .chartInfo{margin-bottom:20px}.dashboardPage .chartInfo h3{margin-bottom:12px}.dashboardPage .coinInfo h3{margin-bottom:12px;font-size:20px}.dashboardPage .coinInfo .coinBox{display:flex;justify-content:space-between;align-items:center}.dashboardPage .coinInfo .coinBox:not(:first-of-type){margin-top:8px}.dashboardPage .coinInfo .coinBox .coinLeft{position:relative;padding-left:40px}.dashboardPage .coinInfo .coinBox .coinLeft svg{position:absolute;left:0;top:calc(50% - 15px);width:30px;height:30px}.dashboardPage .coinInfo .coinBox .coinLeft .coinQty{font-size:13px;color:#888;margin-top:4px}.dashboardPage .coinInfo .coinBox .coinRight{text-align:right}.dashboardPage .coinInfo .coinBox .coinRight .coinPrice{font-size:14px;margin-top:4px}.dashboardPage .coinInfo p{color:var(--color-gray)}.homePage{padding-bottom:20px}.homePage .underlineBtn{text-decoration:underline;border:none;background:transparent}.homePage h1{font-size:32px}.homePage .assetsInfo{justify-content:space-between;margin-top:20px}.homePage .assetsInfo .left p{font-size:32px;font-weight:700;padding:8px 0}.homePage .assetsInfo .right{width:auto;display:flex;flex-direction:column}.homePage .assetsInfo .right .adsBtn{width:auto;padding:12px;border:none;border-radius:5px;background:var(--color-green);color:var(--color-light);white-space:nowrap}.homePage .assetsInfo .right .adsBtn.disabled{cursor:default;background-color:var(--color-light-gray)}.homePage .assetsInfo .right .adsBtn strong{font-size:16px}.homePage .assetsInfo .right .adsBtn span{padding-top:5px;display:block;font-size:12px;text-align:end}.homePage .assetsInfo .right>span{display:block;white-space:nowrap}.homePage .navArea{display:flex;justify-content:center;column-gap:8px;margin-top:10px}.homePage .navArea a{width:70px;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.homePage .navArea a svg{display:block;width:30px;height:30px}.homePage .navArea a span{font-size:12px}.homePage .coinInfo{justify-content:space-between;margin-bottom:20px}.homePage .coinInfo h2{font-size:20px;padding:10px 0}.homePage .coinInfo .coinBox{background:var(--color-light);box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08);padding:20px;border-radius:5px}.homePage .coinInfo .coinBox .left{position:relative;padding-left:48px}.homePage .coinInfo .coinBox .left svg{position:absolute;top:calc(50% - 18px);left:0;width:36px;height:36px}.homePage .coinInfo .coinBox .left h4{font-size:16px}.homePage .coinInfo .coinBox .right{text-align:end}.homePage .coinInfo .coinBox span{display:block;margin-top:8px}.homePage .newsContainer{border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08);background:var(--color-light)}.homePage .userBottom h4{padding:20px 0 10px}.homePage .userBottom h4:first-of-type{padding-top:0}.homePage .userBottom .usernameArea{display:flex;border-radius:10px;padding:8px 16px;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08)}.homePage .userBottom .usernameArea button{border:none;padding:6px 12px;border-radius:5px;background-color:var(--color-dark);color:var(--color-light)}.homePage .userBottom .usernameArea button:disabled{background-color:var(--color-gray-bg);color:var(--color-light-gray)}.homePage .userBottom .textSection{text-align:end;margin-top:30px}.homePage .userBottom .textSection .logoutBtn{background:var(--color-dark);color:var(--color-light);border-radius:5px;padding:8px 16px;width:100%;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08)}.homePage .userBottom .textSection p{padding-top:20px;color:var(--color-gray);font-size:12px}.homePage .userBottom .textSection p button{line-height:1.5}.rankPage h2{font-size:24px;margin-bottom:12px}.rankPage h2:not(:first-of-type){margin-top:24px}.rankPage .rankCard{border-radius:10px;padding:12px 16px;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center}.rankPage .rankCard .left{position:relative;height:36px;padding-left:50px}.rankPage .rankCard .left strong{display:block;width:36px;height:36px;line-height:36px;text-align:center;font-size:18px}.rankPage .rankCard .left .awardIcon,.rankPage .rankCard .left strong{position:absolute;top:0;left:0}.rankPage .rankCard .left .username,.rankPage p.rankCard{line-height:36px}.rankPage .tabArea .tabBar{column-gap:0;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.rankPage .tabArea .tabBar:before{content:"";position:absolute;bottom:-1px;height:1px;width:33.3%;background-color:var(--color-blue);transition:all .5s ease}.rankPage .tabArea .tabBar.TOTAL_PROFIT:before{left:0}.rankPage .tabArea .tabBar.TOTAL_BALANCE:before{left:33.3%}.rankPage .tabArea .tabBar.RECENT_PROFIT:before{left:66.6%}.rankPage .tabArea .tabBar li button{font-size:14px;width:100%;padding:12px 0;border:none;background:transparent;color:var(--color-dark)}.rankPage .tabArea .tabBar li button.active{color:var(--color-blue)}.rankPage .tabArea .subTabBar{display:flex;column-gap:5px;padding:6px 0}.rankPage .tabArea .subTabBar button{padding:3px 10px;background:var(--color-gray-bg);color:var(--color-gray);border:none;border-radius:5px}.rankPage .tabArea .subTabBar button.active{background:var(--color-blue);color:var(--color-light)}.rankPage .tabContents li{margin-top:8px}.orderHistoryPage{display:flex;flex-direction:column;height:100%;position:relative}.orderHistoryPage .top{display:flex;align-items:flex-start;justify-content:space-between}.orderHistoryPage .top button{color:var(--color-blue);border-radius:4px;padding:6px 12px;background:transparent;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08)}.orderHistoryPage h2{font-size:24px;margin-bottom:12px}.orderHistoryPage .block{border-radius:10px;padding:12px;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08)}.orderHistoryPage .listContents{height:100%;overflow:scroll;scroll-behavior:smooth}.orderHistoryPage .listContents ul{display:flex;flex-direction:column;row-gap:8px}.orderHistoryPage .listContents ul .historyCard{row-gap:5px;font-size:12px;flex-shrink:0}.orderHistoryPage .listContents ul .historyCard .top{display:flex;justify-content:space-between;column-gap:8px}.orderHistoryPage .listContents ul .historyCard .top h4{font-weight:500;font-size:14px}.orderHistoryPage .listContents ul .historyCard .top .time{color:var(--color-gray)}.orderHistoryPage .listContents ul .historyCard .infoBlocks{column-gap:4px;padding-bottom:5px}.orderHistoryPage .listContents ul .historyCard .infoBlocks>span{font-size:12px;padding:2px 4px;border-radius:3px;flex-grow:0;width:auto;background-color:var(--color-gray-bg)}.orderHistoryPage .listContents ul .historyCard .infoBlocks>span.open{background-color:var(--color-green-bg);color:var(--color-green)}.orderHistoryPage .listContents ul .historyCard .infoBlocks>span.close{background-color:var(--color-red-bg);color:var(--color-red)}.orderHistoryPage .listContents ul .historyCard .info{display:flex;justify-content:space-between}.orderHistoryPage .listContents ul .historyCard .info .key{color:var(--color-gray)}.orderHistoryPage .listContents button{width:100%;height:30px;margin-top:20px;background-color:var(--color-gray-bg);box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08);color:var(--color-dark);font-size:14px;border-radius:5px}.orderHistoryPage .buttonContainer{position:sticky;bottom:0;right:0;align-self:flex-end;margin-top:-50px;padding-bottom:10px}.orderHistoryPage .buttonContainer .scrollTopBtn{background-color:#00000080;color:var(--color-light);width:40px;height:40px;padding:0;border-radius:20px;box-shadow:0 2px 6px #0000000d;border:1px solid rgba(0,0,0,.08)}.bottomSection{position:fixed;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:-1;transition:all .3s ease-in}.bottomSection .dim{background-color:var(--color-dark);opacity:.7;position:absolute;left:0;top:0;bottom:0;right:0}.bottomSection .contents{transition:all .3s ease-in;position:absolute;left:50%;transform:translate(-50%);right:0;bottom:-100%;min-height:60%;max-height:80%;background-color:var(--color-light);padding:20px;border-radius:10px 10px 0 0;width:100%;max-width:600px;display:flex;flex-direction:column}.bottomSection .contents h3{font-size:20px;margin-bottom:12px}.bottomSection .contents .inner{flex-grow:1;padding-bottom:20px}.bottomSection .contents .buttons{column-gap:12px}.bottomSection .contents .buttons button{padding:8px 0;border-radius:5px;border:none}.bottomSection.open{z-index:999;opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bottomSection.open .contents{bottom:0}.bottomSection.confirm .contents{min-height:0}.bottomSection .listBottom ul li{border-bottom:1px solid var(--color-gray-bg)}.bottomSection .listBottom ul li:first-of-type button{border-top:1px solid var(--color-gray-bg)}.bottomSection .listBottom ul li button{width:100%;text-align:left;line-height:40px;border:none;background:transparent;font-size:16px;position:relative}.sliderArea{padding:5px}.awardIcon{display:block;position:relative}.awardIcon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-weight:700}.awardIcon svg{width:100%;height:100%;object-fit:contain;object-position:center center}#loading{position:fixed;left:0;top:0;bottom:0;right:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translate(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__none{0%,60%,75%,90%,to{animation-duration:0;animation-timing-function:none}0%{opacity:1;transform:translateZ(0)}to{transform:translateZ(0)}}.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right{animation-name:Toastify__none}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}