@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Noto+Sans+TC:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.p-btn{background-color:#5a40a4;border-radius:4px;color:#fff;font-family:Noto Sans TC;font-size:18px;font-weight:700;height:52px;width:100%}.p-btn:hover{background-color:#6a4bc1}.label{font-family:Noto Sans TC;font-size:14px;font-weight:700;letter-spacing:0;line-height:20px;text-align:left}.input{background-color:#fff;border-radius:4px;font-size:16px;height:54px;margin-top:10px;outline:1px solid #e0e0e0;padding:14px;width:100%}.input::-webkit-input-placeholder{color:var(--gray-500)}.input::placeholder{color:var(--gray-500)}.input:focus{border:1px solid #5a40a4}.container .loginContainer .loginPrompt a{border-bottom:1px dotted #5a40a4;color:#5a40a4;font-family:Noto Sans TC;font-size:16px;font-weight:400;letter-spacing:0;line-height:23px;text-align:left}.container .loginContainer .inputContainer{width:462px}.container .loginContainer .buttonContainer,.container .loginContainer .inputContainer{display:flex;flex-direction:column;gap:18px}.container .loginContainer .buttonContainer .googleBtn{align-items:center;display:flex;gap:10px;height:52px;justify-content:center}.container .loginContainer .buttonContainer .googleBtn img{height:auto;margin-top:3px;width:20px}.container{display:flex;flex-direction:row}.container .loginLeftContainer{background-color:#d9d9d9;height:100vh;position:fixed;width:50vw}.container .loginLeftContainer img{aspect-ratio:1;height:100vh;object-fit:cover;object-position:50% 50%;width:50vw}.container .loginContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:64px;margin-left:50vw;margin-top:64px;width:50vw}.container .loginContainer .loginPrompt{display:flex}.container .loginContainer .loginPrompt .link{border-bottom:1px solid #5a40a4;color:var(--primary-purple);margin-left:6px}.container .loginContainer .loginPrompt .link:hover{cursor:pointer}.container .loginContainer .title{align-items:center;display:flex;margin-top:56px}.container .loginContainer .title img{height:42px;width:42px}.container .loginContainer .title h1{color:#5a40a4;margin-left:10px}.container .loginContainer .subTitle{margin-top:12px}.container .loginContainer p{font-size:16px;font-weight:500;letter-spacing:0;line-height:23px;text-align:left}.container .loginContainer .inputContainer{margin-top:48px}.container .loginContainer .buttonContainer{margin-top:42px}@media only screen and (max-width:1200px){.loginLeftContainer{display:none}.loginContainer{margin-left:0!important;width:100vw!important}}@media only screen and (max-width:550px){.inputContainer{width:100%!important}.innerContainer{width:88%}}.navbarItem{align-items:center;border-radius:4px;display:flex;height:54px;padding:0 20px;width:100%}.navbarItem .ItemBox{align-items:center;color:var(--secondary-gray);cursor:pointer;display:inline-flex}.navbarItem .ItemBox:hover{color:var(--primary-purple)}.navbarItem .ItemBox:hover img{-webkit-filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%);filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%)}.navbarItem .ItemBox a{align-items:center;display:flex}.navbarItem .ItemBox img{height:22px;width:22px}.navbarItem .ItemBox span:nth-child(2){padding:0 10px 0 24px}.navbarItem .ItemBox .whiten{color:#fff}.navbarItem a{display:flex}.seleted{background-color:var(--primary-purple)}.seleted .ItemBox:hover img{-webkit-filter:brightness(0) saturate(100%) invert(93%) sepia(73%) saturate(2%) hue-rotate(87deg) brightness(115%) contrast(100%);filter:brightness(0) saturate(100%) invert(93%) sepia(73%) saturate(2%) hue-rotate(87deg) brightness(115%) contrast(100%)}@media only screen and (max-width:1300px){.navbarItem{justify-content:center;padding:0}.ItemBox span{display:none}}@media only screen and (max-width:768px){.navbarItem{height:44px;width:44px}.seleted{background-color:initial!important}.seleted .ItemBox img,.seleted .ItemBox:hover img{-webkit-filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%);filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%)}}.navbar{background-color:#fff;border-right:1px solid var(--border-gray);height:100vh;padding:18px 22px 0 38px;position:relative;width:340px}.navbar .navbarItemContainer{display:flex;flex-direction:column}.navbar .navbarItemContainer .iconBox{align-items:center;color:var(--primary-purple);display:flex;font-size:26px;font-weight:700;gap:10px}.navbar .navbarItemContainer .iconBox img{height:100%;width:38px}.navbar .navbarItemContainer .navMenu{display:flex;flex-direction:column;gap:8px;margin-top:24px}.navbar .navbarItemContainer .navMenu .logoutItem{border-radius:0;border-top:1px solid var(--border-gray);bottom:20px;left:38px;padding-top:20px;position:absolute;right:22px;width:auto}@media only screen and (max-width:1300px){.navbar{padding:18px 22px 0;width:100px}.iconBox{justify-content:center}.iconBox .brandName{display:none}.logoutItem{left:22px!important;right:22px}}@media only screen and (max-width:768px){.navbar{align-items:center;bottom:0;display:flex;height:64px;padding:0;position:fixed;width:100%;z-index:1}.navbar .navbarItemContainer{flex:1 1;flex-direction:row}.navbar .navbarItemContainer .iconBox{display:none}.navbar .navbarItemContainer .navMenu{flex:1 1;flex-direction:row;gap:0;justify-content:space-around;margin-top:0}.logoutItem{display:none}}.header{align-items:center;background-color:#fff;border-bottom:1px solid var(--border-gray);display:flex;height:72px;left:340px;padding:0 38px;position:fixed;right:0;top:0;width:auto}.header .date span:first-child{margin-right:6px}.header .widgetSec{display:flex;gap:18px;margin-left:auto;margin-right:0}.header .widgetSec .bellWidget{align-items:center;background-color:var(--background-gray);border-radius:50%;display:none;height:44px;justify-content:center;width:44px}.header .widgetSec .bellWidget img{height:100%;width:18px}.header .widgetSec .userWidget{align-items:center;display:flex}.header .widgetSec .userWidget .userImg{aspect-ratio:1;border-radius:50%;height:44px;object-fit:cover;object-position:50% 50%;width:44px}.header .widgetSec .userWidget .userInfo{margin-left:12px}.header .widgetSec .userWidget .userInfo p:first-child{color:var(--primary-purple)}.header .widgetSec .userWidget .userInfo p:last-child{color:var(--secondary-gray)}@media only screen and (max-width:1300px){.header{left:100px}}@media only screen and (max-width:768px){.header{left:0;padding:0 24px}}.rankingList{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 20px 22px;width:290px}.rankingList .title{border-bottom:1px solid var(--border-gray);color:var(--primary-purple);padding:20px 0}.rankingList .rankingMain .userItem{align-items:center;display:flex;padding-top:22px}.rankingList .rankingMain .userItem .userWidget .userInfo p:first-child{color:var(--primary-blue)}.rankingList .rankingMain .userItem .rate{color:var(--secondary-green);margin-left:auto;margin-right:0;padding-right:8px}.rankingList .rankingMain .userItem .winning{color:var(--secondary-green)}@media only screen and (max-width:1000px){.rankingList{display:none}}.replyModal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:1}.replyModal,.replyModal .modal-overlay{height:100vh;position:absolute;width:100vw}.replyModal .modal-overlay{background-color:#0a1943;opacity:30%}.replyModal .modal-container{background:#fff;border:1px solid var(--border-gray);border-radius:4px;padding:16px 26px 26px;position:absolute;width:600px}.replyModal .modal-container .userWidget{align-items:center;display:flex;margin-bottom:16px}.replyModal .modal-container .userWidget .userInfo{align-items:center;display:flex;gap:6px}.replyModal .modal-container .userWidget .userInfo p:first-child{color:var(--primary-blue)}.replyModal .modal-container .userWidget .userInfo .verticalLine{background:#dad8d8;height:15px;width:1px}.replyModal .modal-container .userWidget .closeImg{cursor:pointer;height:15px;margin-left:auto;margin-right:0;margin-top:1.5px;width:15px}.replyModal .modal-container .textBox{height:200px;position:relative;width:100%}.replyModal .modal-container .textBox textarea{background-color:var(--background-gray);border:1px solid var(--border-gray);border-radius:4px;height:100%;padding:16px;resize:none;width:100%}.replyModal .modal-container .textBox textarea:focus{border:1.5px solid var(--primary-purple)}.replyModal .modal-container .textBox textarea::-webkit-input-placeholder{color:var(--secondary-gray)}.replyModal .modal-container .textBox textarea::placeholder{color:var(--secondary-gray)}.replyModal .modal-container .textBox .btn{bottom:16px;height:42px;position:absolute;right:16px;width:100px}.unpublishBox{align-items:center;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;box-shadow:2px 2px 10px 3px #0000001a;display:flex;padding:8px 12px;position:absolute;right:12px;top:62px}.tweet,.unpublishBox span{cursor:pointer}.tweet{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;position:relative;width:100%}.tweet .tweetMain .tweetTop{align-items:center;display:flex;padding:24px 24px 0;position:relative}.tweet .tweetMain .tweetTop .userWidget .userImg{margin-right:12px}.tweet .tweetMain .tweetTop .userWidget .userInfo{margin-left:0}.tweet .tweetMain .tweetTop .userWidget .userInfo p:first-child{color:var(--primary-blue)}.tweet .tweetMain .tweetTop .date{color:var(--secondary-gray);margin-left:auto;margin-right:0}.tweet .tweetMain .tweetTop .gap{color:var(--secondary-gray);margin-left:auto;margin-right:16px}.tweet .tweetMain .tweetTop .option{cursor:pointer;display:flex;justify-content:center;position:absolute;right:11px;top:38px;width:30px}.tweet .tweetMain .tweetMsg{margin-left:80px;margin-right:24px;padding:18px 0}.tweet .singleTrade{background-color:var(--subBackground);padding:0 24px 0 80px}.tweet .singleTrade ul{display:flex}.tweet .singleTrade ul li:first-child{width:19%}.tweet .singleTrade ul li:nth-child(2){width:42%}.tweet .singleTrade ul li:nth-child(3){width:24%}.tweet .singleTrade ul li:nth-child(4){flex:1 1}.tweet .singleTrade .formTitles{border-bottom:1px solid var(--border-gray);color:var(--secondary-gray);padding:14px 20px}.tweet .singleTrade .formCotent{padding:13px 20px}.tweet .singleTrade .formCotent .buy,.tweet .singleTrade .formCotent .buyPrice{color:var(--secondary-red)}.tweet .singleTrade .formCotent .sell,.tweet .singleTrade .formCotent .sellPrice{color:var(--secondary-green)}.tweet .singleTrade .formCotent li{align-items:center;display:flex}.tweet .singleTrade .formCotent li:first-child span{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:26px;justify-content:center;margin-right:8px;width:26px}.tweet .singleTrade .formCotent li:first-child span img{cursor:auto;height:14px;width:14px}.tweet .singleTrade .formCotent li:nth-child(2) p:last-child{color:var(--secondary-gray);padding-left:4px}.tweet .tweetControl{height:46px}.tweet .tweetControl,.tweet .tweetControl span{align-items:center;display:flex}.tweet .tweetControl span img{margin-right:8px}.tweet .tweetControl .likes{margin:0 auto}.tweet .tweetControl .likes p:after{color:var(--secondary-gray);content:"喜歡";padding-left:4px}.tweet .tweetControl .likes img:hover{-webkit-filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%);filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%)}.tweet .tweetControl .comments{margin:0 auto}.tweet .tweetControl .comments p:after{color:var(--secondary-gray);content:"留言";padding-left:4px}.tweet .tweetControl .comments img:hover{-webkit-filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%);filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%)}.tweet .tweetControl .verticalLine{background-color:var(--border-gray);height:22px;width:1px}@media only screen and (max-width:768px){.tweet{border-left:0;border-radius:0;border-right:0}.tweet .tweetMsg{margin-left:24px!important}.tweet .singleTrade{padding:0 24px!important}}.tabSwitcher{align-items:center;display:flex;margin-bottom:12px;width:100%}.tabSwitcher li{display:flex;justify-content:center;width:100%}.tabSwitcher li p{color:var(--secondary-gray);cursor:pointer}.tabSwitcher li p:hover{color:var(--primary-purple)}.tabSwitcher .verticalLine{background-color:#b6b6b6;height:22px;width:4px}.tabSwitcher .purpleLine{background-color:var(--primary-purple);height:22px;width:4px}.tabSwitcher .active{color:var(--primary-purple)}.homePage{display:flex;height:100vh}.homePage .homeBody{background-color:var(--background-gray);display:flex;flex:1 1;flex-direction:column;margin-top:72px;overflow-y:scroll}.homePage .homeBody .homeMain{display:flex;flex-direction:column;margin:26px 38px}.homePage .homeBody .homeMain .Switcher{display:flex;gap:16px}.homePage .homeBody .homeMain .Switcher .space{max-width:290px;width:100%}.homePage .homeBody .homeMain .tweetsAndRanking{display:flex;gap:16px}.homePage .homeBody .homeMain .tweetsAndRanking .tweets{display:flex;flex:1 1;flex-direction:column;gap:16px}@media only screen and (min-width:1700px){.homeMain{width:1180px}}@media only screen and (min-width:1440px){.homeMain{margin:26px auto!important;width:1024px}}@media only screen and (max-width:1100px){.space{max-width:290px!important;width:100%}}@media only screen and (max-width:1000px){.space{display:none}}@media only screen and (max-width:768px){.homePage{flex-direction:column}.homePage .homeMain{margin:26px 0!important}}.primary-input{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;font-size:14px;font-weight:500;height:42px;margin-top:8px;padding:11px 14px;width:100%}.primary-input::-webkit-input-placeholder{color:var(--secondary-gray)}.primary-input::placeholder{color:var(--secondary-gray)}.primary-input:focus{border:1.5px solid var(--primary-purple)}.dailySummary{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;padding:22px;width:322px}.dailySummary .mainInfo .title{color:var(--secondary-gray)}.dailySummary .mainInfo .sum{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--secondary-green);display:flex;gap:12px;padding-bottom:14px}.dailySummary .mainInfo .sum span:last-child{align-items:center;display:flex;margin-top:3px}.dailySummary .mainInfo .sum span:last-child img{height:10px;margin-left:6px;width:10px}.dailySummary .detail{display:flex;flex-direction:column;gap:10px;padding-top:12px}.dailySummary .detail span{display:flex}.dailySummary .detail span p:first-child{color:var(--secondary-gray)}.dailySummary .detail span p:last-child{margin-left:auto;margin-right:0}.dailySummary .green{color:var(--secondary-green)}.dailySummary .red{color:var(--secondary-red)}.tradeSelector .label{margin-bottom:8px}.tradeSelector .selector{align-items:center;display:flex;position:relative}.tradeSelector .selector:focus{border:1.5px solid var(--primary-purple)}.tradeSelector .selector .default{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;color:var(--secondary--gray);cursor:pointer;flex:1 1;height:42px;padding:11px 14px;width:100%}.tradeSelector .selector .default:focus{border:1.5px solid var(--primary-purple)}.tradeSelector .selector .default::-webkit-input-placeholder{font-weight:500}.tradeSelector .selector .default::placeholder{font-weight:500}.tradeSelector .selector .options{background-color:var(--background-gray);border:1px solid var(--border-gray);border-radius:4px;box-shadow:2px 2px 10px 3px #0000001a;color:var(--);position:absolute;top:50px;width:100%}.tradeSelector .selector .options ul{margin:6px}.tradeSelector .selector .options ul li{border-radius:4px;cursor:pointer;padding:11px 14px}.tradeSelector .selector .options ul li:hover{background-color:var(--primary-purple);color:#fff}.tradeSelector .selector img{margin-top:3px;position:absolute;right:16px}.editTradeModal{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100vw;z-index:1}.editTradeModal .modal-overlay{background-color:#0a1943;height:100vh;opacity:30%;position:absolute;width:100vw}.editTradeModal .modal-container{background:#fff;border:1px solid var(--border-gray);border-radius:4px;position:absolute;width:600px}.editTradeModal .modal-container .top{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--primary-purple);display:flex;justify-content:center;padding:20px 0;position:relative}.editTradeModal .modal-container .top .closeImg{cursor:pointer;height:15px;margin-top:1.5px;position:absolute;right:26px;width:15px}.editTradeModal .modal-container .modalMain{padding:20px 26px}.editTradeModal .modal-container .modalMain .inputGroup .inputMain{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .label{margin-bottom:8px}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker{align-items:center;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;display:flex;height:42px;position:relative;width:100%}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker img:first-child{cursor:auto;margin-top:2px;padding-left:14px}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker img:last-child{margin-top:3px;position:absolute;right:16px}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .picker{cursor:pointer}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker{color:var(--primary-blue)}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker__triangle{left:120px!important}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker-popper{right:0!important;-webkit-transform:translate3d(0,30px,0)!important;transform:translate3d(0,30px,0)!important}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker__day--selected,.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--primary-purple)}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker-wrapper{padding-left:10px;width:100%;z-index:1}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker-wrapper .react-datepicker__input-container{align-items:center;display:flex}.editTradeModal .modal-container .modalMain .inputGroup .inputMain .dateInput .datePicker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:14px;font-weight:500;padding:0;width:100%}.editTradeModal .modal-container .modalMain .inputGroup .remark{display:flex;flex-direction:column;margin-top:16px;width:100%}.editTradeModal .modal-container .modalMain .inputGroup .remark .label{margin-bottom:8px}.editTradeModal .modal-container .modalMain .inputGroup .remark .modalText{border:1px solid var(--border-gray);border-radius:4px;height:100px;padding:14px;resize:none;width:100%}.editTradeModal .modal-container .modalMain .inputGroup .remark .modalText:focus{border:1.5px solid var(--primary-purple)}.editTradeModal .modal-container .modalMain .inputGroup .remark .modalText::-webkit-input-placeholder{color:var(--secondary-gray)}.editTradeModal .modal-container .modalMain .inputGroup .remark .modalText::placeholder{color:var(--secondary-gray)}.editTradeModal .modal-container .modalMain .modalBtn{display:flex;gap:16px;margin-top:20px}.editTradeModal .modal-container .modalMain .modalBtn .btn{flex:1 1;height:42px}.editTradeModal .react-datepicker{display:inline-flex}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.publishModal{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100vw;z-index:1}.publishModal .modal-overlay{background-color:#0a1943;height:100vh;opacity:30%;position:absolute;width:100vw}.publishModal .modal-container{background:#fff;border:1px solid var(--border-gray);border-radius:4px;position:absolute;width:600px}.publishModal .modal-container .top{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--primary-purple);display:flex;justify-content:center;padding:20px 0;position:relative}.publishModal .modal-container .top .closeImg{cursor:pointer;height:15px;margin-top:1.5px;position:absolute;right:26px;width:15px}.publishModal .modal-container .modalMain{padding:20px 26px}.publishModal .modal-container .modalMain .modalContent .singleTrade{background-color:var(--background-gray);border-radius:4px;margin-bottom:20px;padding:0 20px}.publishModal .modal-container .modalMain .modalContent .singleTrade ul{display:flex}.publishModal .modal-container .modalMain .modalContent .singleTrade ul li:first-child{width:25%}.publishModal .modal-container .modalMain .modalContent .singleTrade ul li:nth-child(2){width:45%}.publishModal .modal-container .modalMain .modalContent .singleTrade ul li:nth-child(3){width:25%}.publishModal .modal-container .modalMain .modalContent .singleTrade ul li:nth-child(4){width:20%}.publishModal .modal-container .modalMain .modalContent .singleTrade .formTitles{border-bottom:1px solid var(--border-gray);color:var(--secondary-gray);padding:14px 20px}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent{padding:13px 20px}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent .buy,.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent .buyPrice{color:var(--secondary-red)}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent .sell,.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent .sellPrice{color:var(--secondary-green)}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent li{align-items:center;display:flex}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent li:first-child span{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:26px;justify-content:center;margin-right:8px;width:26px}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent li:first-child span img{cursor:auto;height:14px;width:14px}.publishModal .modal-container .modalMain .modalContent .singleTrade .formCotent li:nth-child(2) p:last-child{color:var(--secondary-gray);padding-left:4px}.publishModal .modal-container .modalMain .modalContent .remark{border-top:1px solid var(--border-gray);display:flex;flex-direction:column;gap:6px;padding-top:14px}.publishModal .modal-container .modalMain .modalContent .modalBtn{display:flex;justify-content:end;margin-top:10px}.publishModal .modal-container .modalMain .modalContent .modalBtn .btn{height:42px;width:120px}.publishModal .modal-container .buy{color:var(--secondary-red)}.publishModal .modal-container .sell{color:var(--secondary-green)}.dailyItem{align-items:center;display:flex}.dailyItem div:first-child{display:flex;justify-content:start;padding-right:6px;width:30px}.dailyItem div:first-child p{color:var(--primary-purple);cursor:pointer;text-decoration:underline}.dailyItem div:nth-child(2){padding-right:18px}.dailyItem div:nth-child(3){color:var(--secondary-gray);padding-right:26px}.dailyItem div:nth-child(4){color:var(--secondary-gray);padding-right:24px}.dailyItem img{cursor:pointer;height:18px;margin-left:auto;margin-right:17px;width:18px}.dailyItem .buy{color:var(--secondary-red)}.dailyItem .sell{color:var(--secondary-green)}.dailyRecord{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;width:322px}.dailyRecord .titleSec{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--secondary-gray);display:flex;padding:16px 22px}.dailyRecord .titleSec .datePicker{align-items:center;display:flex;margin-left:auto;margin-right:0;position:relative;width:117px}.dailyRecord .titleSec .datePicker img:first-child{cursor:auto;margin-top:2px}.dailyRecord .titleSec .datePicker img:last-child{margin-top:3px;position:absolute;right:0}.dailyRecord .titleSec .datePicker .picker{cursor:pointer}.dailyRecord .titleSec .datePicker .react-datepicker{color:var(--primary-blue)}.dailyRecord .titleSec .datePicker .react-datepicker__day--selected{background-color:var(--primary-purple)}.dailyRecord .titleSec .datePicker .react-datepicker-wrapper{padding-left:6px;width:100%;z-index:1}.dailyRecord .titleSec .datePicker .react-datepicker-wrapper .react-datepicker__input-container{align-items:center;display:flex}.dailyRecord .titleSec .datePicker .react-datepicker-wrapper .react-datepicker__input-container input{color:var(--primary-purple);font-size:14px;font-weight:500;padding:0;width:100%}.dailyRecord .tradeList{background-color:var(--subBackground);display:flex;flex-direction:column;gap:12px;height:175px;overflow:auto;padding:14px 0 14px 22px}.dailyRecord .tradeList::-webkit-scrollbar{width:5px}.dailyRecord .tradeList::-webkit-scrollbar-thumb{background:#b5b6b8;border-radius:4px}.diaryPage{display:flex;height:100vh}.diaryPage .diaryBody{background-color:var(--background-gray);flex:1 1;margin-top:72px;overflow-y:scroll}.diaryPage .diaryBody .diaryMain{display:flex;flex-direction:column;margin:26px 38px}.diaryPage .diaryBody .diaryMain .collapse{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--primary-purple);cursor:pointer;display:flex;gap:8px;justify-content:end;padding-bottom:16px}.diaryPage .diaryBody .diaryMain .collapse .arrow{height:14px;margin-top:1px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:14px}.diaryPage .diaryBody .diaryMain .collapse.collapsed .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.diaryPage .diaryBody .diaryMain .btnSec,.diaryPage .diaryBody .diaryMain .inputSec,.diaryPage .diaryBody .diaryMain .remark{-webkit-animation:zoom .5s;animation:zoom .5s;display:flex;gap:12px;margin-top:24px}@-webkit-keyframes zoom{0%{opacity:0}to{opacity:1}}@keyframes zoom{0%{opacity:0}to{opacity:1}}.diaryPage .diaryBody .diaryMain .btnSec.collapsed,.diaryPage .diaryBody .diaryMain .inputSec.collapsed,.diaryPage .diaryBody .diaryMain .remark.collapsed{display:none;margin:0;max-height:0;padding:0}.diaryPage .diaryBody .diaryMain .inputSec{grid-gap:18px 24px;display:grid;grid-template-columns:repeat(2,1fr);margin:20px 0 18px}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .label{margin-bottom:8px}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker{align-items:center;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;display:flex;height:42px;position:relative;width:100%}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker img:first-child{cursor:auto;margin-top:2px;padding-left:14px}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker img:last-child{margin-top:3px;position:absolute;right:16px}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .picker{cursor:pointer}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .react-datepicker{color:var(--primary-blue)}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .react-datepicker__day--selected,.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--primary-purple)}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .react-datepicker-wrapper{padding-left:10px;width:100%;z-index:1}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .react-datepicker-wrapper .react-datepicker__input-container{align-items:center;display:flex}.diaryPage .diaryBody .diaryMain .inputSec .dateInput .datePicker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:14px;font-weight:500;padding:0;width:100%}.diaryPage .diaryBody .diaryMain .remark{display:flex;flex-direction:column;gap:0;margin-top:0;width:100%}.diaryPage .diaryBody .diaryMain .remark .label{margin-bottom:8px}.diaryPage .diaryBody .diaryMain .remark .modalText{border:1px solid var(--border-gray);border-radius:4px;height:100px;padding:14px;resize:none;width:100%}.diaryPage .diaryBody .diaryMain .remark .modalText:focus{border:1.5px solid var(--primary-purple)}.diaryPage .diaryBody .diaryMain .remark .modalText::-webkit-input-placeholder{color:var(--secondary-gray)}.diaryPage .diaryBody .diaryMain .remark .modalText::placeholder{color:var(--secondary-gray)}.diaryPage .diaryBody .diaryMain .btn{height:42px;width:200px}.diaryPage .diaryBody .diaryMain .dailySec{display:flex;margin-top:32px}.diaryPage .diaryBody .diaryMain .dailySec .dailyDiagram{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;flex:1 1;height:auto}.diaryPage .diaryBody .diaryMain .dailySec .listSec{display:flex;flex-direction:column;gap:16px;margin-left:16px}@media only screen and (min-width:1440px){.diaryMain{margin:26px auto!important;width:1024px}}@media only screen and (min-width:1700px){.diaryMain{width:1180px}}.historyForm{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;padding:24px;width:100%}.historyForm ul{display:flex}.historyForm ul li:first-child{border-right:1px solid var(--border-gray);text-align:center;width:18%}.historyForm ul li:nth-child(2){padding-left:5%;width:16%}.historyForm ul li:nth-child(3),.historyForm ul li:nth-child(4),.historyForm ul li:nth-child(5),.historyForm ul li:nth-child(6){width:12%}.historyForm ul li:nth-child(7){flex:1 1}.historyForm ul li:nth-child(8){text-align:center;width:12%}.historyForm .titleBody{background-color:var(--subBackground);border-bottom:1px solid var(--border-gray);color:var(--secondary-gray)}.historyForm .titleBody ul li{align-items:center;display:flex;height:64px}.historyForm .titleBody ul li:first-child,.historyForm .titleBody ul li:last-child{justify-content:center}.historyForm .mainBody{border-bottom:1px solid var(--border-gray);max-height:521px;overflow:auto}.historyForm .mainBody img{cursor:pointer;height:18px;width:18px}.historyForm .mainBody ul{cursor:pointer}.historyForm .mainBody ul li{height:52px;line-height:52px}.historyForm .mainBody ul li img{vertical-align:middle}.historyForm .mainBody ul li:first-child{background-color:var(--subBackground);color:var(--primary-purple)}.historyForm .mainBody ul:hover{background-color:var(--subBackground)}.historyForm .mainBody ul:hover li:first-child{background-color:var(--subBackground);border-right:4px solid var(--primary-purple);color:var(--primary-purple);font-weight:700;text-decoration:underline}.historyForm .mainBody .noData:hover{background-color:#fff}.historyForm .mainBody .noData:hover li:first-child{border-right:1px solid var(--border-gray);cursor:auto;font-weight:400;text-decoration:none}.historyForm .mainBody .blue{color:var(--primary-blue)}.historyForm .mainBody .green{color:var(--secondary-green)}.historyForm .mainBody .red{color:var(--secondary-red)}.historyForm .subBody ul li{height:52px;line-height:52px}.historyForm .subBody ul li:first-child{background-color:var(--subBackground);color:var(--secondary-gray)}.historyForm .subBody .green{color:var(--secondary-green)}.historyForm .subBody .red{color:var(--secondary-red)}@media only screen and (max-width:1000px){.historyForm ul li:first-child{width:20%}.historyForm ul li:nth-child(2){padding-left:5%;width:20%}.historyForm ul li:nth-child(3),.historyForm ul li:nth-child(4){width:13%}.historyForm ul li:nth-child(5),.historyForm ul li:nth-child(6){width:12%}.historyForm ul li:nth-child(7){flex:1 1}.historyForm ul li:nth-child(8){display:none;width:0}}@media only screen and (max-width:768px){.historyForm{border-left:none;border-radius:0;border-right:none}.historyForm ul li:first-child{width:26%}.historyForm ul li:nth-child(2){padding-left:5%;width:24%}.historyForm ul li:nth-child(3),.historyForm ul li:nth-child(4){width:17%}.historyForm ul li:nth-child(5){flex:1 1}.historyForm ul li:nth-child(6),.historyForm ul li:nth-child(7),.historyForm ul li:nth-child(8){display:none;width:0}}@media only screen and (max-width:499px){.historyForm ul li:first-child{width:32%}.historyForm ul li:nth-child(2){padding-left:5%;width:30%}.historyForm ul li:nth-child(3){width:18%}.historyForm ul li:nth-child(4){flex:1 1}.historyForm ul li:nth-child(5),.historyForm ul li:nth-child(6),.historyForm ul li:nth-child(7),.historyForm ul li:nth-child(8){display:none;width:0}}.historyPage{display:flex;height:100vh}.historyPage .historyBody{background-color:var(--background-gray);flex:1 1;margin-top:72px;overflow-y:scroll}.historyPage .historyBody .historyMain{margin:26px 38px}.historyPage .historyBody .historyMain .filterSwitch{display:none}.historyPage .historyBody .historyMain .dateFilter{align-items:center;display:flex;gap:12px;padding-bottom:16px}.historyPage .historyBody .historyMain .dateFilter .btn{height:42px;width:100px}.historyPage .historyBody .historyMain .dateFilter .datePicker{align-items:center;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;display:flex;height:42px;position:relative;width:192px}.historyPage .historyBody .historyMain .dateFilter .datePicker img:first-child{cursor:auto;margin-top:2px;padding-left:14px}.historyPage .historyBody .historyMain .dateFilter .datePicker img:last-child{margin-top:3px;position:absolute;right:16px}.historyPage .historyBody .historyMain .dateFilter .datePicker .picker{cursor:pointer}.historyPage .historyBody .historyMain .dateFilter .datePicker .react-datepicker{color:var(--primary-blue)}.historyPage .historyBody .historyMain .dateFilter .datePicker .react-datepicker__day--selected{background-color:var(--primary-purple)}.historyPage .historyBody .historyMain .dateFilter .datePicker .react-datepicker-wrapper{padding-left:10px;width:100%;z-index:1}.historyPage .historyBody .historyMain .dateFilter .datePicker .react-datepicker-wrapper .react-datepicker__input-container{align-items:center;display:flex}.historyPage .historyBody .historyMain .dateFilter .datePicker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:14px;font-weight:500;padding:0;width:100%}@media only screen and (min-width:1440px){.historyMain{margin:26px auto!important;width:1024px}}@media only screen and (min-width:1700px){.historyMain{width:1180px}}@media only screen and (max-width:768px){.historyMain{margin:26px 0 64px!important}.historyMain .filterSwitch{display:flex!important;gap:8px;justify-content:end;margin:0 24px 16px}.historyMain .filterSwitch img{cursor:pointer}.historyMain .filterSwitch .bold-16{color:var(--primary-purple);cursor:pointer}.dateFilter{display:none!important}.popupDateFilter{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100vw;z-index:1}.popupDateFilter .modal-overlay{background-color:#0a1943;height:100vh;opacity:30%;position:absolute;width:100vw}.popupDateFilter .dateFilterMobile{background-color:#fff;border-left:1px solid var(--border-gray);border-radius:4px 4px 0 0;border-right:1px solid var(--border-gray);border-top:1px solid var(--border-gray);bottom:0;display:flex;flex-direction:column;height:auto;position:absolute;width:100vw}.popupDateFilter .dateFilterMobile .top{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--primary-purple);display:flex;justify-content:center;padding:20px 0;position:relative}.popupDateFilter .dateFilterMobile .top .closeImg{cursor:pointer;height:15px;margin-top:1.5px;position:absolute;right:24px;width:15px}.popupDateFilter .dateFilterMobile .filterMain{display:flex;flex-direction:column;gap:10px;padding:26px 24px}.popupDateFilter .dateFilterMobile .filterMain .toText{align-self:center}.popupDateFilter .dateFilterMobile .filterMain .btn{height:42px}.popupDateFilter .dateFilterMobile .filterMain button:nth-child(4){margin-bottom:8px;margin-top:20px}.popupDateFilter .dateFilterMobile .filterMain button:nth-child(5){margin-bottom:8px}.datePicker{align-items:center;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;display:flex;height:42px;position:relative;width:100%}.datePicker img:first-child{cursor:auto;margin-top:2px;padding-left:14px}.datePicker img:last-child{margin-top:3px;position:absolute;right:16px}.datePicker .picker{cursor:pointer}.datePicker .react-datepicker{color:var(--primary-blue)}.datePicker .react-datepicker__day--selected{background-color:var(--primary-purple)}.datePicker .react-datepicker-wrapper{padding-left:10px;width:100%;z-index:1}.datePicker .react-datepicker-wrapper .react-datepicker__input-container{align-items:center;display:flex}.datePicker .react-datepicker-wrapper .react-datepicker__input-container input{font-size:14px;font-weight:500;padding:0;width:100%}}.topIncomeContainer{display:flex;gap:16px;width:100%}.topIncomeContainer .toatalIncome{align-items:flex-start;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;color:var(--secondary-gray);display:flex;flex-direction:column;height:118px;justify-content:center;padding-left:38px;width:32%}.topIncomeContainer .toatalIncome span:last-child{margin-top:4px}.topIncomeContainer .toatalIncome .green{color:var(--secondary-green)}.topIncomeContainer .toatalIncome .red{color:var(--secondary-red)}.topIncomeContainer .averageIncome{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex:1 1;height:118px}.topIncomeContainer .averageIncome .verticalLine{background-color:var(--border-gray);height:66px;width:1px}.topIncomeContainer .averageIncome .average{padding-left:38px}.topIncomeContainer .averageIncome .average .medium-14{color:var(--secondary-gray)}.topIncomeContainer .averageIncome .average1,.topIncomeContainer .averageIncome .average2{flex:1 1}.topIncomeContainer .averageIncome .average2 .bold-28{color:var(--secondary-green)}.topIncomeContainer .averageIncome .average3{flex:1 1}.topIncomeContainer .averageIncome .average3 .bold-28{color:var(--secondary-red)}.chartContainer{position:absolute;top:0}.dashBoardContainer{display:flex;flex-direction:column;gap:16px}.dashBoardContainer .chartSection{display:flex;gap:16px;height:528px;width:100%}.dashBoardContainer .chartSection .leftChart{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;height:50%;position:relative;width:32%}.dashBoardContainer .chartSection .leftChart .pieChart{align-items:center;display:flex;flex-direction:column;height:100%}.dashBoardContainer .chartSection .leftChart .pieChart .medium-16{color:var(--secondary-gray);margin-top:16px}.dashBoardContainer .chartSection .leftChart .pieChart .winrate{align-items:center;color:var(--secondary-green);display:flex;font-size:26px;font-weight:700;margin:auto 0}.dashBoardContainer .chartSection .leftChart .pieChart .winrate:after{content:"%";font-size:20px;margin-left:1px;margin-top:2px}.dashBoardContainer .chartSection .leftChart .pieChart .count{align-items:center;display:flex;gap:20px;margin-bottom:16px}.dashBoardContainer .chartSection .leftChart .pieChart .count .winCount{align-items:center;color:var(--secondary-green);display:flex;margin:0}.dashBoardContainer .chartSection .leftChart .pieChart .count .winCount:before{background-color:var(--secondary-green);border-radius:50%;content:"";height:5px;margin-right:6px;width:5px}.dashBoardContainer .chartSection .leftChart .pieChart .count .winCount:after{color:var(--secondary-gray);content:"獲利次數";font-size:12px;font-weight:500;margin-left:4px}.dashBoardContainer .chartSection .leftChart .pieChart .count .lossCount{align-items:center;color:var(--secondary-red);display:flex;margin:0}.dashBoardContainer .chartSection .leftChart .pieChart .count .lossCount:before{background-color:var(--secondary-red);border-radius:50%;content:"";height:5px;margin-right:6px;width:5px}.dashBoardContainer .chartSection .leftChart .pieChart .count .lossCount:after{color:var(--secondary-gray);content:"虧損次數";font-size:12px;font-weight:500;margin-left:4px}.dashBoardContainer .chartSection .leftChart .pieChart .count .verticalLine{background-color:var(--border-gray);height:20px;width:1px}.dashBoardContainer .chartSection .rightChart{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex:1 1;height:100%;justify-content:center;left:1.82vw;top:1.56vw}.dashboardPage{display:flex;height:100vh}.dashboardPage .dashboardBody{background-color:var(--background-gray);flex:1 1;margin-top:72px;overflow-y:scroll}.dashboardPage .dashboardBody .dashboardMain{display:flex;flex-direction:column;margin:26px 38px}@media only screen and (min-width:1440px){.dashboardMain{margin:26px auto!important;width:1024px}}@media only screen and (min-width:1700px){.dashboardMain{width:1180px}}.settingPage{display:flex;height:100vh}.settingPage .settingBody{background-color:var(--background-gray);flex:1 1;margin-top:72px;overflow-y:scroll}.settingPage .settingBody .settingMain{display:flex;flex-direction:column;margin:26px 55% 58px 38px}.settingPage .settingBody .settingMain .photoEdit{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;flex-direction:column;padding-bottom:26px}.settingPage .settingBody .settingMain .photoEdit .userImg{aspect-ratio:1;border-radius:50%;height:100px;object-fit:cover;object-position:50% 50%;width:100px}.settingPage .settingBody .settingMain .photoEdit>label{border-bottom:1px solid;color:var(--primary-purple);margin-top:10px}.settingPage .settingBody .settingMain .photoEdit>label:hover{cursor:pointer}.settingPage .settingBody .settingMain .settingInput{display:flex;flex-direction:column;gap:18px;margin-top:20px}.settingPage .settingBody .settingMain .primary-button{height:42px;margin-top:30px}.settingPage .settingBody .settingMain .secondary-button{display:none;height:42px;margin-top:18px}@media only screen and (max-width:768px){.settingMain{margin:26px 24px 122px!important}.settingMain .secondary-button{display:inline!important;display:initial!important}}.singleTweet{background-color:#fff;border-bottom:1px solid var(--border-gray);width:100%}.singleTweet .tweetMain .tweetTop{align-items:center;display:flex;padding:24px 24px 0}.singleTweet .tweetMain .tweetTop .userWidget .userImg{margin-right:12px}.singleTweet .tweetMain .tweetTop span:last-child{color:var(--secondary-gray);margin-left:auto;margin-right:0}.singleTweet .tweetMain .tweetMsg{margin-left:80px;margin-right:24px;padding:18px 0 24px}.singleTweet .singleTrade{background-color:var(--subBackground);padding:0 24px 0 80px}.singleTweet .singleTrade ul{display:flex}.singleTweet .singleTrade ul li:first-child{width:19%}.singleTweet .singleTrade ul li:nth-child(2){width:42%}.singleTweet .singleTrade ul li:nth-child(3){width:24%}.singleTweet .singleTrade ul li:nth-child(4){flex:1 1}.singleTweet .singleTrade .formTitles{border-bottom:1px solid var(--border-gray);color:var(--secondary-gray);padding:14px 20px}.singleTweet .singleTrade .formCotent{padding:13px 20px}.singleTweet .singleTrade .formCotent .buy,.singleTweet .singleTrade .formCotent .buyPrice{color:var(--secondary-red)}.singleTweet .singleTrade .formCotent .sell,.singleTweet .singleTrade .formCotent .sellPrice{color:var(--secondary-green)}.singleTweet .singleTrade .formCotent li{align-items:center;display:flex}.singleTweet .singleTrade .formCotent li:first-child span{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:26px;justify-content:center;margin-right:8px;width:26px}.singleTweet .singleTrade .formCotent li:first-child span img{cursor:auto;height:14px;width:14px}.singleTweet .singleTrade .formCotent li:nth-child(2) p:last-child{color:var(--secondary-gray);padding-left:4px}.singleTweet .tweetControl{height:52px}.singleTweet .tweetControl,.singleTweet .tweetControl span{align-items:center;display:flex}.singleTweet .tweetControl span img{cursor:pointer;margin-right:8px}.singleTweet .tweetControl .likes{margin:0 auto}.singleTweet .tweetControl .likes p:after{color:var(--secondary-gray);content:"喜歡";padding-left:4px}.singleTweet .tweetControl .likes img:hover{-webkit-filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%);filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%)}.singleTweet .tweetControl .comments{margin:0 auto}.singleTweet .tweetControl .comments p:after{color:var(--secondary-gray);content:"留言";padding-left:4px}.singleTweet .tweetControl .comments img:hover{-webkit-filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%);filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(3422%) hue-rotate(223deg) brightness(90%) contrast(96%)}.singleTweet .tweetControl .verticalLine{background-color:var(--border-gray);height:22px;width:1px}@media only screen and (max-width:768px){.tweetMsg{margin-left:24px!important}.singleTrade{padding:0 24px!important}}@media only screen and (max-width:499px){.singleTrade ul li:first-child{width:19%}.singleTrade ul li:nth-child(2){width:36%!important}.singleTrade ul li:nth-child(3){width:24%}.singleTrade ul li:nth-child(4){flex:1 1}.formCotent .typeIcon{display:none!important}.time{display:none}}.deleteBox{align-items:center;background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;box-shadow:2px 2px 10px 3px #0000001a;display:flex;padding:8px 12px;position:absolute;right:12px;top:56px}.deleteBox span{cursor:pointer}.deleteBox .gray{color:var(--secondary-gray)}.singleReply{border-bottom:1px solid var(--border-gray);position:relative}.singleReply .tweetTop{align-items:center;display:flex;padding:18px 24px 0}.singleReply .tweetTop .userWidget .userImg{margin-right:12px}.singleReply .tweetTop .userWidget .userInfo{align-items:center;display:flex;gap:6px;margin-left:0}.singleReply .tweetTop .userWidget .userInfo p:first-child{color:var(--primary-blue)}.singleReply .tweetTop .userWidget .userInfo .verticalLine{background:#dad8d8;height:15px;width:1px}.singleReply .tweetTop .date{color:var(--secondary-gray);margin-left:auto;margin-right:0}.singleReply .tweetTop .option{cursor:pointer;display:flex;justify-content:end;margin-left:8px;width:6px}.singleReply .tweetTop .option img{height:auto;margin-top:1px;width:3.6px}.singleReply .replyTag{align-items:center;display:flex;margin-left:80px;margin-top:4px}.singleReply .replyTag p{color:var(--primary-purple)}.singleReply .replyTag p:before{color:var(--secondary-gray);content:"回覆";margin-left:8px;margin-right:2px}.singleReply .tweetMsg{margin-left:80px;margin-right:24px;padding:6px 0 18px}.replyPage{display:flex}.replyPage .signleBody{background-color:var(--background-gray);display:flex;flex:1 1;gap:16px;height:100vh;overflow:auto;padding-right:38px}.replyPage .signleBody .replyMain{background-color:#fbfafa;border-right:1px solid var(--border-gray);flex:1 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:800px}.replyPage .signleBody .replyMain .singleHeader{align-items:center;background-color:#fff;border-bottom:1px solid var(--border-gray);display:flex;height:72px;padding:24px}.replyPage .signleBody .replyMain .singleHeader a{color:var(--primary-blue)}.replyPage .signleBody .replyMain .singleHeader span{align-items:center;cursor:pointer;display:inline-flex;gap:14px}.replyPage .signleBody .replyMain .singleHeader span img{height:15px;margin-top:2.5px;width:9px}.replyPage .signleBody .ranking{margin-top:16px}@media only screen and (max-width:1000px){.signleBody{gap:0!important;padding-right:0!important}}@media only screen and (max-width:768px){.signleBody{margin-bottom:64px}}.dailyHistoryPage{display:flex}.dailyHistoryPage .dailyHistoryBody{flex:1 1;height:100vh}.dailyHistoryPage .dailyHistoryBody .dailyHistoryMain{background-color:var(--background-gray);height:calc(100vh - 72px);margin-top:72px;overflow-y:scroll;padding:26px 38px 0}.dailyHistoryPage .dailyHistoryBody .dailyHistoryMain .dailySection{display:flex;gap:16px}.dailyHistoryPage .dailyHistoryBody .dailyHistoryMain .dailySection .dailyDiagram{background-color:#fff;border:1px solid var(--border-gray);border-radius:4px;height:auto;width:100%}.dailyHistoryPage .dailyHistoryBody .dailyHistoryMain .dailySection .listSec{display:flex;flex-direction:column;gap:16px}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,ul{list-style:none;padding:0}body{font-family:var(--main-font-family)}a,button,input,select,textarea{outline:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input{background-color:initial;border:none}button,input,select{vertical-align:middle}a{text-decoration:none}img{border-style:none}button{cursor:pointer;padding:0}body{box-sizing:border-box;color:#0a1943;color:var(--primary-blue)}:root{--main-font-family:"Noto Sans TC","Montserrat",sans-serif;--primary-purple:#5a40a4;--primary-blue:#0a1943;--secondary-green:#2bc0a9;--secondary-red:#e7483e;--secondary-gray:#898b8f;--background-gray:#f6f6f6;--subBackground:#f6f6f6;--border-gray:#e0e0e0}.bold-32{font-size:32px;font-weight:700}.bold-28{font-size:28px;font-weight:700}.bold-20{font-size:20px;font-weight:700}.bold-18{font-size:18px;font-weight:700}.regular-18{font-size:18px;font-weight:400}.bold-16{font-size:16px;font-weight:700}.medium-16{font-size:16px;font-weight:500}.regular-16{font-size:16px;font-weight:400}.bold-14{font-size:14px;font-weight:700}.medium-14{font-size:14px;font-weight:500}.regular-14{font-size:14px;font-weight:400}.medium-12{font-size:12px;font-weight:500}.regular-12{font-size:12px;font-weight:400}.primary-button{background:#5a40a4;background:var(--primary-purple);border:none;border-radius:4px;color:#fff}.primary-button:hover{background:#6a4bc1}.secondary-button{background:#fff;border:1.5px solid #5a40a4;border:1.5px solid var(--primary-purple);border-radius:4px;color:#5a40a4;color:var(--primary-purple)}.secondary-button:hover{background:rgba(106,75,193,.06)}.tertiary-button{background:#fff;border:1.5px solid #898b8f;border:1.5px solid var(--secondary-gray);border-radius:4px;color:#898b8f;color:var(--secondary-gray)}.tertiary-button:hover{background:rgba(106,75,193,.06)}.userWidget{align-items:center;display:flex}.userWidget .userImg{aspect-ratio:1;border-radius:50%;cursor:auto;height:44px;object-fit:cover;object-position:50% 50%;width:44px}.userWidget .userInfo{margin-left:12px}.userWidget .userInfo p:first-child{color:#5a40a4;color:var(--primary-purple)}.userWidget .userInfo p:last-child{color:#898b8f;color:var(--secondary-gray)}
/*# sourceMappingURL=main.8af6b0c7.css.map*/