.ActiveOrders{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.ActiveOrders::-webkit-scrollbar{width:0px}.ActiveOrders>div{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;border:1px solid transparent;border-radius:.5rem;padding:1rem;background-color:var(--hover-bg);overflow:hidden;min-height:91px}.ActiveOrders>div:hover{border:1px solid var(--secondary-color)}.ActiveOrders .order-content-header{display:flex;align-items:center;justify-content:space-between;gap:2px}.ActiveOrders .order-content-header .order-content-header-left{display:flex;align-items:center;gap:.25rem}.ActiveOrders .order-content-header .order-content-header-left img{width:1.3rem;height:1.3rem}.ActiveOrders .order-content-header .order-content-header-left span{font-size:.9rem;font-weight:600}.ActiveOrders .order-content-header .cancelOrder{background-color:var(--secondary-color);padding:.25rem;border-radius:.5rem;font-size:.8rem;cursor:pointer}.ActiveOrders .order-content-header .cancelOrder:hover{filter:brightness(1.1)}.ActiveOrders .order-content{display:flex;flex-wrap:wrap;gap:1rem;row-gap:.5rem}.ActiveOrders .order-content-item{display:flex;flex-direction:column}.ActiveOrders .order-content-item span{font-size:.9rem;font-weight:500}.ActiveOrders .order-content-item span:first-child{font-weight:300;color:var(--second-color);white-space:nowrap}.ActiveOrders .order-content-item .item-invert-price{cursor:pointer}.ActiveOrders .order-content-item svg{cursor:default}.OrderHistory{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.OrderHistory::-webkit-scrollbar{width:0px}.OrderHistory>div{display:flex;flex-direction:column;gap:.5rem;border:1px solid transparent;border-radius:.5rem;padding:1rem;background-color:var(--hover-bg);min-height:91px}.OrderHistory .order-history-header{display:flex;align-items:center;justify-content:space-between;gap:2px}.OrderHistory .order-history-header .order-history-header-left{display:flex;align-items:center;gap:.25rem}.OrderHistory .order-history-header .order-history-header-left img{width:1.2rem;height:1.2rem}.OrderHistory .order-history-header .order-history-header-left span{font-size:.9rem;font-weight:600}.OrderHistory .order-history-header .cancelOrder{background-color:var(--main-color);font-size:.8rem}.OrderHistory .order-history-content{display:flex;gap:1rem;row-gap:.5rem}.OrderHistory .order-status-red{font-size:.7rem;font-weight:600;padding:.25rem .5rem;background-color:#ad1d00;border-radius:1rem}.OrderHistory .order-history-content-item{display:flex;flex-direction:column}.OrderHistory .order-history-content-item .item-invert-price{cursor:pointer}.OrderHistory .order-history-content-item span{font-size:.9rem;font-weight:500}.OrderHistory .order-history-content-item span:first-child{font-weight:300;color:var(--second-color)}.OrderHistory .order-history-content-item svg{cursor:default}.OrderCard{display:flex;flex-direction:column;flex:auto;max-width:970px;min-height:250px;width:100%;border:1px solid var(--secondary-color-transp)}.OrderCard .header-feature{justify-content:space-between}.OrderCard .connect-wallet{display:flex;justify-content:center;align-items:center;height:calc(100% - 120px)}.OrderCard button{font-size:1rem;padding:.25rem .75rem;border-radius:1rem}.OrderCard .active-card{background-color:var(--secondary-bg)}.OrderCard .order-nav{display:flex;justify-content:center;border-radius:.5rem .5rem 0 0;border-bottom:none}.OrderCard .order-nav .order-title{border-radius:.5rem .5rem 0 0;flex-grow:1;text-align:center;padding:1rem 0;cursor:pointer}.OrderCard .no-order{border-radius:0 0 12px 12px;text-align:center;padding:2rem 0;height:100%;border-top:none}.OrderCard table{border-collapse:collapse;width:100%}.OrderCard table svg{font-size:.9rem;padding:10px 5px!important}.OrderCard th,.OrderCard td{border:1px solid var(--secondary-bg);padding:.75rem 1rem;white-space:nowrap;text-align:left}.OrderCard th:first-child,.OrderCard td:first-child{border-left:none}.OrderCard th:last-child,.OrderCard td:last-child{border-right:none}.OrderCard th svg,.OrderCard td svg{padding:0 5px!important}.OrderCard th button,.OrderCard td button{white-space:nowrap;padding:0}.OrderCard th{padding:.5rem 1rem;border-top:none;border-bottom:1px solid var(--secondary-color-transp)}.OrderCard th .Tooltip{justify-content:center;width:100%}.OrderCard tbody tr:last-child td{border-bottom:none}.OrderCard .Tooltip .description{white-space:normal}@media screen and (max-width: 1210px){.OrderCard{max-height:534px}.OrderCard .order-nav,.OrderCard .no-order,.OrderCard table{border-radius:0}}.History{display:flex;flex-direction:column;width:100%;height:calc(100vh - 132px)}.History .tokens-info-container{display:flex;flex-direction:column;padding:.75rem;gap:.5rem;height:calc(100% - 62px);overflow-y:auto}.History .tokens-info-container .tokens-info-content{display:flex;justify-content:space-between}.History .tokens-info-container .tokens-info-content span:first-child,.History .tokens-info-container .tokens-info-content>div{font-size:.9rem;font-weight:200}.History .tokens-info-container .tokens-info-content>div{display:flex}.History .tokens-info-container .tokens-info-content span:nth-child(2),.History .tokens-info-container .tokens-info-content a{font-weight:400}.History .tokens-info-container .available-pools{display:flex;flex-direction:column;gap:.25rem}.History .tokens-info-container .available-pools span{font-size:.9rem;font-weight:200}.History .tokens-info-container .available-pools svg{font-size:.7rem}.History .History-item{height:100%;overflow:hidden;border:1px solid var(--secondary-color-transp)}.History .History-item h2{font-size:1rem;font-weight:500;padding:.5rem .75rem}.History .History-item .active-manage{display:flex;gap:0;padding:0;margin-bottom:0}.History .History-item .active-manage button{width:100%;padding:.25rem .75rem;border-top:1px solid var(--secondary-color-transp);border-bottom:1px solid var(--secondary-color-transp);border-radius:0}.History .History-item .active-manage button:nth-child(1){text-align:left;border-right:1px solid var(--secondary-color-transp)}.History .History-item .active-manage button:nth-child(2){text-align:right}.History .History-item .active-manage button.active{background-color:var(--secondary-bg)}.History .History-item .table-history{height:100%}.History .History-item .table-history .head-history{display:flex}.History .History-item .table-history .head-history span{width:100%;padding:.25rem .75rem;border-top:1px solid var(--secondary-color-transp);border-bottom:1px solid var(--secondary-color-transp);font-size:.85rem!important}.History .History-item .table-history .head-history span:nth-child(1){text-align:left;border-right:1px solid var(--secondary-color-transp)}.History .History-item .table-history .head-history span:nth-child(2){text-align:right}.History .History-item .table-history .body-history{height:calc(100% - 62px);overflow-y:auto}.History .History-item .table-history .body-history .loading{padding:.75rem}.History .History-item .table-history .body-history>div{display:flex}.History .History-item .table-history .body-history>div>div{padding:1px .75rem;font-size:.85rem;font-weight:300;white-space:nowrap;width:100%;overflow:hidden}.History .History-item .table-history .body-history>div>div:nth-child(1){text-align:left;border-right:1px solid var(--secondary-color-transp)}.History .History-item .table-history .body-history>div>div:nth-child(1).green{color:var(--green)}.History .History-item .table-history .body-history>div>div:nth-child(1).red{color:var(--red)}.History .History-item .table-history .body-history>div>div:nth-child(2){text-align:right}.History .History-item .table-history .body-history::-webkit-scrollbar{width:0}@media screen and (max-width: 1210px){.History{height:100%}.History .History-item{height:300px!important}}@media screen and (min-width: 650px) and (max-width: 1210px){.History{flex-direction:row}.History .History-item{width:100%;max-width:none}}.PriceChartContainer{height:100%;display:flex;flex-direction:column;padding:1rem;background-color:var(--main-bg);border-radius:12px;width:100%;min-width:350px;border-radius:1rem}.PriceChartContainer .PriceChart-info{flex:1 1 0%}.PriceChartContainer .PriceChart-info .token-pair{display:flex;align-items:center}.PriceChartContainer .PriceChart-info .token-pair img{width:24px;height:24px;border-radius:50%;margin-right:.5rem}.PriceChartContainer .PriceChart-info .token-pair>div{display:flex;align-items:center;font-size:1.2rem}.PriceChartContainer .PriceChart-info .token-pair>div span{margin:0 .5rem;font-weight:600}.PriceChartContainer .PriceChart-info .token-pair svg{padding:0 .5rem}.PriceChartContainer .PriceChart-info .custom-tooltip{display:flex;align-items:baseline;flex-wrap:wrap;padding:1rem 0 0;font-weight:700}.PriceChartContainer .PriceChart-info .custom-tooltip>div{margin:0 .15rem}.PriceChartContainer .PriceChart-info .custom-tooltip .value{position:relative;font-size:2.3rem;margin-right:1rem}.PriceChartContainer .PriceChart-info .custom-tooltip .value span{position:absolute;top:0;font-size:1.5rem}.PriceChartContainer .PriceChart-info .custom-tooltip .pair{font-size:1.5rem;color:var(--second-color)}.PriceChartContainer .PriceChart-info .custom-tooltip .price-variation{font-size:1rem;text-align:center;white-space:nowrap}.PriceChartContainer .PriceChart-info.negative .date,.PriceChartContainer .PriceChart-info.negative .price-variation{color:var(--secondary-color)}.PriceChartContainer .PriceChart-info.positive .date,.PriceChartContainer .PriceChart-info.positive .price-variation{color:#31d0aa}.PriceChartContainer .PriceChart-info .time{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.PriceChartContainer .asterix{color:var(--second-color)}.PriceChartContainer>div:last-child:not(.PriceChart){width:100%!important}.PriceChartContainer>div:last-child:not(.PriceChart) .tv-lightweight-charts{width:100%!important}.PriceChartContainer>div:last-child:not(.PriceChart) .tv-lightweight-charts table{width:100%!important}.PriceChartContainer>div:last-child:not(.PriceChart) .tv-lightweight-charts table canvas{width:100%!important}.SwapCard{flex:0 1 auto}.SwapCard.feature{background-color:var(--main-bg)}.SwapCard.feature .header-feature{justify-content:space-between;position:relative}.SwapCard.feature .header-feature h2{margin-left:0;font-size:1.2rem;font-weight:500}.SwapCard.feature .header-feature>div>button{font-size:1rem;padding:.25rem .75rem;border-radius:1rem}.SwapCard.feature .header-feature .active-card{background-color:var(--secondary-bg)}.SwapCard.feature .header-feature .chart-icon{display:flex;align-items:center;gap:.5rem;fill:var(--main-color);cursor:pointer}.SwapCard.feature .header-feature .Setting{padding:0}.SwapCard.feature .container-feature{padding-top:0}.SwapCard.feature .container-feature .TokenInput{background-color:var(--hover-bg)}.SwapCard.feature .container-feature .TokenInput-wrapper{position:relative}.SwapCard.feature .container-feature .TokenInput-wrapper .InvertTokens{padding:4px;border-radius:.5rem;height:32px;width:32px;position:relative;left:calc(50% - 16px);background-color:var(--secondary-bg);border:4px solid var(--main-bg);z-index:2;margin:-14px 0}.SwapCard.feature .container-feature .invertTokensLO{display:block;margin:.5rem auto;position:relative;width:100%}.SwapCard.feature .container-feature .invertTokensLO:before{content:"";position:absolute;width:100%;top:calc(50% - 1px);height:3px;background:var(--secondary-bg)}.SwapCard.feature .container-feature .invertTokensLO .InvertTokens{position:relative;z-index:5;background-color:var(--main-bg);border:3px solid var(--secondary-bg);padding:4px;border-radius:.5rem;height:32px;width:32px}.SwapCard.feature .container-feature .toggle-container{display:flex;align-items:center;padding:.5rem 0}.SwapCard.feature .container-feature .toggle-container span{padding:0 .5rem}.SwapCard.feature .container-feature>button{margin-top:.5rem}.SwapCard.feature .advanced{display:flex;gap:.25rem;margin-top:.25rem}.SwapCard.feature .expiry{font-size:.7rem;width:140px;min-width:140px}.SwapCard.feature .expiry>span{line-height:24px}.SwapCard.feature .expiry button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem;flex-grow:1}.SwapCard.feature .limit-container{flex-grow:1}.SwapCard.feature .limit-container,.SwapCard.feature .expiry{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--hover-bg);border-radius:.5rem;border:1px solid transparent;padding:.5rem 1rem}.SwapCard.feature .limit-container:hover,.SwapCard.feature .expiry:hover{border:1px solid var(--secondary-color)}.SwapCard.feature .limit-container .top,.SwapCard.feature .expiry .top{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.7rem}.SwapCard.feature .limit-container .top>div,.SwapCard.feature .expiry .top>div{white-space:nowrap}.SwapCard.feature .limit-container .top button,.SwapCard.feature .expiry .top button{display:flex;align-items:center;gap:.25rem;background:transparent;color:var(--main-color);padding:.25rem .5rem;border:1px solid var(--secondary-color);border-radius:2rem;font-size:.7rem;white-space:nowrap}.SwapCard.feature .limit-container .top .limitValueDiff,.SwapCard.feature .expiry .top .limitValueDiff{flex-grow:1;text-align:right;white-space:nowrap}.SwapCard.feature .limit-container .top .limitValueDiff.above,.SwapCard.feature .expiry .top .limitValueDiff.above{color:#31d0aa}.SwapCard.feature .limit-container .top .limitValueDiff.below,.SwapCard.feature .expiry .top .limitValueDiff.below{color:var(--secondary-color)}.SwapCard.feature .limit-container .right,.SwapCard.feature .expiry .right{display:flex;flex-grow:1}.SwapCard.feature .limit-container .right .Input-wrapper,.SwapCard.feature .expiry .right .Input-wrapper{flex-grow:1}.SwapCard.feature .limit-container .right .Input-wrapper input,.SwapCard.feature .expiry .right .Input-wrapper input{width:100%;height:40px;color:var(--main-color);font-size:1rem;padding:0;border:none;flex-grow:1!important}.SwapCard.feature .limit-container .bottom,.SwapCard.feature .expiry .bottom{display:flex;justify-content:flex-end;align-items:center;font-size:.8rem}.SwapCard.feature .limit-container .bottom>div,.SwapCard.feature .expiry .bottom>div{white-space:nowrap}.SwapCard.feature .limit-container .bottom span,.SwapCard.feature .expiry .bottom span{cursor:pointer;padding:0 .5rem;user-select:none}.SwapCard.feature .expiry-header{display:flex;justify-content:space-between}.SwapCard.feature .expiry-header svg{font-size:.9rem}.SwapCard.feature .no-expiry-date{display:flex;justify-content:center;align-items:center;flex-grow:1;font-size:.9rem;text-align:center}.SwapCard.feature input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{display:none;width:0!important}.SwapCard.feature .expiry-date-picker{display:flex;align-items:center;overflow:visible;justify-content:center;font-size:.75rem;flex-grow:1;padding-top:.5rem}.SwapCard.feature .expiry-calendar{display:flex;align-items:center;justify-content:center;font-size:.75rem}.SwapCard.feature .expiry-calendar::-webkit-calendar-picker-indicator{background-color:#fff;font-size:1.2rem;border-radius:5px;padding:1px;cursor:pointer}.SwapCard.feature .expiry-calendar:focus,.SwapCard.feature .expiry-calendar:focus-visible{outline:none;font-size:.9rem}.SwapCard.growSwapCard{justify-content:flex-start;flex-grow:1}.SwapCard .error-info-container{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.SwapCard .error-info-container .error-info{border-radius:.5rem;font-size:.8rem;color:#f62929}.SwapCard .swap-details{margin-top:.25rem;border-radius:.5rem;background-color:var(--secondary-bg)}.SwapCard .show-details-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem}.SwapCard .show-details-button span:first-child{flex-grow:1}.swap-details{display:flex;flex-direction:column;justify-content:space-between;font-size:.9rem}.swap-details>div{padding:.5rem}.swap-details .details .detail{display:flex;justify-content:space-between;margin:.25rem 0}.swap-details .details .detail.red{color:#ff4136}.swap-details .details .detail.orange{color:#ff851b}.swap-details .details .detail .slippage-input{display:flex;align-items:center;gap:2px}.swap-details .details .detail .slippage-input svg{width:11px;cursor:default}.swap-details .details .detail .slippage-input input{width:25px;text-align:right}.swap-details .swap-route .route-details{display:flex;align-items:center;flex-wrap:wrap}.swap-details .swap-route .route-details [data-prefix=fas]{cursor:default;margin:0 .25rem}.swap-details .swap-route .route-details .route-step{display:flex;align-items:center}.swap-details .swap-route .route-details .route-step img:last-of-type{transform:translate(-.25rem)}.swap-details .swap-route .route-details .route-step .binStep{font-size:.9rem;color:var(--second-color);background-color:var(--hover-bg);padding:.25rem .5rem;border-radius:.5rem;margin-left:.25rem}.swap-details .swap-route .route-details img{width:20px;height:20px}.pro-interface .SwapCard{border:1px solid var(--secondary-color-transp)!important}.pro-interface .SwapCard.feature{border-radius:0;border:none;min-width:475px}.pro-interface .SwapCard .buttons-container button:not(.close),.pro-interface .SwapCard .dca-buttons button:not(.close){border:1px solid transparent!important;background-color:var(--secondary-bg)!important}.pro-interface .SwapCard .buttons-container button:not(.close):hover,.pro-interface .SwapCard .dca-buttons button:not(.close):hover{border:1px solid var(--secondary-color)!important}.buttons-container{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.buttons-container .warning-inputs{color:red}@media screen and (min-width: 850px){.SwapCard:not(.pro){min-width:430px}.pro-interface .SwapCard{max-width:none}}@media screen and (max-width: 500px){.expiry{overflow:hidden;width:35%;min-width:0!important;padding:.5rem!important}.expiry .expiry-date-picker{flex-direction:column;gap:.25rem}.expiry .expiry-date-picker div{text-align:center}.expiry .expiry-date-picker .expiry-calendar{flex-direction:column-reverse}}.TradingViewContainer{display:flex;flex-direction:column;flex-grow:1;border-radius:12px}.TradingViewContainer iframe{width:100%;height:450px;border:1px solid var(--secondary-color-transp)}@media screen and (min-width: 1211px){.TradingViewContainer iframe{height:100%}}.Trade{display:flex;flex-direction:column;min-height:calc(100vh - 132px);width:100%}.Trade .margin-swap{max-width:1400px;margin:0 auto;width:100%;padding:0 1rem}.Trade.pro{margin:0;flex-grow:1}.Trade:not(.pro) .swap-container{display:flex;flex-direction:column;flex-grow:1;gap:2rem;width:100%;background-color:var(--secondary-bg);padding:2rem 0}.Trade:not(.pro) .swap-container .orders-container{display:flex;flex-direction:column;width:100%;gap:.5rem}.Trade:not(.pro) .swap-container .orders-container>div{flex-wrap:wrap;flex-direction:row;justify-content:space-between;padding:0}.Trade:not(.pro) .swap-container .orders-container>div>div{width:calc(50% - .5rem);min-width:300px}.Trade:not(.pro) .swap-container .orders-container h4{margin-top:1rem}.Trade .chart-feature-container{display:flex;align-items:flex-start;gap:2rem;padding:0 1rem}.Trade .chart-feature-container>div:first-child:not(.Spinner){width:437px}.Trade .chart-feature-container .info_no_currencies{display:flex;justify-content:center;align-items:center;width:100%;margin-top:5rem}.Trade .pro-interface{background-color:var(--main-bg);display:flex;flex-direction:column-reverse;width:100%;height:100%;flex-grow:1}.Trade .pro-interface .swap-cards-container{display:flex;flex-direction:column;border-radius:0!important;flex-grow:1}.Trade .pro-interface .swap-cards-container .TradingView-container{display:flex;flex-direction:column;flex-grow:1}.Trade .pro-interface .swap-cards-container .TradingView-container .info_no_currencies{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;border:1px solid var(--secondary-color-transp);border-right:none;flex-grow:1}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-container{display:flex;border:1px solid var(--secondary-color-transp);overflow-x:auto}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-pair{display:flex;padding:.5rem 0;max-width:450px;white-space:nowrap}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-pair>div{display:flex;flex-direction:column;gap:2px;padding:0 .75rem}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-pair>div>span:first-child{font-size:.75rem;opacity:.8}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-pair>div>span:nth-child(2){font-size:.7rem;font-weight:600}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-pair>div>span:nth-child(2).green-span{color:var(--green)}.Trade .pro-interface .swap-cards-container .TradingView-container .banner-info-pair>div>span:nth-child(2).red-span{color:var(--red)}.Trade .pro-interface .swap-cards-container .swap-history-cards{display:flex;flex-direction:column}.Trade .pro-interface .swap-cards-container .swap-history-cards .dca-card-container{flex-grow:1}@media screen and (min-width: 1211px){.Trade.pro{min-height:calc(100vh - 132px)}.Trade .pro-interface{flex-direction:row}.Trade .pro-interface .swap-cards-container{flex-direction:row;height:100%;min-height:calc(100vh - 132px);width:100%}.Trade .swap-history-cards{width:500px;overflow-y:auto!important;height:calc(100vh - 132px)}.History{width:270px!important}}@media screen and (min-width: 850px) and (max-width: 1210px){.swap-history-cards{flex-direction:row!important}.swap-history-cards .feature{justify-content:start}}@media screen and (max-width: 850px){.chart-feature-container{flex-direction:column}.chart-feature-container .SwapCard{width:100%!important}.chart-feature-container .info_no_currencies{margin-top:2rem!important}.Trade .pro-interface .swap-cards-container{height:100%}}@media screen and (max-width: 1210px){.OrderCard .DCAHistory,.OrderCard .ActiveDCA{max-width:none!important}}