.perpetual{display:flex;justify-content:space-between;align-items:center;gap:20px}.perpetual *{line-height:1.5}.perpetual span.red{color:var(--c-pink-light)}.perpetual span{color:var(--c-text-second)}.perpetual .col-1{display:flex;flex-direction:column;justify-content:space-between;padding-right:15px;border-right:1px solid var(--c-border-primary);color:var(--c-text-second);font-size:14px}.perpetual .col-1 h2{font-size:18px;font-weight:400;color:var(--c-green-light);width:170px}.perpetual .col-1 h2 span{color:var(--c-text-three)}.perpetual .wrapper-table{overflow:auto;width:75%}.perpetual table{width:100%;min-width:650px}.perpetual table th,.perpetual table td{text-align:left}.perpetual table th{color:var(--c-text-second);font-size:14px;font-weight:400}.perpetual table td{color:var(--c-text-three);font-size:16px;font-weight:400}.perpetual ul{display:none;grid-template-columns:55% 45%}.perpetual ul li{color:var(--c-text-second);font-size:14px;font-weight:400;line-height:2}.perpetual ul .li-col-2{color:var(--c-text-three);text-align:end}.perpetual button svg *{stop-color:#000}@media (max-width: 600px){.perpetual{display:grid;grid-template:repeat(2,auto)/repeat(2,auto);gap:0}.perpetual .col-1{order:1;border:0;margin-bottom:10px}.perpetual .wrapper-table{order:3;grid-column:span 2;width:100%;padding-top:7px;border-top:1px solid var(--c-border-primary)}.perpetual .wrapper-table table{display:none}.perpetual .wrapper-table ul{display:grid}.perpetual button{order:2;text-align:end}}.long-position{margin-top:30px}.long-position .main-wrapper{display:flex;gap:40px;overflow:hidden}.long-position .row-1{display:flex;gap:10px}.long-position .col-1{flex-basis:60%}.long-position h2{color:var(--c-text-three);font-size:18px;font-weight:400}.long-position .icon{position:relative;padding:1px;width:31.5px;height:20px;border:1px solid var(--c-border-primary);border-radius:20px}.long-position .icon svg:first-child{position:absolute;z-index:10}.long-position .icon svg:last-child{position:absolute;left:13px}.long-position .status{padding:5px 15px;font-size:12px;font-weight:400;border-radius:20px}.long-position .complete{background:linear-gradient(90deg,#00ec6926,#00b04d26)}.long-position .complete span{background:linear-gradient(90deg,#00ec69,#008945 100%,#00b04d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.long-position .open{background:linear-gradient(90deg,#6cafff26,#40699926)}.long-position .open span{background:linear-gradient(90deg,#6cafff,#406999);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.long-position .adl{color:var(--c-text-second);font-size:12px;font-weight:400}.long-position .adl__range{position:relative;width:71.226px;height:3px;border-radius:2px;background:var(--c-border-primary);margin-top:6px}.long-position .adl__range-full{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:linear-gradient(90deg,#00ec69,#00b04d),linear-gradient(90deg,#00ec69,#008945 100%,#00b04d)}.long-position .row-2{overflow:auto;margin-top:5px}.long-position .row-2 ul{display:none}.long-position .row-2 table{width:100%;min-width:530px}.long-position .row-2 table th,.long-position .row-2 table td{padding:5px 0;text-align:left;width:20%}.long-position .row-2 table th{color:var(--c-text-second);font-size:14px;font-weight:400}.long-position .row-2 table td{color:var(--c-text-three);font-size:16px}.long-position .col-2{display:flex;flex-direction:column;justify-content:space-between;flex-basis:40%}.long-position .col-2 div:nth-child(1){display:flex;justify-content:space-between}.long-position .col-2 div:nth-child(1) div{color:var(--c-green-light);font-size:12px}.long-position .col-2 div:nth-child(1) div:last-child{color:var(--c-pink-light)}.long-position .col-2 div:nth-child(2){display:flex;justify-content:space-between;font-size:14px;color:var(--c-text-three)}.long-position .col-2 div:nth-child(4){display:flex;justify-content:space-between}.long-position .col-2 div:nth-child(4) div{color:var(--c-text-second);font-size:14px}.long-position .col-2 div:nth-child(4) div span{color:var(--c-text-three)}.long-position .col-3{display:flex;flex-direction:column;justify-content:space-between;flex-basis:fill}.long-position .col-3 button{padding:0 5px}.long-position .range-chart{position:relative;width:100%;height:4px;border-radius:2px;background:#e9edf7f2}.long-position .range-chart .sl{position:absolute;width:38px;height:100%}.long-position .range-chart .sl div{transition:width .3s;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#6cafff,#406999),linear-gradient(90deg,#6cafff,#406999)}.long-position .range-chart .sl-point{position:absolute;left:38px;top:-1px;background:#6cafff;width:1px;height:6px}.long-position .range-chart .tp{position:absolute;right:0;width:38px;height:100%}.long-position .range-chart .tp div{transition:width .3s;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#6cafff,#406999),linear-gradient(90deg,#6cafff,#406999)}.long-position .range-chart .pnl-negative{position:absolute;right:38px;width:calc(50% - 38px);height:100%}.long-position .range-chart .pnl-negative div{transition:width .3s;height:100%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#f6637a,#cc5265),linear-gradient(90deg,#f6637a,#cc5265)}.long-position .range-chart .pnl-positive{position:absolute;left:38px;width:calc(50% - 38px);height:100%}.long-position .range-chart .pnl-positive div{transition:width .3s;position:absolute;top:0;right:0;height:100%;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#00ec69,#00b04d),linear-gradient(90deg,#00ec69,#008945 100%,#00b04d),#9baeca}.details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s}.details>div{overflow:hidden;width:100%}.details.active{grid-template-rows:1fr}@media (max-width: 992px){.long-position .main-wrapper{display:grid;grid-template:auto 80px/ calc(85% - 10px) 15%;row-gap:30px;column-gap:10px}.long-position .col-1{width:100%;grid-column:span 2}}@media (max-width: 600px){.long-position .main-wrapper{width:100%;gap:0;row-gap:30px;column-gap:10px}.long-position .col-1{width:100%;grid-column:span 2}.long-position .row-2{margin-top:15px}.long-position .row-2 table{width:100%}.long-position .row-2 table th,.long-position .row-2 table td{padding:5px 0;text-align:left;width:auto}}@media (max-width: 480px){.long-position .main-wrapper{grid-template:auto 85px/1fr;gap:0;row-gap:5px}.long-position .row-2 table{display:none}.long-position .row-2 ul{display:block}.long-position .row-2 ul li{overflow:hidden;display:flex;justify-content:space-between;margin:15px 0}.long-position .row-2 ul li:first-child{margin-top:0}.long-position .row-2 ul li>div{font-size:14px}.long-position .row-2 ul li>div:first-child{color:var(--c-text-second)}.long-position .col-3{display:none;background:#000}}html{--font-family-main: "Poppins", sans-serif;--reactour-accent: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--c-text-active: #fff;--c-green-light: #00bc84;--c-blue-light: #73a8f8;--c-pink-light: #ff6f6f}[data-theme=light-blue]{--c-text-primary: #1b2559;--c-text-second: #9baeca;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f4f7fe;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #d9dbff;--c-bg-hover: #efefff;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(35, 165, 240, .15);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=dark-blue]{--c-text-primary: #fefefe;--c-text-second: #9baeca;--c-text-three: #fefefe;--c-text-four: #9baeca;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0d0d1f;--c-bg-second: #151429;--c-bg-third: #0d0d1f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #151429;--c-bg-active: #242346;--c-bg-hover: #1d1c38;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(35, 165, 240, .08);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=light-green]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: rgb(207, 205, 203, .7);--c-bg-hover: rgb(240, 238, 239, .8);--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(0, 255, 162, .15);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #03c980}[data-theme=dark-green]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(0, 255, 162, .08);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #00d688}[data-theme=light-orange]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #cfcdcb;--c-bg-hover: #f0eeef;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(255, 173, 96, .15);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #fa9c44}[data-theme=dark-orange]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(255, 173, 96, .08);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #e7903e}.text-gradient-primary{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box{border-radius:10px;background:var(--c-bg-second);box-shadow:var(--c-box-shadow);padding:20px}[data-theme^=dark] .box{border:1px solid var(--c-border-primary)}.box-2{border-radius:6px;border:1px solid var(--c-border-primary);background:var(--c-bg-third)}.box-3{border-radius:6px;background:var(--c-bg-third)}@media (max-width: 600px){.box{padding:18px 17px}}.box-form{border-radius:6px;background:var(--c-bg-third)}.box-form.focus{outline:1px solid var(--c-focus)}.box-form.valid{outline:1px solid #2dc071}.box-form.is-not-valid{outline:1px solid #e74040}.c-text-sec{color:var(--c-text-second)!important}.f15{font-size:15px}.divider{height:1px;width:100%;background:var(--c-border-primary)}.hidden{visibility:hidden}.svg-color-fill-focus{fill:var(--c-focus)}.svg-color-fill-primary{fill:var(--c-text-second)}.svg-color-stroke-primary{stroke:var(--c-text-second)}.svg-color-stroke-secondary{stroke:var(--gradient-color-second)}.svg-gradient-color-first{stop-color:var(--gradient-color-first)}.svg-gradient-color-second{stop-color:var(--gradient-color-second)}.table-long-position{margin-top:15px;padding-top:15px;border-top:1px solid var(--c-border-primary)}.table-long-position .nav-select{width:320px}.table-long-position .nav-select button{height:32px;width:100%}.table-long-position .table-wrapper{overflow-x:auto;margin-top:15px}.table-long-position table{width:100%}.table-long-position table button{padding:4px 3px 1px}.table-long-position table th{font-size:14px;font-weight:400;text-align:left;color:var(--c-text-second)}.table-long-position table td{font-size:14px;color:var(--c-text-three)}.table-long-position table thead tr,.table-long-position table tbody tr{min-width:900px;width:100%;display:grid;grid-template-columns:minmax(10px,50px) minmax(110px,250px) minmax(50px,100px) minmax(50px,90px) minmax(50px,90px) minmax(100px,140px) minmax(80px,140px) minmax(50px,85px) minmax(120px,140px) minmax(50px,175px) minmax(10px,20px);align-items:center;padding:4px 0;margin:5px 0}.table-long-position table thead tr{margin:-5px 0}@media (max-width: 480px){.table-long-position .nav-select,.table-long-position .nav-select button{width:100%}}