.tradingAppWrapper{display:flex;flex-direction:column;height:100vh;padding-bottom:1rem;width:100%;justify-content:flex-start}.tradingAppWrapper .tradingLayoutWrapper{display:flex;flex-direction:column;max-height:86%;overflow:auto;background-color:#000;padding-inline:30px;padding-top:20px;gap:15px}@media only screen and (min-width:1280px){.tradingAppWrapper .tradingLayoutWrapper{padding-inline:60px;padding-block:16px}}.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper{display:flex;flex-direction:row;justify-content:space-between;gap:10px;width:100%;margin-bottom:20px}@media only screen and (min-width:768px){.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper{justify-content:center}}@media only screen and (min-width:1600px){.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper{width:100%;gap:60px}}.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper .OrderPlacingColumn{display:flex;flex-direction:row;justify-content:center;width:50%;height:100%;gap:10px}@media only screen and (min-width:1024px){.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper .OrderPlacingColumn{width:45%}}@media only screen and (min-width:1280px){.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper .OrderPlacingColumn{width:35%}}@media only screen and (min-width:1600px){.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper .OrderPlacingColumn{justify-content:flex-end;width:25%}}.tradingLayoutWrapper::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.tradingAppWrapper .tradingLayoutWrapper{padding-inline:12px;padding-top:12px}.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper{flex-direction:column}.tradingAppWrapper .tradingLayoutWrapper .MidComponentWrapper .OrderPlacingColumn{width:100%}}.positionsComponent{background-color:#010101;border-radius:12px;border:1px solid #2a2a2a;color:#fff;width:100%;display:flex;flex-direction:column;font-family:var(--font-manrope),sans-serif}@media only screen and (min-width:768px){.positionsComponent{margin-bottom:20px}}.tabsContainer{border-bottom:1px solid #1a2a2a}.tabsList{gap:10px;padding:12px 16px}.tabButton,.tabsList{display:flex;align-items:center}.tabButton{background-color:#111;padding:10px 20px;justify-content:center;border-radius:20px;font-size:16px;font-style:normal;font-weight:500;color:#d4d4d8;border:.5px solid #232323;line-height:125%;letter-spacing:-.36px;cursor:pointer;transition:color .2s ease-in-out;gap:3px;height:44px;box-sizing:border-box}.tabButton:hover{color:#ccc}.tabButton.active{color:#7bf179}.tabButton:focus{outline:none}.tabButton:focus-visible{outline:2px solid #7bf179;outline-offset:-2px}.tabContent{flex:1;padding:20px;min-height:120px;animation:fadeIn .2s ease-in-out;width:100%;overflow-x:auto}.tabContent .positionsTable{min-width:120%}@media only screen and (min-width:768px){.tabContent .positionsTable{min-width:150%}}@media only screen and (min-width:1024px){.tabContent .positionsTable{min-width:110%;width:100%}}@media only screen and (min-width:1280px){.tabContent .positionsTable{min-width:0}}@media only screen and (min-width:1024px){.tabContent{overflow-x:auto}}@media only screen and (min-width:1280px){.tabContent{overflow:hidden}}.tabContent::-webkit-scrollbar{display:none}.loadingState{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.loadingSpinner{width:32px;height:32px;border:3px solid #2a2a2a;border-top-color:#7bf179;border-radius:50%;animation:spin 1s linear infinite}.loadingText{color:#888;font-size:14px}.errorState{display:flex;align-items:center;justify-content:center;height:200px}.errorText{color:#ff6b6b;font-size:14px;font-weight:500}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px}.emptyIcon{color:#444;margin-bottom:6px}.emptyStateText{color:#888;font-size:14px;font-weight:500;text-align:center}@media only screen and (min-width:1600px){.emptyStateText{font-size:22px}}.emptyStateSubtext{color:#666;font-size:12px;text-align:center}.positionsTable{width:100%;overflow:hidden}.depositHeader,.positionsHeader{border-radius:6px;display:flex;flex-direction:row;justify-content:space-between;background:#050505;border:1px solid #333;padding:0}.headerCell{width:15%;padding:12px 8px;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;color:#a6a6a6;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #333}.headerCell:last-child{border-right:none}.headerCellDeposit{width:20%;padding:12px 8px;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;color:#a6a6a6;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #333}.positionsBody{background:#040404}.positionRow{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid #333;transition:background-color .2s ease}.positionRow:hover{background:#252525}.positionRow:last-child{border-bottom:none}.positionCell{padding:12px 8px;width:15%;border-right:1px solid #333;justify-content:center;min-height:60px}.positionCell,.positionCell .cellValue{flex-direction:row;display:flex;align-items:center}.positionCell .cellValue{font-size:15px;font-weight:500;color:#fff;text-align:center;gap:5px}.positionCell .cellValue img{border-radius:50%}.positionCell:last-child{border-right:none}.positionCell.directionCell{justify-content:flex-start;align-items:center}.positionCell.pnlCell,.positionCell.riskCell{justify-content:center}.directionContainer{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.directionBadge{display:flex;align-items:center;gap:4px;padding:10px 18px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;width:fit-content;flex-shrink:0}.directionBadge.long{background:rgba(123,241,121,.15);color:#7bf179}.directionBadge.short{background:rgba(255,107,107,.15);color:#ff6b6b}.positionStatus{display:flex;align-items:center;gap:4px;font-size:10px;color:#888;flex-shrink:0}.statusDot{width:4px;height:4px;border-radius:50%}.statusDot.open{background:#7bf179}.statusDot.closed{background:#888}.liquidationWarning,.noRisk{display:flex;align-items:center;gap:4px;padding:6px 12px;background:rgba(255,107,107,.15);color:#ff6b6b;border-radius:4px;font-size:10px;font-weight:500;width:fit-content}.noRisk{color:#7bf179;background-color:#013802}.pnlValue{font-size:14px;font-weight:600;text-align:right}.positionsComponent:hover{border-color:#3a3a3a;transition:border-color .3s ease}.closePosition{display:flex;flex-direction:row;padding:8px 10px;cursor:pointer;background-color:#580808;border:none;border-radius:12px;color:#d5d5d5}.positionRowDeposit{display:flex;flex-direction:row;justify-content:space-between;border:1px solid #333;transition:background-color .2s ease}.positionRowDeposit:hover{background:#252525}.positionRowDeposit .positionCell{padding:12px 8px;width:20%;flex-direction:row;border:1px solid #333;display:flex;justify-content:center;align-items:center;min-height:60px}.positionRowDeposit .positionCell .cellValue{font-size:15px;font-weight:500;color:#fff;text-align:center;display:flex;flex-direction:row;gap:5px;align-items:center}.positionRowDeposit .positionCell .cellValue img{border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.positionRowDeposit .positionsComponent:hover{border-color:#3a3a3a;transition:border-color .3s ease}.tradingHeaderMobile{background-color:#040404;border-radius:12px;border:1px solid #2a2a2a;padding:12px 16px;color:#fff;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:10px}.statsSectionTrading{display:flex;flex-direction:row;justify-content:flex-start;font-family:var(--font-manrope),sans-serif;width:100%}.statsSectionTrading .priceSection{display:flex;align-items:center;gap:6px;position:relative}@media only screen and (min-width:768px){.statsSectionTrading .priceSection{width:45%}}.statsSectionTrading .priceSection .symbolContainer{display:flex;align-items:center;gap:8px;background-color:#2a2a2a;border-radius:16px;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;position:relative;margin-right:20px}.statsSectionTrading .priceSection .symbolContainer:hover{background-color:#3a3a3a}.statsSectionTrading .priceSection .symbolIcon{font-size:20px;color:#f7931a;font-weight:700}.statsSectionTrading .priceSection .symbolInfo{display:flex;align-items:center;gap:6px;flex:1;justify-content:space-between}.statsSectionTrading .priceSection .symbolText{font-size:16px;font-weight:600;color:#fff}.statsSectionTrading .priceSection .symbolDropdown{font-size:12px;color:#888;transition:transform .2s ease}.statsSectionTrading .priceSection .symbolDropdown.open{transform:rotate(180deg)}.statsSectionTrading .priceSection .dropdownMenu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}.statsSectionTrading .priceSection .dropdownItem{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #3a3a3a;display:flex;flex-direction:column;gap:2px}.statsSectionTrading .priceSection .dropdownItem:last-child{border-bottom:none}.statsSectionTrading .priceSection .dropdownItem:hover{background-color:#3a3a3a}.statsSectionTrading .priceSection .dropdownItem.selected{background-color:#4a4a4a}.statsSectionTrading .priceSection .dropdownItem.selected .marketSymbol{color:#f7931a}.statsSectionTrading .priceSection .dropdownItem .marketSymbol{font-size:14px;font-weight:600;color:#fff}.statsSectionTrading .priceSection .dropdownItem .marketName{font-size:12px;color:#888}.statsSectionTrading .priceSection .priceInfo{display:flex;flex-direction:row;align-items:center;gap:10px}.statsSectionTrading .priceSection .priceInfo .currentPrice{font-size:20px;font-weight:700;color:#fff}@media only screen and (min-width:1024px){.statsSectionTrading .priceSection .priceInfo .currentPrice{font-size:22px}}@media only screen and (min-width:1280px){.statsSectionTrading .priceSection .priceInfo .currentPrice{font-size:24px}}.statsSectionTrading .priceSection .priceChange{font-size:18px;font-weight:600}.statsSectionTrading .priceSection .priceChange.positive{color:#22c55e}.statsSectionTrading .priceSection .priceChange.negative{color:#ef4444}.statsSectionTrading .statsData{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;width:60%}.statsSectionTrading .statsData .statItem{display:flex;flex-direction:column;gap:4px;text-align:center;justify-content:center}.statsSectionTrading .statsData .statLabel{font-size:14px;color:#888;font-weight:500}.statsSectionTrading .statsData .statValue{font-size:14px;color:#fff;font-weight:600}.statsSectionTrading .statsData .statValue.funding{color:#7bf179}.depositWrapperMobile{display:flex;flex-direction:row;justify-content:space-between;border:1px solid #1e1e1e;border-radius:12px;padding:12px 15px;gap:10px;align-items:center;width:100%}.depositWrapperMobile .buttonContainer{width:30%;display:flex;flex-direction:row;gap:15px}.depositWrapperMobile .buttonContainer .selectBtn{padding:8px 12px;border-radius:12px;border:none;font-size:14px;font-weight:600}.depositWrapperMobile .buttonContainer .active{background-color:#7bf179;color:#040404}.depositWrapperMobile .buttonContainer .inActive{background-color:#1b1b1b;color:#d5d5d5}.depositWrapperMobile .depositLabel{display:flex;flex-direction:column;justify-content:center;font-size:18px;font-family:var(--font-manrope),sans-serif;font-weight:600}.depositWrapperMobile .depositBalance{display:flex;flex-direction:row;gap:5px;align-items:center;font-size:20px}.depositWrapperMobile .depositBalance .usdcLogo{background-color:#040404;border-radius:50%}.depositWrapperMobile .depositBalance .depositCollateralBtn{display:flex;padding:8px 32px;background-color:#7bf179;border-radius:4px;color:#040404;font-size:14px;font-family:var(--font-manrope),sans-serif;font-weight:700;border:none;margin-left:20px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:767px){.tradingHeaderMobile{padding:12px;align-items:stretch}.statsSectionTrading{flex-direction:column;gap:12px}.statsSectionTrading .priceSection{width:100%;flex-wrap:wrap}.statsSectionTrading .priceSection .symbolContainer{margin-right:4px}.statsSectionTrading .statsData{width:100%;justify-content:space-between}.statsSectionTrading .statsData .statLabel,.statsSectionTrading .statsData .statValue{font-size:12px}.depositWrapperMobile{flex-direction:column;align-items:stretch;padding:10px 12px}.depositWrapperMobile .buttonContainer{width:100%;gap:8px}.depositWrapperMobile .buttonContainer .selectBtn{flex:1}.depositWrapperMobile .depositLabel{font-size:14px}.depositWrapperMobile .depositBalance{font-size:16px}.depositWrapperMobile .depositBalance .depositCollateralBtn{padding:6px 16px;margin-left:auto}}