.toggleWrapper { background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(98, 102, 128); border-radius: 10px; height: 20px; position: relative; width: 40px; }
.toggleWrapper.toggled { background-color: rgba(15, 198, 121, 0.2); border: 1px solid rgba(0, 0, 0, 0); }
.toggleWrapper.toggled .innerCircle { background-color: rgb(15, 198, 121); left: auto; right: 2px; }
.innerCircle { background-color: rgb(98, 102, 128); border-radius: 8px; height: 14px; left: 2px; position: absolute; top: 2px; width: 14px; }
.header { position: fixed; top: 0px; width: 100%; z-index: 12; }
.network-name { font-weight: 600; }
.newsletterBar { align-items: center; background: linear-gradient(90deg, rgb(17, 31, 68) -11.2%, rgb(176, 99, 253) 41.95%, rgb(68, 138, 255)); display: flex; justify-content: center; min-height: 40px; position: relative; z-index: 5; }
.newsletterBar button { height: 26px; margin-left: 19px; }
.newsletterBar button, .newsletterBar button:hover { background-color: rgba(0, 0, 0, 0.8); }
.newsletterBar button span { font-size: 11px; }
.newsletterBar div { color: rgb(255, 255, 255); display: flex; position: absolute; right: 12px; }
@media screen and (max-width: 959px) {
  .newsletterBar { flex-direction: column; padding: 6px 28px; }
  .newsletterBar button { margin: 6px 0px 0px; }
  .newsletterBar small { text-align: center; }
}
.desktopLogo { height: 60px; }
.perpsDesktopLogo { height: 36px; }
.mobileLogo { height: 40px; }
.menuBar { align-items: center; flex-wrap: wrap; justify-content: space-between; min-height: 88px; padding: 0px 24px; }
.menuBar, .menuBar a { display: flex; }
.menuBar > div > a { position: relative; z-index: 10; }
.menuBar > div { align-items: center; display: flex; z-index: 2; }
.menuBar > div:last-child button { border-radius: 20px; height: 40px; }
.menuBar > div:last-child button:first-child { margin-right: 16px; padding: 0px 16px; }
.menuBar > div:last-child button:first-child svg { height: 20px; margin-right: 8px; width: 20px; }
.menuBar > div:last-child button:last-child { padding: 0px 32px; }
.menuBar > div:last-child button p { font-size: 16px; }
@media screen and (max-width: 959px) {
  .menuBar { align-items: center; min-height: 64px; position: relative; }
}
@media screen and (max-width: 599px) {
  .menuBar { min-height: 64px; padding: 0px 16px; position: relative; }
}
.mainMenu { left: 50%; position: absolute; transform: translateX(-50%); }
.mainMenuPerps { flex: 1 1 0%; }
.mainMenu, .mainMenuPerps { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }
.mainMenu .menuItem, .mainMenuPerps .menuItem { align-items: center; border-radius: 10px; color: rgb(105, 108, 128); cursor: pointer; display: flex; height: 36px; overflow: hidden; padding: 0px 20px; position: relative; }
.mainMenu .menuItem small, .mainMenuPerps .menuItem small { white-space: nowrap; }
.mainMenu .menuItem.subMenuItem, .mainMenuPerps .menuItem.subMenuItem { overflow: visible; padding: 0px; }
.mainMenu .menuItem .menuItemSparkle, .mainMenuPerps .menuItem .menuItemSparkle { position: absolute; transition: all 0.5s ease 0s; }
.mainMenu .menuItem .menuItemSparkleTop, .mainMenuPerps .menuItem .menuItemSparkleTop { margin-left: -10px; top: -20px; }
.mainMenu .menuItem .menuItemSparkleBottom, .mainMenuPerps .menuItem .menuItemSparkleBottom { bottom: -20px; margin-left: -12px; }
.mainMenu .menuItem .menuItemSparkleLeft, .mainMenuPerps .menuItem .menuItemSparkleLeft { left: -20px; }
.mainMenu .menuItem .menuItemSparkleRight, .mainMenuPerps .menuItem .menuItemSparkleRight { right: -20px; }
.mainMenu .menuItem.active, .mainMenuPerps .menuItem.active { background: rgb(37, 40, 51); color: rgb(199, 202, 217); }
.mainMenu .menuItem.active .menuItemSparkleTop, .mainMenuPerps .menuItem.active .menuItemSparkleTop { top: 0px; }
.mainMenu .menuItem.active .menuItemSparkleBottom, .mainMenuPerps .menuItem.active .menuItemSparkleBottom { bottom: 0px; }
.mainMenu .menuItem.active .menuItemSparkleLeft, .mainMenuPerps .menuItem.active .menuItemSparkleLeft { left: 4px; }
.mainMenu .menuItem.active .menuItemSparkleRight, .mainMenuPerps .menuItem.active .menuItemSparkleRight { right: 4px; }
.mainMenu .menuItem .subMenu, .mainMenuPerps .menuItem .subMenu { background-color: rgb(35, 39, 52); border-radius: 10px; display: none; margin-top: 12px; }
.mainMenu .menuItem .subMenu .subMenuItem, .mainMenuPerps .menuItem .subMenu .subMenuItem { color: rgb(105, 108, 128); padding: 10px 24px; white-space: inherit; }
.mainMenu .menuItem .subMenu .subMenuItem.active, .mainMenu .menuItem .subMenu .subMenuItem:hover, .mainMenuPerps .menuItem .subMenu .subMenuItem.active, .mainMenuPerps .menuItem .subMenu .subMenuItem:hover { color: rgb(199, 202, 217); }
.mainMenu .menuItem:hover, .mainMenuPerps .menuItem:hover { background: rgb(37, 40, 51); color: rgb(199, 202, 217); }
.mainMenu .menuItem:hover .menuItemSparkleTop, .mainMenuPerps .menuItem:hover .menuItemSparkleTop { top: 0px; }
.mainMenu .menuItem:hover .menuItemSparkleBottom, .mainMenuPerps .menuItem:hover .menuItemSparkleBottom { bottom: 0px; }
.mainMenu .menuItem:hover .menuItemSparkleLeft, .mainMenuPerps .menuItem:hover .menuItemSparkleLeft { left: 4px; }
.mainMenu .menuItem:hover .menuItemSparkleRight, .mainMenuPerps .menuItem:hover .menuItemSparkleRight { right: 4px; }
.mainMenu .menuItem:hover .subMenu, .mainMenuPerps .menuItem:hover .subMenu { display: block; }
.subMenuWrapper { border-radius: 10px; left: 0px; position: absolute; top: 32px; width: 209px; }
@media screen and (max-width: 959px) {
  .subMenuWrapper { background-color: rgb(18, 19, 25); border: 1px solid rgba(130, 177, 255, 0.08); bottom: 0px; left: 0px; padding: 8px 0px; top: auto; width: 100%; }
}
.accountDetails { align-items: center; border: 1px solid rgb(62, 66, 82); border-radius: 20px; cursor: pointer; display: flex; height: 36px; justify-content: center; padding: 0px 16px; }
.accountDetails p { font-size: 14px; font-weight: 600; }
.accountDetails img { margin-left: 8px; width: 20px; }
.connectButton { align-items: center; border-radius: 20px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: 14px; font-weight: 600; height: 36px; justify-content: center; position: relative; width: 152px; }
.connectButton:hover .wrongNetworkContent { display: block; }
.wrongNetworkWrapper { position: absolute; right: 0px; top: 36px; width: 272px; }
.wrongNetworkContent { background: rgb(18, 19, 26); border-radius: 10px; display: none; margin-top: 18px; padding: 24px; }
.wrongNetworkContent small { color: rgb(182, 185, 204); font-size: 14px; line-height: 1.57; }
.wrongNetworkContent div { align-items: center; border: 1px solid rgb(68, 138, 255); border-radius: 20px; color: rgb(68, 138, 255); display: flex; font-size: 14px; font-weight: 600; height: 36px; justify-content: center; width: 100%; }
.mobileMenuContainer { background: rgb(18, 19, 25); bottom: 0px; height: 64px; justify-content: center; left: 0px; padding: 0px 16px; position: fixed; width: 100%; z-index: 3; }
.mobileMenuClosedContainer { display: flex; justify-content: space-between; width: 100%; }
.mobileMenuDrawerContainer { background: rgb(18, 19, 25); color: rgb(199, 202, 217); cursor: pointer; }
.mobileMenuDrawerContainer.active { color: rgb(68, 138, 255); }
.mobile-btn-text { color: rgb(199, 202, 217); }
.mobile-btn-text.active { color: rgb(68, 138, 255); }
.mobile-new-tag { margin-left: 4px; margin-top: 8px; }
.mobileMenuItem { color: rgb(199, 202, 217); cursor: pointer; }
.mobileMenuItem.active { color: rgb(68, 138, 255); }
.mobileMenu { align-items: center; display: flex; justify-content: space-between; max-width: 375px; width: 100%; }
.mobileMenu .menuItem, .mobileMenu .subMenuItem { color: rgb(199, 202, 217); cursor: pointer; font-weight: 700; margin-left: 0px; min-height: 48px; padding: 16px 24px; }
.mobileMenu .menuItem.active, .mobileMenu .subMenuItem.active { color: rgb(68, 138, 255); }
.mobileMenu .closeBtn { margin: 0px; text-align: right; }
.close-item, .mobileMenu .closeBtn { border-top: 1px solid rgb(36, 41, 56); }
.headerIconWrapper { align-items: center; display: flex; height: 36px; justify-content: center; margin-right: 8px; width: 45px; }
.styledPollingDot { background-color: rgb(15, 198, 121); border-radius: 50%; height: 6px; margin-left: 0px; margin-top: 0px; min-height: 8px; min-width: 8px; position: absolute; right: -2px; top: -2px; width: 6px; }
.headerDropdownWrapper { position: relative; }
@media screen and (max-width: 959px) {
  .headerDropdownWrapper { position: static; }
}
.headerDropdown { align-items: center; background-color: rgb(37, 40, 51); border-radius: 10px; cursor: pointer; display: flex; height: 36px; margin-right: 12px; padding: 0px 8px 0px 12px; }
.headerDropdown img { border-radius: 18px; width: 18px; }
.headerDropdown img.orderlyPointsIcon { border-radius: 24px; height: 24px; width: 24px; }
.headerDropdown svg { height: 18px; margin-left: 4px; width: 18px; }
.orderlyPointsTitle { margin-left: 6px; }
.orderlyPointsDropdown { backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; box-shadow: rgba(46, 48, 60, 0.12) 0px 0px 12px 0px, rgb(68, 138, 255) 0px 0px 10px 0px inset; display: flex; flex-direction: column; padding: 16px; position: absolute; right: 0px; top: 50px; width: 230px; }
@media screen and (max-width: 959px) {
  .orderlyPointsDropdown { right: 5%; top: 70px; width: 90%; }
}
.networkSelectionImage { display: flex; margin-right: 8px; position: relative; }
.networkSelectionImage .networkActiveDot { position: absolute; right: -4px; top: -4px; width: 12px; }
@media (max-width: 959px) {
  .header { background-color: rgb(18, 19, 25); }
  .networkSelection { background-color: rgb(27, 30, 41); border-radius: 12px; }
  .accountDetails { background-color: rgb(27, 30, 41); border: none; border-radius: 12px; }
}
@media (max-width: 420px) {
  .network-name { display: none; }
}
.menu-list-item { height: 48px; max-height: 48px; }
.menu-list-item.active { color: rgb(68, 138, 255); }
.web3ModalButton { margin-right: -12px; }
@media screen and (max-width: 959px) {
  .web3ModalButton { margin: 0px -12px; }
}
.networkSelectionDropdown { backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px 0px; padding: 16px; position: absolute; right: 0px; top: 50px; width: 320px; }
@media screen and (max-width: 959px) {
  .networkSelectionDropdown { right: 5%; top: 70px; width: 90%; }
}
.networkTypeWrapper { border-bottom: 1px solid rgba(30, 38, 61, 0.5); margin: 12px -16px 8px; }
.networkTypeWrapper .customTabWrapper .MuiTabs-root .MuiTabs-indicator { background-color: rgb(68, 138, 255); }
.networkTypeWrapper .customTabWrapper button { min-height: 38px; height: 38px !important; margin: 0px 16px !important; padding: 0px 4px !important; }
.networkItemWrapper { align-items: center; border-radius: 12px; cursor: pointer; display: flex; height: 48px; justify-content: space-between; margin: 0px -10px; padding: 0px 10px; }
.networkItemWrapper:hover { background-color: rgba(30, 38, 61, 0.32); }
.networkItemWrapper .networkIcon { border-radius: 12px; height: 24px; margin-right: 8px; width: 24px; }
@media screen and (max-width: 599px) {
  .networkItemWrapper { padding: 0px 12px; }
}
.customTabWrapper { align-items: center; display: flex; }
.customTabWrapper .MuiTabs-root { height: 100%; min-height: auto; }
.customTabWrapper .MuiTabs-root .MuiTabs-scroller { overflow-x: auto !important; }
.customTabWrapper .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer { display: inline; }
.customTabWrapper .MuiTabs-root button { margin: 0px 12px; max-width: none; min-width: auto; padding: 6px 0px; }
.customTabWrapper .MuiTabs-root button:first-child { margin: 0px 12px 0px 0px; }
.customTabWrapper .MuiTabs-root button:last-child { margin: 0px 0px 0px 12px; }
.customTabWrapper .MuiTabs-root button.Mui-selected span { color: rgb(199, 202, 217); }
.customTabWrapper .MuiTabs-root button span { color: rgb(105, 108, 128); font-size: 14px; text-transform: none; }
.customTabWrapper .MuiTabs-root .MuiTabs-indicator { background-color: rgb(199, 202, 217); }
.footer { border-top: 1px solid rgba(130, 177, 255, 0.08); display: flex; justify-content: center; position: relative; z-index: 10; }
.footerContainer { max-width: 1296px; overflow: hidden; padding: 0px 24px; width: 100%; }
.footerContainer img { height: 40px; }
.socialMenuWrapper { padding: 40px 0px; }
.copyrightWrapper { align-items: center; border-top: 1px solid rgba(130, 177, 255, 0.08); display: flex; justify-content: space-between; padding: 16px 0px; }
.copyright-mobile { border-bottom: 1px solid rgba(130, 177, 255, 0.08); justify-content: space-between; margin-bottom: 64px; }
.fake-community-container { background-color: rgba(0, 0, 0, 0); min-width: 680px; }
a.footer-link { color: rgb(105, 108, 128); text-decoration: none; }
.newsletterInput { border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 8px; display: flex; justify-content: space-between; margin-top: 6px; max-width: 300px; padding: 2px 2px 2px 6px; }
.newsletterInput input { background-color: rgba(0, 0, 0, 0); border: none; box-shadow: none; color: rgb(199, 202, 217); flex: 1 1 0%; outline: none; }
.newsletterInput button { background: linear-gradient(90deg, rgb(74, 71, 220), rgb(165, 94, 209)); }
.newsletterInput button span { font-size: 11px; }
.addressInput { border-radius: 20px; padding: 12px 24px; text-align: left; }
.addressInput input { background: rgba(0, 0, 0, 0); border: none; box-shadow: none; font-size: 20px; font-weight: 700; margin-top: 16px; outline: none; width: 100%; }
.addressInput a { color: rgb(199, 202, 217); text-decoration: none; }
.chartContainer { flex: 1 1 0%; margin-top: -20px; }
.yAxis { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 20px; margin-left: 8px; }
.yAxis p { color: rgb(98, 102, 128); font-size: 10px; font-weight: 500; }
.areaChartTooltip { background: rgba(0, 0, 0, 0); border-radius: 12px; box-shadow: none; display: flex; flex-direction: column; }
.areaChartTooltip small { background-color: rgb(18, 19, 26); color: rgb(105, 108, 128); padding: 6px 10px 0px; }
.areaChartTooltip small b { color: rgb(199, 202, 217); }
.areaChartTooltip small:first-child { border-bottom: 1px solid rgba(130, 177, 255, 0.08); border-radius: 12px 12px 0px 0px; padding: 6px 10px; }
.areaChartTooltip small:last-child { border-radius: 0px 0px 12px 12px; padding: 6px 10px; }
.areaChartTooltipLiquidity { background: rgba(0, 0, 0, 0); border-radius: 12px; box-shadow: none; display: flex; flex-direction: column; }
.areaChartTooltipLiquidity small { background-color: rgb(18, 19, 26); border: 1px solid rgba(130, 177, 255, 0.08); color: rgb(199, 202, 217); padding: 0.5rem; }
.areaChartTooltipLiquidity small:first-child { border-radius: 12px 12px 0px 0px; }
.areaChartTooltipLiquidity small:last-child { border-radius: 0px 0px 12px 12px; }
.barChartItem { background: linear-gradient(rgb(100, 251, 211), rgb(0, 207, 243) 34%, rgb(0, 152, 255) 63%, rgb(0, 76, 230)); border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; opacity: 0.2; }
.barChartItem:hover { opacity: 1; }
.barChartItem.isV3 { background: linear-gradient(rgb(68, 138, 255), rgb(0, 76, 230)); opacity: 0.4; }
.barChartItem.isV3:hover { opacity: 1; }
.categoryValues { display: flex; justify-content: space-between; margin-right: 8px; }
.categoryValues p { color: rgb(98, 102, 128); font-size: 12px; }
.warningBanner { align-items: center; background: rgb(229, 152, 64); color: rgb(18, 19, 26); display: flex; justify-content: center; padding: 8px 32px 8px 16px; position: relative; width: 100%; z-index: 2; }
.warningBanner span { margin-left: 8px; text-align: left; width: calc(100% - 32px); }
.closeBanner { display: flex; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.chartType { align-items: center; border-radius: 10px; cursor: pointer; display: flex; height: 20px; justify-content: center; padding: 0px 8px; }
.chartType.chartType_big { height: 33px; padding: 0px 12px; }
.chartType.chartType_big span { font-size: 14px; }
.chartType.chartType_selected span { color: rgb(199, 202, 217); }
.coloredSlider .MuiSlider-root { color: rgb(82, 148, 255); height: 2px; padding: 13px 0px; width: calc(100% - 16px); }
.coloredSlider .MuiSlider-root .MuiSlider-mark { background-color: rgb(255, 255, 255); border-radius: 4px; bottom: 15px; width: 4px; height: 4px !important; }
.coloredSlider .MuiSlider-root .MuiSlider-mark:hover::after { border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 14px; bottom: 14px; content: "Cheaper gas"; height: 30px; margin-left: -50px; padding: 0.3em 1em; width: 82px; z-index: 98; }
.coloredSlider .MuiSlider-root .MuiSlider-mark:hover::after, .coloredSlider .MuiSlider-root .MuiSlider-mark:hover::before { align-items: center; background-color: rgb(18, 19, 26); color: rgb(199, 202, 217); display: flex; font-family: "DM Sans", sans-serif; position: absolute; }
.coloredSlider .MuiSlider-root .MuiSlider-mark:hover::before { border-top: 1px solid rgba(130, 177, 255, 0.08); border-right: 1px solid rgba(130, 177, 255, 0.08); border-image: initial; border-bottom: rgba(0, 0, 0, 0); border-left: rgba(0, 0, 0, 0); bottom: 8px; box-sizing: border-box; content: ""; height: 12px; margin-left: -4px; transform: rotate(135deg); width: 12px; z-index: 99; }
.coloredSlider .MuiSlider-mark { background-color: rgb(180, 194, 213); height: 8px; }
.coloredSlider .MuiSlider-thumb { background-color: rgb(68, 138, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px; height: 20px; margin-left: 0px; margin-top: -9px; width: 20px; }
.coloredSlider .MuiSlider-thumb.active, .coloredSlider .MuiSlider-thumb:focus, .coloredSlider .MuiSlider-thumb:hover { box-shadow: inherit; }
.coloredSlider .MuiSlider-valueLabel { font-size: 12px; left: calc(-50% - 8px); top: -18px; }
.coloredSlider .MuiSlider-valueLabel > span { color: rgba(0, 0, 0, 0); }
.coloredSlider .MuiSlider-valueLabel > span > span { color: rgb(199, 202, 217); }
.coloredSlider .MuiSlider-track { background: rgb(67, 137, 253); border-radius: 4px; height: 2px; padding-right: 8px; }
.coloredSlider .MuiSlider-rail { background: rgb(27, 30, 41); border-radius: 4px; height: 2px; width: calc(100% + 16px); }
.buttonSwitchContainer { border: 1px solid rgb(44, 49, 66); border-radius: 8px; }
.buttonSwitchContainer .MuiTabs-scroller { padding: 0px !important; }
.buttonSwitchContainer .indicator { border-radius: 4px; height: 100%; }
.MuiTab-root.tab { color: rgb(105, 108, 128); font-size: 14px; font-weight: 400; min-width: 0px; opacity: 1; text-transform: none; }
.MuiTab-root.tabInactive { cursor: pointer; }
.MuiTab-root.tabInactive svg path { fill: rgb(52, 66, 82); }
.MuiTab-root.tabInactive:hover { color: rgb(199, 202, 217); }
.MuiTab-root.tabInactive:hover svg path { fill: rgb(199, 202, 217); }
.MuiTab-root.tabActive { color: rgb(199, 202, 217); cursor: default; z-index: 2; }
.MuiTab-root.tabActive svg path { fill: rgb(199, 202, 217); }
.customMenuWrapper { height: 100%; position: relative; width: 100%; }
.customMenuHeader { align-items: center; color: rgb(105, 108, 128); cursor: pointer; display: flex; height: 100%; justify-content: space-between; padding: 0px 8px 0px 16px; }
.customMenuContent, .customMenuHeader { border: 1px solid rgb(62, 66, 82); border-radius: 10px; width: 100%; }
.customMenuContent { background: rgb(18, 19, 26); margin-top: 8px; padding: 12px; position: absolute; z-index: 10; }
.customMenuContent > div { cursor: pointer; margin: 8px 0px; }
.customModalBackdrop { backdrop-filter: blur(9.9px); background-color: rgb(18, 19, 26); }
.modalWrapperV3 { background-color: rgb(27, 30, 41); border-radius: 20px; left: 50%; margin: 0px; max-height: 90vh; max-width: 750px; outline: none; overflow-y: auto; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.searchModalWrapper { overflow-y: initial; }
.modalWrapperNftSelector { background-color: rgb(27, 30, 41); border-radius: 20px; left: 50%; margin: 0px; max-width: 750px; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.switchItem { align-items: center; border: 1px solid rgb(37, 40, 51); cursor: pointer; display: flex; height: 100%; justify-content: center; }
.switchItem p { color: rgb(105, 108, 128); }
.activeSwitchItem { background: rgb(37, 40, 51); }
.activeSwitchItem p { color: rgb(199, 202, 217); }
.swapBox { border-radius: 10px; padding: 16px; position: relative; text-align: left; z-index: 1; }
.swapBox > p { font-size: 14px; margin-bottom: 16px; }
.swapBox > div { align-items: center; display: flex; }
.swapBox > div .inputWrapper { flex: 1 1 0%; padding-left: 8px; position: relative; }
.swapBox > div .inputWrapper input { color: rgb(105, 108, 128); }
.swapBox > div .maxWrapper { cursor: pointer; padding-left: 8px; }
.swapBox > div .maxWrapper small { color: rgb(68, 138, 255); font-weight: 600; }
@media screen and (max-width: 599px) {
  .swapBox { padding: 12px; }
}
.priceShowBox { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.currencyButton { align-items: center; border-radius: 38px; cursor: pointer; display: flex; padding: 6px 12px; }
.currencyButton p { margin-left: 4px; }
.noCurrency { background-image: linear-gradient(105deg, rgb(68, 138, 255) 3%, rgb(0, 76, 230)); }
.currencySelected { background-color: rgb(64, 69, 87); }
.mobilePopupWrapper { display: none; max-width: 100%; position: relative; }
@media screen and (max-width: 599px) {
  .mobilePopupWrapper { display: block; }
}
.mobilePopupInner { display: flex; flex-direction: row; height: 99%; overflow: auto hidden; }
.mobilePopupInner::-webkit-scrollbar { display: none; }
.fixedPopupColumn { position: fixed; right: 40px; width: 100%; z-index: 12; max-width: 355px !important; }
@media screen and (max-width: 599px) {
  .fixedPopupColumn { display: none; }
}
.pendingBar { bottom: 0px; left: 0px; position: absolute; width: 100%; }
.pendingBar .MuiLinearProgress-root { background: rgba(255, 160, 0, 0.3); }
.pendingBar .MuiLinearProgress-root .MuiLinearProgress-bar { background: rgb(255, 160, 0); }
.popupItem { background-color: rgb(27, 30, 41); border-radius: 10px; overflow: hidden; padding: 20px; position: relative; }
.questionWrapper { align-items: center; background: 0px 0px; border: none; border-radius: 36px; display: flex; justify-content: center; outline: none; padding: 0.2px; }
.questionWrapper:focus, .questionWrapper:hover { opacity: 0.7; }
.lightQuestionWrapper { align-items: center; background: 0px 0px; border: none; border-radius: 36px; color: rgb(255, 255, 255); cursor: default; display: flex; height: 24px; justify-content: center; outline: none; padding: 0.2px; width: 24px; }
.lightQuestionWrapper:focus, .lightQuestionWrapper:hover { opacity: 0.7; }
.questionMark { font-size: 1rem; }
.currencySearchWrapper { backdrop-filter: blur(9.9px); background: rgb(18, 19, 26); border: 1px solid rgb(62, 66, 82); border-radius: 20px; display: flex; flex-direction: column; height: 90vh; overflow: hidden; padding: 32px 24px 0px; }
.currencySearchWrapper .currencySearchHeader { align-items: center; display: flex; justify-content: space-between; margin: 6px; }
.currencySearchWrapper .currencySearchHeader svg { fill: rgb(104, 108, 128); cursor: pointer; }
.currencySearchWrapper .currencySearchHeader h6 { color: rgb(199, 202, 217); font-weight: 600; }
@media screen and (max-width: 599px) {
  .currencySearchWrapper { height: 90vh; }
}
.currencySearchFooter { background-image: linear-gradient(rgba(27, 30, 41, 0), rgb(18, 19, 26) 64%); bottom: 0px; height: 64px; left: 0px; pointer-events: none; position: absolute; width: 100%; z-index: 2; }
.searchInputWrapper { align-items: center; background-color: rgb(18, 19, 26); border: 2px solid rgba(105, 108, 128, 0.12); border-radius: 12px; display: flex; font-size: 16px; height: 50px; margin: 12px 0px; outline: none; padding: 0px 12px; width: 100%; }
.searchInputWrapper svg { margin-right: 12px; }
.searchInputWrapper input { background: rgba(0, 0, 0, 0); border: none; box-shadow: none; color: rgb(105, 108, 128); flex: 1 1 0%; font-size: 14px; font-weight: 500; outline: none; }
.currencyListWrapper { flex: 1 1 0%; margin-top: 16px; }
.currencyListWrapper .MuiListItem-root { padding: 6px; }
.currencyListWrapper .MuiListItem-root.Mui-selected, .currencyListWrapper .MuiListItem-root:hover { background: 0px 0px; }
.baseWrapper { align-items: center; background-color: rgb(37, 40, 51); border-radius: 18px; display: flex; margin: 4px 8px 4px 0px; padding: 6px 10px; }
.baseWrapper:hover { cursor: pointer; }
.baseWrapper small { margin-left: 6px; }
title span { color: rgb(105, 108, 128); margin-right: 4px; }
.tag { border-radius: 4px; font-size: 14px; max-width: 6rem; overflow: hidden; padding: 0.25rem 0.3rem; text-overflow: ellipsis; white-space: nowrap; }
.currencyRow { align-items: center; background: rgba(0, 0, 0, 0); display: flex; width: 100%; }
.currencyRow > p { margin: 0px 4px; }
.currencyRow button { background: rgba(0, 0, 0, 0); min-width: auto; padding: 0px; }
.currencyRow button svg { fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); }
.currencyRow button div { background: rgba(0, 0, 0, 0); }
.currencySymbol { color: rgb(199, 202, 217); line-height: 1; }
.currencyName { color: rgb(105, 108, 128); }
.popoverWrapper { border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 4px 8px, rgba(0, 0, 0, 0.04) 0px 16px 24px, rgba(0, 0, 0, 0.01) 0px 24px 32px; color: rgb(0, 0, 0); padding: 16px; z-index: 100; }
.popoverWrapper p { font-size: 18px; margin-bottom: 4px; }
.popoverWrapper > div { display: flex; flex-direction: column; margin-top: 8px; }
.popoverWrapper > div a, .popoverWrapper > div button { font-size: 16px; font-weight: 400; }
.popoverWrapper > div a { color: rgb(68, 138, 255); text-decoration: none; }
.popoverWrapper > div button { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); margin-top: 6px; padding: 0px; }
.styledMenu { border: none; position: relative; }
.styledMenu, .styledMenu > div:first-child { align-items: center; display: flex; justify-content: center; }
.styledMenu > div:first-child { border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 8px; cursor: pointer; height: 32px; margin-right: 8px; width: 32px; }
.styledListUrlText { font-size: 14px; margin-right: 0.5rem; max-width: 160px; opacity: 0.6; overflow: hidden; text-overflow: ellipsis; }
.manageList p { color: rgb(0, 0, 0); }
.manageList .header { align-items: center; display: flex; justify-content: space-between; padding: 12px 16px; }
.manageList .header svg { stroke: rgb(0, 0, 0); height: 24px; width: 24px; }
.manageList .header p { font-size: 18px; }
.manageList .content { padding: 12px 16px; }
.manageList .content > div { display: flex; }
.manageList .content > div:first-child { align-items: center; }
.manageList .content > div:first-child p { margin-right: 8px; }
.manageList .content > div:nth-child(2) { margin-top: 8px; }
.manageList .content > div:nth-child(2) input { border: 1px solid rgba(130, 177, 255, 0.08); flex: 1 1 0%; font-size: 16px; margin-right: 8px; outline: none; }
.manageList .content > div > div { background: rgba(0, 0, 0, 0); }
.manageList .content > div svg { fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); }
.listRow { align-items: center; display: flex; padding: 12px 16px; }
.listRow .listname { flex: 1 1 0%; margin-left: 8px; }
.listRow .listname div { color: rgb(153, 153, 153); }
.filterWrapper { align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 8px; color: rgb(199, 202, 217); cursor: pointer; display: flex; height: 32px; justify-content: center; width: 32px; }
.filterWrapper p { font-size: 14px; font-weight: 500; }
.currencyLogo { align-items: center; display: flex; justify-content: center; overflow: hidden; }
.currencyLogo img { height: 100%; width: 100%; }
.currencyLogo img.ethereumLogo { box-shadow: rgba(0, 0, 0, 0.075) 0px 6px 10px; }
.datatableWrapper .table { width: 100%; }
.datatableWrapper .visuallyHidden { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; top: 20px; width: 1px; }
.datatableWrapper .sortIcon { align-items: center; display: flex; margin-left: 4px; }
.datatableWrapper .sortIcon svg { width: 16px; }
.datatableWrapper .sortIcon svg path { stroke: rgb(105, 108, 128); }
.datatableWrapper .headCellLabel { align-items: center; color: rgb(105, 108, 128); display: flex; font-size: 14px; }
.datatableWrapper .headCellLabel svg { margin-left: 3px; width: 16px; }
.datatableWrapper .headCellLabel svg path { fill: rgb(105, 108, 128); }
.datatableWrapper .sortRequestedHeadLabel { color: rgb(68, 138, 255); }
.datatableWrapper .sortRequestedHeadLabel svg path { fill: rgb(68, 138, 255); }
.datatableWrapper .sortRequestedIcon svg path { stroke: rgb(68, 138, 255); }
.datatableWrapper .tablePagination svg path { fill: rgb(68, 138, 255); }
.tableContainer .MuiTableContainer-root { overflow: initial; }
.tableContainer thead { height: 53px; }
.tableContainer tbody tr { height: 57px; }
.tableContainer tbody tr td, .tableContainer thead tr th { border-bottom: 1px solid rgba(130, 177, 255, 0.08); font-size: 14px; }
.tableContainer tbody tr td.buttonCell, .tableContainer thead tr th.buttonCell { padding: 6px 10px 6px 0px; width: 110px; }
.tableContainer tbody tr td.buttonCell button, .tableContainer thead tr th.buttonCell button { font-size: 14px; font-weight: 700; margin: 0px; padding: 0px; width: 100%; }
.tableContainer thead tr th { cursor: pointer; padding: 7px 6px; }
.tableContainer thead tr th:first-child { padding: 7px 0px 7px 23px; }
@media screen and (max-width: 959px) {
  .tableContainer thead tr th:first-child { padding: 7px 6px 7px 13px; }
}
.tableContainer thead tr th.buttonCell > div > div { width: 100%; }
.tableContainer thead tr th.buttonCell button { color: rgb(105, 108, 128); }
.tableContainer tbody tr td { border-bottom: none; padding: 6px; }
.tableContainer tbody tr td:first-child { padding: 6px 0px 6px 15px; }
@media screen and (max-width: 959px) {
  .tableContainer tbody tr td:first-child { padding: 6px; }
}
.tableContainer tbody tr td.buttonCell.MuiButton-textPrimary button { color: rgb(255, 255, 255); }
.tableContainer tbody tr td.buttonCell.MuiButton-textPrimary button:hover { color: rgb(68, 138, 255); }
.doubleCurrencyLogo { display: flex; position: relative; }
.doubleCurrencyLogo > div:first-child { margin-right: -4px; z-index: 2; }
.styledInput { appearance: textfield; background: rgba(0, 0, 0, 0); border: none; box-shadow: none; color: rgb(199, 202, 217); font-family: Inter, sans-serif; font-size: 18px; font-weight: 600; outline: none; overflow: hidden; position: relative; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.styledInput::placeholder { color: rgb(105, 108, 128); }
.styledInput::-webkit-search-decoration { appearance: none; }
.styledInput [type="number"] { appearance: textfield; }
.styledInput::-webkit-inner-spin-button, .styledInput::-webkit-outer-spin-button { appearance: none; }
.poolButtonRow { align-items: center; display: flex; justify-content: space-between; }
.poolButtonRow .MuiButton-root { align-items: center; border-radius: 10px; display: flex; height: 36px; justify-content: center; }
.poolButtonRow .MuiButton-outlined { background: rgba(0, 0, 0, 0); border: 1px solid rgb(64, 69, 87); width: 49%; }
.poolButtonRow .MuiButton-outlined:hover { background: rgba(0, 0, 0, 0); }
.poolButtonRow .MuiButton-contained { background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(286deg, rgb(0, 76, 230), rgb(61, 113, 255)); border: 1px solid rgba(0, 0, 0, 0); color: rgb(199, 202, 217); width: 24%; }
.poolPositionAPYWrapper { background-color: rgb(64, 69, 87); padding: 6px 24px; }
@media screen and (max-width: 599px) {
  .poolPositionAPYWrapper { padding: 6px 16px; }
}
.poolPositionCardTop { align-items: center; display: flex; justify-content: space-between; padding: 24px; }
@media screen and (max-width: 599px) {
  .poolPositionCardTop { padding: 16px 12px; }
}
.poolPositionCard { border: 1px solid rgb(35, 39, 52); border-radius: 10px; overflow: hidden; width: 100%; }
.poolPositionCardDetails { margin-bottom: 24px; padding: 24px; }
@media screen and (max-width: 599px) {
  .poolPositionCardDetails { padding: 12px; }
}
.removeButton { background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(104deg, rgb(0, 76, 230) -32%, rgb(0, 152, 255) 54%, rgb(0, 207, 243) 120%, rgb(100, 251, 211) 198%); border-radius: 10px; height: 48px; width: 48%; }
.removeButton span { font-size: 16px; font-weight: 600; }
.removeButton.Mui-disabled { background-color: rgb(37, 40, 51); background-image: none; }
.removeLiquidityInput { background-color: rgb(18, 19, 26); border: 1px solid rgba(105, 108, 128, 0.12); border-radius: 10px; margin-top: 24px; padding: 16px; }
.removeLiquidityInfo { border-radius: 10px; padding: 16px; }
.removeLiquidityInfo > div { justify-content: space-between; }
.removeLiquidityInfo > div, .removeLiquidityInfo > div > div { align-items: center; display: flex; }
.removeLiquidityInfo > div > div .currencyLogo { margin-left: 6px; }
.removeLiquidityInfo > div:not(:first-child) { margin-top: 8px; }
.slippageButton { align-items: center; border: 1px solid rgb(35, 39, 52); border-radius: 10px; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-right: 16px; width: 62px; }
.activeSlippageButton { background: rgb(68, 138, 255); }
.expertConfirmInput { background-color: rgb(18, 19, 26); border: 1px solid rgb(37, 40, 51); border-radius: 10px; height: 40px; margin-bottom: 20px; padding: 0px 16px; }
.expertConfirmInput input { background: rgba(0, 0, 0, 0); border: none; color: rgba(212, 229, 255, 0.8); font-family: Inter, sans-serif; font-weight: 500; height: 100%; outline: none; width: 100%; }
.expertButtonWrapper { background-color: rgb(255, 82, 82); cursor: pointer; height: 42px; justify-content: center; }
.expertButtonWrapper, .settingsInputWrapper { align-items: center; border-radius: 10px; display: flex; }
.settingsInputWrapper { background-color: rgb(18, 19, 26); flex: 1 1 0%; height: 40px; padding: 0px 16px; }
.settingsInputWrapper input { color: rgba(212, 229, 255, 0.8); }
.stakeButton { align-items: center; border: 1px solid rgb(68, 138, 255); border-radius: 10px; cursor: pointer; display: flex; height: 48px; justify-content: center; margin-top: 24px; width: 100%; }
.stakeButton span { font-size: 16px; font-weight: 600; }
.stakeButton.Mui-disabled { background-color: rgb(37, 40, 51); background-image: none; border: none; }
.minimalCardWrapper { border-radius: 16px; padding: 12px; width: 100%; }
.minimalCardWrapper p { font-size: 16px; line-height: 24px; }
.minimalCardRow { align-items: center; display: flex; justify-content: space-between; margin-top: 6px; }
.syrupCard { background: rgb(37, 40, 51); border-radius: 10px; margin-top: 24px; width: 100%; }
.syrupCard .dailyRateWrapper { margin-bottom: 0px; margin-top: 16px; }
@media screen and (max-width: 599px) {
  .syrupCard .dailyRateWrapper { margin-top: 6px; }
}
.syrupSponsoredCard { background: rgb(89, 64, 144); border: 1px solid rgb(255, 167, 38); overflow: hidden; position: relative; }
.syrupSponsoredCard p, .syrupSponsoredCard small { color: rgb(40, 45, 62); }
.syrupSponsoredCard p.text-success, .syrupSponsoredCard small.text-success { color: rgb(15, 198, 121); }
.syrupSponsoredCard .syrupLPCardUp { background: rgba(0, 0, 0, 0); }
.syrupSponsorTag { align-items: center; background-color: rgb(255, 167, 38); border-radius: 5px; color: rgb(27, 30, 41); display: flex; font-size: 10px; font-weight: 600; height: 16px; left: 16px; padding: 0px 7px; position: absolute; top: 0px; }
.syrupSponsoredLink { align-items: center; background: rgb(63, 45, 102); display: flex; font-size: 12px; font-weight: 500; height: 28px; padding: 0px 16px; width: 100%; }
.syrupSponsoredLink a { color: rgb(68, 138, 255); margin-left: 4px; text-decoration: none; }
.syrupCardContent { align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; padding: 16px; width: 100%; }
.syrupText { color: rgb(105, 108, 128); font-size: 14px; font-weight: 600; }
.syrupButton { align-items: center; background-image: linear-gradient(280deg, rgb(100, 251, 211), rgb(0, 207, 243) 0px, rgb(0, 152, 255) 10%, rgb(0, 76, 230)); border-radius: 10px; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 134px; }
@media screen and (max-width: 599px) {
  .syrupButton { width: 49%; }
}
.syrupAPR { border-radius: 4px; margin-top: 4px; padding: 4px; }
.farmLPCard, .syrupAPR { align-items: center; display: flex; }
.farmLPCard { background: rgb(37, 40, 51); border-radius: 10px; flex-direction: column; margin-top: 24px; padding: 0px 16px; width: 100%; }
@media screen and (max-width: 599px) {
  .farmLPCard { padding: 0px; }
  .farmLPCard .dailyRateWrapper { margin: 0px 16px 16px; width: calc(100% - 32px); }
}
.farmSponsoredCard { background: rgb(89, 64, 144); border: 1px solid rgb(255, 167, 38); overflow: hidden; position: relative; }
.farmSponsoredCard.highlightedCard { border: 1px solid rgb(255, 167, 38); box-shadow: rgba(255, 167, 38, 0.3) 0px 0px 5px 5px; }
.farmSponsoredCard p, .farmSponsoredCard small { color: rgb(40, 45, 62); }
.farmSponsoredCard p.text-success, .farmSponsoredCard small.text-success { color: rgb(15, 198, 121); }
.farmSponsoredCard .farmLPCardUp { background: rgba(0, 0, 0, 0); }
.farmSponsorTag { align-items: center; background-color: rgb(255, 167, 38); border-radius: 5px; color: rgb(27, 30, 41); display: flex; font-size: 10px; font-weight: 600; height: 16px; left: 16px; padding: 0px 7px; position: absolute; top: 0px; }
.farmSponsoredLink { align-items: center; background: rgb(63, 45, 102); display: flex; font-size: 12px; font-weight: 500; height: 28px; margin: 0px -16px; padding: 0px 16px; width: calc(100% + 32px); }
.farmSponsoredLink a { color: rgb(68, 138, 255); margin-left: 4px; text-decoration: none; }
@media screen and (max-width: 599px) {
  .farmSponsoredLink { margin: 0px; width: 100%; }
}
.highlightedCard { border: 1px solid rgb(68, 138, 255); box-shadow: rgba(68, 138, 255, 0.3) 0px 0px 5px 5px; }
.farmLPCardUp { align-items: center; background: rgb(37, 40, 51); border-radius: 10px; cursor: pointer; display: flex; padding: 16px 0px; width: 100%; }
@media screen and (max-width: 599px) {
  .farmLPCardUp { padding: 16px; }
}
.farmLPText { color: rgb(105, 108, 128); font-size: 14px; font-weight: 600; }
.inputVal { align-items: center; background-color: rgb(27, 30, 41); border-radius: 10px; display: flex; flex-direction: row; height: 50px; }
.inputVal small { cursor: pointer; }
.buttonToken { background-color: rgb(62, 66, 82); }
.buttonClaim, .buttonToken { align-items: center; border-radius: 10px; cursor: pointer; display: flex; flex-direction: row; height: 50px; justify-content: center; }
.buttonClaim { background-image: linear-gradient(280deg, rgb(100, 251, 211), rgb(0, 207, 243) 0px, rgb(0, 152, 255) 10%, rgb(0, 76, 230)); color: rgb(255, 255, 255); }
.buttonWrapper { border-radius: 16px; color: rgb(105, 108, 128); min-width: 250px; width: 30%; }
@media screen and (max-width: 599px) {
  .buttonWrapper { border: 1px solid rgba(130, 177, 255, 0.08); padding: 16px; width: 100%; }
}
.dailyRateWrapper { background: rgb(44, 50, 66); border-radius: 10px; margin-bottom: 16px; padding: 8px 16px; width: 100%; }
.dailyRateWrapper, .dailyRateWrapper > div { align-items: center; display: flex; flex-wrap: wrap; }
.dailyRateWrapper > div { margin-right: 12px; width: auto; }
.dailyRateWrapper > div > div { display: flex; margin-right: 8px; }
.dailyRateWrapper > div:last-child { margin-right: 0px; }
@media screen and (max-width: 599px) {
  .dailyRateWrapper > div { justify-content: space-between; margin-bottom: 8px; margin-right: 0px; width: 100%; }
  .dailyRateWrapper > div:last-child { margin-bottom: 0px; }
}
.farmCardDetails { align-items: center; border-top: 1px solid rgb(68, 68, 68); display: flex; flex-wrap: wrap; padding: 16px; width: 100%; }
.farmCardMobileRow { display: flex; justify-content: space-between; margin-bottom: 16px; width: 100%; }
.exchangeSwap { align-items: center; cursor: pointer; display: flex; justify-content: center; margin: -16px auto; position: relative; z-index: 2; }
.box-success { background-color: rgb(15, 198, 121); }
.box-error, .box-success { border-radius: 8px; color: rgb(255, 255, 255); font-weight: 600; padding: 6px 11px 7px; text-align: right; }
.box-error { background-color: rgb(234, 95, 90); }
.swapPrice { background: rgba(43, 45, 59, 0.2); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; justify-content: space-between; padding: 8px 16px; }
.swapPrice small { align-items: center; color: rgb(182, 185, 204); display: flex; }
.swapPrice small svg { cursor: pointer; height: 16px; margin-left: 8px; width: 16px; }
.swapPrice small svg path { fill: rgb(68, 138, 255); }
.swapButtonWrapper { display: flex; justify-content: space-between; margin-top: 20px; width: 100%; }
.swapButtonWrapper button { background-image: linear-gradient(rgb(68, 138, 255), rgb(0, 76, 230)); border-radius: 10px; font-size: 18px; font-weight: 600; height: 56px; }
.swapButtonWrapper button.Mui-disabled { background-image: linear-gradient(rgb(37, 40, 51), rgb(29, 33, 44)); color: rgb(105, 108, 128); opacity: 0.5; }
.swapButtonWrapper button .content { align-items: center; display: flex; }
.swapButtonWrapper button .content > div { color: rgb(255, 255, 255); margin-left: 6px; }
.recipientInput { width: 100%; }
.recipientInput .recipientInputHeader { align-items: center; display: flex; justify-content: space-between; padding: 8px 12px; }
.recipientInput .recipientInputHeader button { background: rgba(0, 0, 0, 0); }
.summaryRow { align-items: center; display: flex; justify-content: space-between; margin: 8px 16px 0px; }
.summaryRow small { color: rgb(182, 185, 204); }
.summaryRow .swapSlippage { cursor: pointer; }
.summaryRow .swapSlippage small { color: rgb(68, 138, 255); }
.summaryRow .swapSlippage svg { margin-left: 8px; }
.summaryRow > div { align-items: center; display: flex; }
.summaryRow > div > div { margin-left: 4px; }
.swapRoute { margin: 8px 0px; }
.swapRoute .header { align-items: center; display: flex; }
.swapRoute .header p { font-size: 16px; line-height: 28px; margin-right: 4px; }
.meldModalWrapper { display: flex; flex-direction: column; max-width: 450px; background-color: rgb(12, 17, 42) !important; }
.meldModalClose { display: flex; justify-content: flex-end; margin: 8px 8px 0px 0px; }
.buyFiatContent { flex: 1 1 0%; overflow-y: auto; }
.buyFiatContent iframe { border: none; }
.swapContent { align-items: center; display: flex; flex-direction: column; margin: 24px 0px; }
.swapContent p { color: rgb(199, 202, 217); }
.swapContent svg { margin: 12px 0px; }
.priceUpdate { background-color: rgba(40, 145, 249, 0.1); border-radius: 16px; color: rgb(68, 138, 255); justify-content: space-between; margin: 16px 0px; padding: 8px; }
.priceUpdate, .priceUpdate > div { align-items: center; display: flex; }
.priceUpdate > div p { margin-left: 6px; }
.priceUpdate button { border-radius: 12px; font-size: 12px; padding: 6px; width: fit-content; }
.transactionText { color: rgb(105, 108, 128); margin-top: 32px; text-align: center; }
.transactionText p { margin-bottom: 16px; }
.transactionText button { background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(rgb(68, 138, 255), rgb(0, 76, 230)); border-radius: 12px; height: 56px; width: 100%; }
.txModalWrapper { max-width: 400px; }
.txModalHeader { align-items: center; display: flex; justify-content: flex-end; margin-bottom: 20px; position: relative; }
.txModalHeader h5 { position: absolute; text-align: center; width: 100%; }
.txModalHeader svg { cursor: pointer; position: relative; z-index: 3; }
.txModalBG { left: 50%; position: absolute; top: 100px; transform: translateX(-50%); z-index: 1; }
.txModalContent { color: rgb(199, 202, 217); margin-top: 20px; padding: 16px 0px; text-align: center; }
.txModalContent p { margin: 16px 0px; word-break: break-word; }
.txSubmitButton { border-radius: 10px; color: rgb(199, 202, 217); font-size: 14px; height: 50px; width: 100%; }
.txSubmitButton, .txSubmitButton:hover { background: rgb(37, 40, 51); }
.txModalContentSuccess svg { color: rgb(15, 198, 121); margin-right: 4px; position: relative; top: 6px; }
.searchInput { align-items: center; background-color: rgb(40, 45, 61); border-radius: 10px; display: flex; padding: 0px 10px; }
.searchInput input { background: rgba(0, 0, 0, 0); border: none; box-shadow: none; color: rgb(199, 202, 217); font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; outline: none; width: 100%; }
@media screen and (max-width: 599px) {
  .searchInput { margin-right: 0px; min-width: auto; }
}
.focusedSearchInput { border: 1px solid rgb(68, 138, 255); }
.focusedSearchInput svg path { fill: rgb(68, 138, 255) !important; }
.topMoversWrapper { align-items: flex-start; border-radius: 10px; display: flex; flex-flow: column wrap; justify-content: center; padding: 20px 20px 4px; width: 100%; }
@media screen and (max-width: 599px) {
  .topMoversWrapper { align-items: center; }
}
.topMoversContent { margin-top: 12px; overflow-x: auto; padding-bottom: 16px; width: 100%; }
.topMoversContent > div { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.topMoverItem { align-items: center; display: flex; justify-content: center; margin-right: 16px; width: auto; }
.topMoverItem:last-child { margin-right: 0px; }
@media screen and (max-width: 599px) {
  .topMoverItem { justify-content: flex-start; width: 180px; }
}
.topMoverText { align-items: center; border-radius: 10px; display: flex; height: 20px; justify-content: center; margin-left: 8px; padding: 0px 6px; }
.topMoverText svg { margin: 0px -2px 0px -6px; }
.mobileRow { align-items: center; display: flex; justify-content: space-between; margin: 8px 0px; width: 100%; }
.analyticsPairVersion { align-items: center; background: rgb(180, 208, 255); border-radius: 6px; color: rgb(27, 30, 41); display: flex; font-size: 16px; height: 20px; justify-content: center; line-height: 16px; width: 30px; }
.farmingAPRTooltipWrapper { background-color: rgb(18, 19, 26); border-radius: 14px; overflow: hidden; width: 220px; }
.farmingAPRTooltipWrapper > div { padding: 0px 10px; }
.farmingAPRTooltipWrapper > div small:first-child { margin-right: 6px; }
.txTableFilterMobile { align-items: center; display: flex; position: absolute; right: 0px; top: -48px; }
.txTableFilterMobile > div { padding: 8px; }
.borderedCard { border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 10px; cursor: pointer; padding: 8px; }
.borderedCard:hover { border: 1px solid rgb(199, 202, 217); }
.poolFinderInfo { border-radius: 10px; display: flex; justify-content: center; margin-top: 16px; padding: 8px; }
.sortArrows { display: flex; flex-direction: column; }
.sortArrows > div { color: rgb(105, 108, 128); display: flex; }
.sortArrows > div.selectedSortArrow { color: rgb(199, 202, 217); }
.termsConditionsWrapper { padding: 20px; }
.termsConditionsWrapper .MuiCheckbox-root { color: rgb(199, 202, 217); margin-right: 16px; padding: 0px; }
.termsConditionsWrapper .MuiCheckbox-root.Mui-checked { color: rgb(199, 202, 217); }
.termsConditionsWrapper a { text-decoration: none; }
.termsConditionsWrapper button { border-radius: 16px; height: 50px; }
.dropdownWrapper { align-items: center; background-color: rgb(64, 69, 87); border-radius: 10px; display: flex; position: relative; }
.dropdownItemsWrapper { background: rgb(64, 69, 87); border-radius: 10px; overflow: hidden; padding: 8px; position: absolute; right: 0px; top: calc(100% + 10px); width: fit-content; z-index: 12; }
.dropdownItem { cursor: pointer; width: 100%; }
.dualCurrencyPanelWrapper { background-color: rgb(40, 45, 62); border-radius: 16px; margin-top: 12px; padding: 10px; }
.dualCurrencyPanelWrapper input { background-color: rgba(0, 0, 0, 0); border: none; box-shadow: none; color: rgb(199, 202, 217); flex: 1 1 0%; font-family: Inter, sans-serif; font-size: 20px; font-weight: 700; outline: none; }
.dualCurrencyDropdownWrapper { align-items: center; background-color: rgb(64, 69, 87); border-radius: 10px; display: flex; justify-content: space-between; padding: 8px; }
.dualCurrencyDropdownWrapper svg path { fill: rgb(199, 202, 217); }
.dualCurrencyMaxButton { align-items: center; background-color: rgb(175, 178, 186); border-radius: 8px; color: rgb(105, 108, 128); cursor: pointer; display: flex; height: 23px; justify-content: center; width: 46px; }
.dualCurrencySearchModalWrapper { max-width: 420px; }
.searcherDisplayItem { align-items: center; cursor: pointer; display: flex; justify-content: space-between; padding: 8px 12px; width: 100%; }
.searcherDisplayItem:hover { background-color: rgba(40, 45, 61, 0.84); }
.searcherDisplayItem svg path { fill: rgb(105, 108, 128); }
.slick-slider { -webkit-tap-highlight-color: transparent; box-sizing: border-box; touch-action: pan-y; user-select: none; }
.slick-list, .slick-slider { display: block; position: relative; }
.slick-list { margin: 0px; overflow: hidden; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); }
.slick-track { display: block; left: 0px; margin-left: auto; margin-right: auto; position: relative; top: 0px; }
.slick-track::after, .slick-track::before { content: ""; display: table; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { border: 1px solid rgba(0, 0, 0, 0); display: block; height: auto; }
.slick-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { background: url("") 50% center no-repeat rgb(255, 255, 255); }
@font-face { font-family: slick; font-style: normal; font-weight: 400; src: url("") format("woff"), url("") format("truetype"); }
.slick-next, .slick-prev { border: none; cursor: pointer; display: block; font-size: 0px; height: 20px; line-height: 0; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; }
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); outline: none; }
.slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 1; }
.slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { opacity: 0.25; }
.slick-next::before, .slick-prev::before { -webkit-font-smoothing: antialiased; color: rgb(255, 255, 255); font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev::before { content: "←"; }
[dir="rtl"] .slick-prev::before { content: "→"; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next::before { content: "→"; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { bottom: -25px; display: block; list-style: none; margin: 0px; padding: 0px; position: absolute; text-align: center; width: 100%; }
.slick-dots li { display: inline-block; margin: 0px 5px; padding: 0px; position: relative; }
.slick-dots li, .slick-dots li button { cursor: pointer; height: 20px; width: 20px; }
.slick-dots li button { background: rgba(0, 0, 0, 0); border: 0px; color: rgba(0, 0, 0, 0); display: block; font-size: 0px; line-height: 0; outline: none; padding: 5px; }
.slick-dots li button:focus, .slick-dots li button:hover { outline: none; }
.slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; }
.slick-dots li button::before { -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); content: "•"; font-family: slick; font-size: 6px; height: 20px; left: 0px; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0px; width: 20px; }
.slick-dots li.slick-active button::before { color: rgb(0, 0, 0); opacity: 0.75; }
*, ::after, ::before { border: 0px solid rgb(229, 231, 235); box-sizing: border-box; }
::after, ::before { --tw-content: ""; }
html { text-size-adjust: 100%; font-feature-settings: normal; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-variation-settings: normal; line-height: 1.5; tab-size: 4; }
body { line-height: inherit; }
hr { border-top-width: 1px; color: inherit; height: 0px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { border-collapse: collapse; border-color: inherit; text-indent: 0px; }
button, input, optgroup, select, textarea { font-feature-settings: inherit; color: inherit; font-family: inherit; font-size: 100%; font-variation-settings: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; background-color: initial; background-image: none; }
progress { vertical-align: initial; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset, legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: rgb(156, 163, 175); opacity: 1; }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { height: auto; max-width: 100%; }
[hidden] { display: none; }
body, html { background-color: rgb(var(--orderly-color-base-900)); color: rgb(var(--orderly-color-base-foreground)/.98); font-family: var(--orderly-font-family); font-size: var(--orderly-font-size-base); }
*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; }
.orderly-sr-only { clip: rect(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
.orderly-pointer-events-none { pointer-events: none; }
.orderly-pointer-events-auto { pointer-events: auto; }
.orderly-invisible { visibility: hidden; }
.orderly-fixed { position: fixed; }
.orderly-absolute { position: absolute; }
.orderly-relative { position: relative; }
.orderly-sticky { position: sticky; }
.orderly-inset-0 { inset: 0px; }
.orderly-inset-x-0 { left: 0px; right: 0px; }
.orderly-inset-y-0 { bottom: 0px; top: 0px; }
.-orderly-right-\[1px\] { right: -1px; }
.-orderly-top-\[1px\] { top: -1px; }
.orderly--bottom-12 { bottom: -3rem; }
.orderly--left-12 { left: -3rem; }
.orderly--right-12 { right: -3rem; }
.orderly--top-12 { top: -3rem; }
.orderly-bottom-0 { bottom: 0px; }
.orderly-bottom-10 { bottom: 2.5rem; }
.orderly-bottom-\[64px\] { bottom: 64px; }
.orderly-left-0 { left: 0px; }
.orderly-left-1 { left: 0.25rem; }
.orderly-left-1\/2 { left: 50%; }
.orderly-left-2 { left: 0.5rem; }
.orderly-left-3 { left: 0.75rem; }
.orderly-left-\[-100\%\] { left: -100%; }
.orderly-left-\[-8px\] { left: -8px; }
.orderly-left-\[50\%\] { left: 50%; }
.orderly-right-0 { right: 0px; }
.orderly-right-1 { right: 0.25rem; }
.orderly-right-5 { right: 1.25rem; }
.orderly-right-\[-100\%\] { right: -100%; }
.orderly-right-\[24px\] { right: 24px; }
.orderly-top-0 { top: 0px; }
.orderly-top-1 { top: 0.25rem; }
.orderly-top-1\/2 { top: 50%; }
.orderly-top-3 { top: 0.75rem; }
.orderly-top-5 { top: 1.25rem; }
.orderly-top-\[-28px\] { top: -28px; }
.orderly-top-\[-300px\] { top: -300px; }
.orderly-top-\[20\%\] { top: 20%; }
.orderly-top-\[20px\] { top: 20px; }
.orderly-top-\[24px\] { top: 24px; }
.orderly-top-\[44px\] { top: 44px; }
.orderly-top-\[50\%\] { top: 50%; }
.orderly-top-\[7px\] { top: 7px; }
.orderly-top-full { top: 100%; }
.orderly-z-0 { z-index: 0; }
.orderly-z-10 { z-index: 10; }
.orderly-z-20 { z-index: 20; }
.orderly-z-30 { z-index: 30; }
.orderly-z-40 { z-index: 40; }
.orderly-z-50 { z-index: 50; }
.orderly-z-\[100\] { z-index: 100; }
.orderly-z-\[30\] { z-index: 30; }
.orderly-col-span-1 { grid-column: span 1 / span 1; }
.orderly-col-span-2 { grid-column: span 2 / span 2; }
.-orderly-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
.orderly-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.orderly-mx-11 { margin-left: 2.75rem; margin-right: 2.75rem; }
.orderly-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.orderly-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.orderly-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.orderly-mx-\[2px\] { margin-left: 2px; margin-right: 2px; }
.orderly-mx-auto { margin-left: auto; margin-right: auto; }
.orderly-my-1 { margin-bottom: 0.25rem; margin-top: 0.25rem; }
.orderly-my-2 { margin-bottom: 0.5rem; margin-top: 0.5rem; }
.orderly-my-3 { margin-bottom: 0.75rem; margin-top: 0.75rem; }
.orderly-my-4 { margin-bottom: 1rem; margin-top: 1rem; }
.orderly-my-5 { margin-bottom: 1.25rem; margin-top: 1.25rem; }
.orderly-my-\[16px\] { margin-bottom: 16px; margin-top: 16px; }
.-orderly-mt-2 { margin-top: -0.5rem; }
.orderly--ml-4 { margin-left: -1rem; }
.orderly--mt-4 { margin-top: -1rem; }
.orderly-mb-1 { margin-bottom: 0.25rem; }
.orderly-mb-2 { margin-bottom: 0.5rem; }
.orderly-mb-3 { margin-bottom: 0.75rem; }
.orderly-mb-4 { margin-bottom: 1rem; }
.orderly-mb-7 { margin-bottom: 1.75rem; }
.orderly-mb-8 { margin-bottom: 2rem; }
.orderly-mb-\[8px\] { margin-bottom: 8px; }
.orderly-ml-1 { margin-left: 0.25rem; }
.orderly-ml-2 { margin-left: 0.5rem; }
.orderly-ml-\[10px\] { margin-left: 10px; }
.orderly-ml-\[1px\] { margin-left: 1px; }
.orderly-ml-\[2px\] { margin-left: 2px; }
.orderly-ml-\[4px\] { margin-left: 4px; }
.orderly-ml-\[6px\] { margin-left: 6px; }
.orderly-ml-auto { margin-left: auto; }
.orderly-mr-1 { margin-right: 0.25rem; }
.orderly-mr-2 { margin-right: 0.5rem; }
.orderly-mr-3 { margin-right: 0.75rem; }
.orderly-mr-\[1px\] { margin-right: 1px; }
.orderly-mr-\[21px\] { margin-right: 21px; }
.orderly-mr-\[4px\] { margin-right: 4px; }
.orderly-mr-\[6px\] { margin-right: 6px; }
.orderly-mt-0 { margin-top: 0px; }
.orderly-mt-1 { margin-top: 0.25rem; }
.orderly-mt-2 { margin-top: 0.5rem; }
.orderly-mt-3 { margin-top: 0.75rem; }
.orderly-mt-4 { margin-top: 1rem; }
.orderly-mt-5 { margin-top: 1.25rem; }
.orderly-mt-\[-1px\] { margin-top: -1px; }
.orderly-mt-\[36px\] { margin-top: 36px; }
.orderly-box-border { box-sizing: border-box; }
.orderly-block { display: block; }
.orderly-inline-block { display: inline-block; }
.orderly-flex { display: flex; }
.orderly-inline-flex { display: inline-flex; }
.orderly-grid { display: grid; }
.orderly-hidden { display: none; }
.orderly-aspect-square { aspect-ratio: 1 / 1; }
.orderly-h-10 { height: 2.5rem; }
.orderly-h-12 { height: 3rem; }
.orderly-h-2 { height: 0.5rem; }
.orderly-h-3 { height: 0.75rem; }
.orderly-h-3\.5 { height: 0.875rem; }
.orderly-h-4 { height: 1rem; }
.orderly-h-7 { height: 1.75rem; }
.orderly-h-8 { height: 2rem; }
.orderly-h-\[100vh\] { height: 100vh; }
.orderly-h-\[10px\] { height: 10px; }
.orderly-h-\[14px\] { height: 14px; }
.orderly-h-\[16px\] { height: 16px; }
.orderly-h-\[18px\] { height: 18px; }
.orderly-h-\[19px\] { height: 19px; }
.orderly-h-\[1px\] { height: 1px; }
.orderly-h-\[20px\] { height: 20px; }
.orderly-h-\[240px\] { height: 240px; }
.orderly-h-\[24px\] { height: 24px; }
.orderly-h-\[25px\] { height: 25px; }
.orderly-h-\[26px\] { height: 26px; }
.orderly-h-\[27\.5px\] { height: 27.5px; }
.orderly-h-\[28px\] { height: 28px; }
.orderly-h-\[2px\] { height: 2px; }
.orderly-h-\[300px\] { height: 300px; }
.orderly-h-\[30px\] { height: 30px; }
.orderly-h-\[32px\] { height: 32px; }
.orderly-h-\[350px\] { height: 350px; }
.orderly-h-\[36px\] { height: 36px; }
.orderly-h-\[3px\] { height: 3px; }
.orderly-h-\[40px\] { height: 40px; }
.orderly-h-\[422px\] { height: 422px; }
.orderly-h-\[42px\] { height: 42px; }
.orderly-h-\[46px\] { height: 46px; }
.orderly-h-\[48px\] { height: 48px; }
.orderly-h-\[4px\] { height: 4px; }
.orderly-h-\[500px\] { height: 500px; }
.orderly-h-\[50px\] { height: 50px; }
.orderly-h-\[52px\] { height: 52px; }
.orderly-h-\[58px\] { height: 58px; }
.orderly-h-\[64px\] { height: 64px; }
.orderly-h-\[6px\] { height: 6px; }
.orderly-h-\[76px\] { height: 76px; }
.orderly-h-\[80px\] { height: 80px; }
.orderly-h-\[8px\] { height: 8px; }
.orderly-h-auto { height: auto; }
.orderly-h-full { height: 100%; }
.orderly-h-px { height: 1px; }
.orderly-max-h-\[200px\] { max-height: 200px; }
.orderly-max-h-\[250px\] { max-height: 250px; }
.orderly-max-h-\[266px\] { max-height: 266px; }
.orderly-max-h-\[280px\] { max-height: 280px; }
.orderly-max-h-\[327\.5px\] { max-height: 327.5px; }
.orderly-max-h-\[335\.5px\] { max-height: 335.5px; }
.orderly-max-h-\[360px\] { max-height: 360px; }
.orderly-max-h-full { max-height: 100%; }
.orderly-max-h-screen { max-height: 100vh; }
.orderly-min-h-0 { min-height: 0px; }
.orderly-min-h-\[180px\] { min-height: 180px; }
.orderly-min-h-\[2px\] { min-height: 2px; }
.orderly-min-h-\[300px\] { min-height: 300px; }
.orderly-min-h-\[32px\] { min-height: 32px; }
.orderly-min-h-\[40px\] { min-height: 40px; }
.orderly-min-h-\[420px\] { min-height: 420px; }
.orderly-min-h-\[50px\] { min-height: 50px; }
.orderly-w-0 { width: 0px; }
.orderly-w-1\/5 { width: 20%; }
.orderly-w-10 { width: 2.5rem; }
.orderly-w-12 { width: 3rem; }
.orderly-w-2 { width: 0.5rem; }
.orderly-w-3 { width: 0.75rem; }
.orderly-w-3\.5 { width: 0.875rem; }
.orderly-w-3\/4 { width: 75%; }
.orderly-w-4 { width: 1rem; }
.orderly-w-64 { width: 16rem; }
.orderly-w-7 { width: 1.75rem; }
.orderly-w-72 { width: 18rem; }
.orderly-w-8 { width: 2rem; }
.orderly-w-\[100px\] { width: 100px; }
.orderly-w-\[103px\] { width: 103px; }
.orderly-w-\[10px\] { width: 10px; }
.orderly-w-\[120px\] { width: 120px; }
.orderly-w-\[14px\] { width: 14px; }
.orderly-w-\[150px\] { width: 150px; }
.orderly-w-\[162px\] { width: 162px; }
.orderly-w-\[16px\] { width: 16px; }
.orderly-w-\[188px\] { width: 188px; }
.orderly-w-\[18px\] { width: 18px; }
.orderly-w-\[1px\] { width: 1px; }
.orderly-w-\[20px\] { width: 20px; }
.orderly-w-\[220px\] { width: 220px; }
.orderly-w-\[24px\] { width: 24px; }
.orderly-w-\[278px\] { width: 278px; }
.orderly-w-\[280px\] { width: 280px; }
.orderly-w-\[28px\] { width: 28px; }
.orderly-w-\[295px\] { width: 295px; }
.orderly-w-\[2px\] { width: 2px; }
.orderly-w-\[32px\] { width: 32px; }
.orderly-w-\[340px\] { width: 340px; }
.orderly-w-\[36px\] { width: 36px; }
.orderly-w-\[375px\] { width: 375px; }
.orderly-w-\[40px\] { width: 40px; }
.orderly-w-\[44px\] { width: 44px; }
.orderly-w-\[4px\] { width: 4px; }
.orderly-w-\[50\%\] { width: 50%; }
.orderly-w-\[500px\] { width: 500px; }
.orderly-w-\[552px\] { width: 552px; }
.orderly-w-\[580px\] { width: 580px; }
.orderly-w-\[640px\] { width: 640px; }
.orderly-w-\[6px\] { width: 6px; }
.orderly-w-\[70px\] { width: 70px; }
.orderly-w-\[78px\] { width: 78px; }
.orderly-w-\[89px\] { width: 89px; }
.orderly-w-\[8px\] { width: 8px; }
.orderly-w-\[92px\] { width: 92px; }
.orderly-w-\[calc\(100\%-30px\)\] { width: calc(100% - 30px); }
.orderly-w-\[calc\(50\%-6px\)\] { width: calc(50% - 6px); }
.orderly-w-auto { width: auto; }
.orderly-w-full { width: 100%; }
.orderly-w-screen { width: 100vw; }
.orderly-min-w-0 { min-width: 0px; }
.orderly-min-w-\[10px\] { min-width: 10px; }
.orderly-min-w-\[120px\] { min-width: 120px; }
.orderly-min-w-\[24px\] { min-width: 24px; }
.orderly-min-w-\[2px\] { min-width: 2px; }
.orderly-min-w-\[300px\] { min-width: 300px; }
.orderly-min-w-\[40px\] { min-width: 40px; }
.orderly-min-w-\[60px\] { min-width: 60px; }
.orderly-min-w-\[70px\] { min-width: 70px; }
.orderly-min-w-\[736px\] { min-width: 736px; }
.orderly-min-w-\[8rem\] { min-width: 8rem; }
.orderly-min-w-\[92px\] { min-width: 92px; }
.orderly-min-w-\[unset\] { min-width: auto; }
.orderly-max-w-\[110px\] { max-width: 110px; }
.orderly-max-w-\[1408px\] { max-width: 1408px; }
.orderly-max-w-\[200px\] { max-width: 200px; }
.orderly-max-w-\[240px\] { max-width: 240px; }
.orderly-max-w-\[260px\] { max-width: 260px; }
.orderly-max-w-\[270px\] { max-width: 270px; }
.orderly-max-w-\[300px\] { max-width: 300px; }
.orderly-max-w-\[370px\] { max-width: 370px; }
.orderly-max-w-\[396px\] { max-width: 396px; }
.orderly-max-w-\[400px\] { max-width: 400px; }
.orderly-max-w-\[85\%\] { max-width: 85%; }
.orderly-max-w-\[90\%\] { max-width: 90%; }
.orderly-max-w-max { max-width: max-content; }
.orderly-max-w-sm { max-width: 24rem; }
.orderly-flex-1 { flex: 1 1 0%; }
.orderly-shrink-0 { flex-shrink: 0; }
.orderly-grow { flex-grow: 1; }
.orderly-grow-0 { flex-grow: 0; }
.orderly-basis-1\/3 { flex-basis: 33.3333%; }
.orderly-basis-5\/12 { flex-basis: 41.6667%; }
.orderly-basis-7\/12 { flex-basis: 58.3333%; }
.orderly-basis-full { flex-basis: 100%; }
.orderly-table-fixed { table-layout: fixed; }
.orderly-border-collapse { border-collapse: collapse; }
.orderly-origin-top-left { transform-origin: left top; }
.orderly--translate-x-1\/2 { --tw-translate-x: -50%; }
.orderly--translate-x-1\/2, .orderly--translate-y-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderly--translate-y-1\/2 { --tw-translate-y: -50%; }
.orderly-translate-x-\[-12px\] { --tw-translate-x: -12px; }
.orderly-translate-x-\[-12px\], .orderly-translate-x-\[-50\%\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderly-translate-x-\[-50\%\] { --tw-translate-x: -50%; }
.orderly-translate-y-0 { --tw-translate-y: 0px; }
.orderly-translate-y-0, .orderly-translate-y-\[-50\%\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderly-translate-y-\[-50\%\] { --tw-translate-y: -50%; }
.orderly-rotate-0 { --tw-rotate: 0deg; }
.orderly-rotate-0, .orderly-rotate-180 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderly-rotate-180 { --tw-rotate: 180deg; }
.orderly-rotate-90 { --tw-rotate: 90deg; }
.orderly-rotate-90, .orderly-transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes orderly-pulse { 
  50% { opacity: 0.5; }
}
.orderly-animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running orderly-pulse; }
@keyframes orderly-spin { 
  100% { transform: rotate(1turn); }
}
.orderly-animate-spin { animation: 1s linear 0s infinite normal none running orderly-spin; }
.orderly-cursor-default { cursor: default; }
.orderly-cursor-not-allowed { cursor: not-allowed; }
.orderly-cursor-pointer { cursor: pointer; }
.orderly-touch-none { touch-action: none; }
.orderly-select-none { user-select: none; }
.orderly-grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.orderly-grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.orderly-grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.orderly-grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.orderly-grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.orderly-grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.orderly-grid-cols-\[1fr_2fr\] { grid-template-columns: 1fr 2fr; }
.orderly-grid-cols-\[3fr_4fr\] { grid-template-columns: 3fr 4fr; }
.orderly-grid-cols-\[40px_1fr_40px\] { grid-template-columns: 40px 1fr 40px; }
.orderly-grid-rows-\[0fr\] { grid-template-rows: 0fr; }
.orderly-grid-rows-\[1fr\] { grid-template-rows: 1fr; }
.orderly-grid-rows-\[48px_1fr\] { grid-template-rows: 48px 1fr; }
.orderly-flex-row { flex-direction: row; }
.orderly-flex-col { flex-direction: column; }
.orderly-flex-col-reverse { flex-direction: column-reverse; }
.orderly-flex-wrap { flex-wrap: wrap; }
.orderly-items-start { align-items: flex-start; }
.orderly-items-end { align-items: flex-end; }
.orderly-items-center { align-items: center; }
.orderly-items-stretch { align-items: stretch; }
.orderly-justify-start { justify-content: flex-start; }
.orderly-justify-end { justify-content: flex-end; }
.orderly-justify-center { justify-content: center; }
.orderly-justify-between { justify-content: space-between; }
.orderly-gap-0 { gap: 0px; }
.orderly-gap-1 { gap: 0.25rem; }
.orderly-gap-2 { gap: 0.5rem; }
.orderly-gap-3 { gap: 0.75rem; }
.orderly-gap-4 { gap: 1rem; }
.orderly-gap-5 { gap: 1.25rem; }
.orderly-gap-6 { gap: 1.5rem; }
.orderly-gap-\[1px\] { gap: 1px; }
.orderly-gap-\[36px\] { gap: 36px; }
.orderly-space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(.25rem*var(--tw-space-x-reverse)); }
.orderly-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(.5rem*var(--tw-space-x-reverse)); }
.orderly-space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(.75rem*var(--tw-space-x-reverse)); }
.orderly-space-x-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(1.25rem*var(--tw-space-x-reverse)); }
.orderly-space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(1.5rem*var(--tw-space-x-reverse)); }
.orderly-space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(0px*var(--tw-space-y-reverse)); margin-top: calc(0px*(1 - var(--tw-space-y-reverse))); }
.orderly-space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(.25rem*var(--tw-space-y-reverse)); margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))); }
.orderly-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(.5rem*var(--tw-space-y-reverse)); margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))); }
.orderly-space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(.75rem*var(--tw-space-y-reverse)); margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))); }
.orderly-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(1rem*var(--tw-space-y-reverse)); margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))); }
.orderly-space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-bottom: calc(16px*var(--tw-space-y-reverse)); margin-top: calc(16px*(1 - var(--tw-space-y-reverse))); }
.orderly-overflow-auto { overflow: auto; }
.orderly-overflow-hidden { overflow: hidden; }
.orderly-overflow-x-auto { overflow-x: auto; }
.orderly-overflow-y-auto { overflow-y: auto; }
.orderly-overflow-y-visible { overflow-y: visible; }
.orderly-whitespace-nowrap { white-space: nowrap; }
.orderly-break-normal { overflow-wrap: normal; word-break: normal; }
.orderly-break-all { word-break: break-all; }
.orderly-rounded { border-radius: var(--orderly-rounded); }
.orderly-rounded-\[10px\] { border-radius: 10px; }
.orderly-rounded-\[2px\] { border-radius: 2px; }
.orderly-rounded-\[4px\] { border-radius: 4px; }
.orderly-rounded-full { border-radius: var(--orderly-rounded-full); }
.orderly-rounded-lg { border-radius: var(--orderly-rounded-lg); }
.orderly-rounded-md { border-radius: 0.375rem; }
.orderly-rounded-none { border-radius: 0px; }
.orderly-rounded-sm { border-radius: var(--orderly-rounded-sm); }
.orderly-rounded-l { border-bottom-left-radius: var(--orderly-rounded); border-top-left-radius: var(--orderly-rounded); }
.orderly-rounded-l-sm { border-bottom-left-radius: var(--orderly-rounded-sm); border-top-left-radius: var(--orderly-rounded-sm); }
.orderly-rounded-r { border-bottom-right-radius: var(--orderly-rounded); border-top-right-radius: var(--orderly-rounded); }
.orderly-rounded-r-sm { border-bottom-right-radius: var(--orderly-rounded-sm); border-top-right-radius: var(--orderly-rounded-sm); }
.orderly-rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.orderly-rounded-t-lg { border-top-left-radius: var(--orderly-rounded-lg); border-top-right-radius: var(--orderly-rounded-lg); }
.orderly-border { border-width: 1px; }
.orderly-border-2, .orderly-border-\[2px\] { border-width: 2px; }
.orderly-border-b { border-bottom-width: 1px; }
.orderly-border-b-0 { border-bottom-width: 0px; }
.orderly-border-b-\[1px\] { border-bottom-width: 1px; }
.orderly-border-l { border-left-width: 1px; }
.orderly-border-r { border-right-width: 1px; }
.orderly-border-t, .orderly-border-t-\[1px\] { border-top-width: 1px; }
.orderly-border-solid { border-style: solid; }
.orderly-border-dashed { border-style: dashed; }
.orderly-border-\[rgba\(255\,255\,255\,0\.04\)\] { border-color: rgba(255, 255, 255, 0.04); }
.orderly-border-base-100 { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-base-100)/var(--tw-border-opacity)); }
.orderly-border-base-200 { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-base-200)/var(--tw-border-opacity)); }
.orderly-border-base-300 { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-base-300)/var(--tw-border-opacity)); }
.orderly-border-base-500 { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-base-500)/var(--tw-border-opacity)); }
.orderly-border-base-contrast { border-color: rgb(var(--orderly-color-base-foreground)/.98); }
.orderly-border-base-contrast-20 { border-color: rgb(var(--orderly-color-base-foreground)/.2); }
.orderly-border-base-contrast-36 { border-color: rgb(var(--orderly-color-base-foreground)/.36); }
.orderly-border-base-contrast-54 { border-color: rgb(var(--orderly-color-base-foreground)/.54); }
.orderly-border-base-contrast-8 { border-color: rgb(var(--orderly-color-base-foreground)/.08); }
.orderly-border-base-contrast-80 { border-color: rgb(var(--orderly-color-base-foreground)/.8); }
.orderly-border-base-contrast\/10 { border-color: rgb(var(--orderly-color-base-foreground)/.1); }
.orderly-border-base-contrast\/20 { border-color: rgb(var(--orderly-color-base-foreground)/.2); }
.orderly-border-base-contrast\/50 { border-color: rgb(var(--orderly-color-base-foreground)/.5); }
.orderly-border-danger { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-danger)/var(--tw-border-opacity)); }
.orderly-border-danger-darken { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-danger-darken)/var(--tw-border-opacity)); }
.orderly-border-danger-light { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-danger-light)/var(--tw-border-opacity)); }
.orderly-border-divider { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-divider)/var(--tw-border-opacity)); }
.orderly-border-primary { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-primary)/var(--tw-border-opacity)); }
.orderly-border-primary-darken { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-primary-darken)/var(--tw-border-opacity)); }
.orderly-border-primary-light { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-primary-light)/var(--tw-border-opacity)); }
.orderly-border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225/var(--tw-border-opacity)); }
.orderly-border-slate-500 { --tw-border-opacity: 1; border-color: rgb(100 116 139/var(--tw-border-opacity)); }
.orderly-border-trade-loss { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-trading-loss)/var(--tw-border-opacity)); }
.orderly-border-trade-profit { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-trading-profit)/var(--tw-border-opacity)); }
.orderly-border-transparent { border-color: rgba(0, 0, 0, 0); }
.orderly-border-warning { --tw-border-opacity: 1; border-color: rgb(var(--orderly-color-warning)/var(--tw-border-opacity)); }
.orderly-border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.orderly-border-b-divider { --tw-border-opacity: 1; border-bottom-color: rgb(var(--orderly-color-divider)/var(--tw-border-opacity)); }
.\!orderly-bg-base-200 { --tw-bg-opacity: 1 !important; background-color: rgb(var(--orderly-color-base-200)/var(--tw-bg-opacity)) !important; }
.orderly-bg-base-100 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-100)/var(--tw-bg-opacity)); }
.orderly-bg-base-200 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-200)/var(--tw-bg-opacity)); }
.orderly-bg-base-300 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-300)/var(--tw-bg-opacity)); }
.orderly-bg-base-400 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-400)/var(--tw-bg-opacity)); }
.orderly-bg-base-500 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-500)/var(--tw-bg-opacity)); }
.orderly-bg-base-600 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-600)/var(--tw-bg-opacity)); }
.orderly-bg-base-700 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-700)/var(--tw-bg-opacity)); }
.orderly-bg-base-700\/70 { background-color: rgb(var(--orderly-color-base-700)/.7); }
.orderly-bg-base-800 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-800)/var(--tw-bg-opacity)); }
.orderly-bg-base-800\/70 { background-color: rgb(var(--orderly-color-base-800)/.7); }
.orderly-bg-base-900 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-900)/var(--tw-bg-opacity)); }
.orderly-bg-base-900\/30 { background-color: rgb(var(--orderly-color-base-900)/.3); }
.orderly-bg-base-contrast { background-color: rgb(var(--orderly-color-base-foreground)/.98); }
.orderly-bg-base-contrast\/10 { background-color: rgb(var(--orderly-color-base-foreground)/.1); }
.orderly-bg-base-contrast\/5 { background-color: rgb(var(--orderly-color-base-foreground)/.05); }
.orderly-bg-base-contrast\/\[\.072\] { background-color: rgb(var(--orderly-color-base-foreground)/.072); }
.orderly-bg-black\/10 { background-color: rgba(0, 0, 0, 0.1); }
.orderly-bg-black\/60 { background-color: rgba(0, 0, 0, 0.6); }
.orderly-bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); }
.orderly-bg-danger { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-danger)/var(--tw-bg-opacity)); }
.orderly-bg-divider { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-divider)/var(--tw-bg-opacity)); }
.orderly-bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208/var(--tw-bg-opacity)); }
.orderly-bg-link { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-link)/var(--tw-bg-opacity)); }
.orderly-bg-primary { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-primary)/var(--tw-bg-opacity)); }
.orderly-bg-primary-light { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-primary-light)/var(--tw-bg-opacity)); }
.orderly-bg-primary\/10 { background-color: rgb(var(--orderly-color-primary)/.1); }
.orderly-bg-primary\/20 { background-color: rgb(var(--orderly-color-primary)/.2); }
.orderly-bg-primary\/\[\.15\] { background-color: rgb(var(--orderly-color-primary)/.15); }
.orderly-bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202/var(--tw-bg-opacity)); }
.orderly-bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113/var(--tw-bg-opacity)); }
.orderly-bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68/var(--tw-bg-opacity)); }
.orderly-bg-secondary { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-secondary)/var(--tw-bg-opacity)); }
.orderly-bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249/var(--tw-bg-opacity)); }
.orderly-bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240/var(--tw-bg-opacity)); }
.orderly-bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252/var(--tw-bg-opacity)); }
.orderly-bg-slate-500 { --tw-bg-opacity: 1; background-color: rgb(100 116 139/var(--tw-bg-opacity)); }
.orderly-bg-tertiary { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-tertiary)/var(--tw-bg-opacity)); }
.orderly-bg-trade-loss { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-loss)/var(--tw-bg-opacity)); }
.orderly-bg-trade-loss\/10 { background-color: rgb(var(--orderly-color-trading-loss)/.1); }
.orderly-bg-trade-loss\/20 { background-color: rgb(var(--orderly-color-trading-loss)/.2); }
.orderly-bg-trade-loss\/\[\.15\] { background-color: rgb(var(--orderly-color-trading-loss)/.15); }
.orderly-bg-trade-profit { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-profit)/var(--tw-bg-opacity)); }
.orderly-bg-trade-profit\/10 { background-color: rgb(var(--orderly-color-trading-profit)/.1); }
.orderly-bg-trade-profit\/20 { background-color: rgb(var(--orderly-color-trading-profit)/.2); }
.orderly-bg-trade-profit\/\[\.15\] { background-color: rgb(var(--orderly-color-trading-profit)/.15); }
.orderly-bg-transparent { background-color: initial; }
.orderly-bg-warning-darken { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-warning-darken)/var(--tw-bg-opacity)); }
.orderly-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); }
.orderly-bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
.orderly-bg-white\/30 { background-color: rgba(255, 255, 255, 0.3); }
.orderly-bg-white\/\[0\.12\] { background-color: rgba(255, 255, 255, 0.12); }
.orderly-bg-gradient-to-l { background-image: linear-gradient(to left,var(--tw-gradient-stops)); }
.orderly-bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
.orderly-from-\[\#1DF6B5\] { --tw-gradient-from: #1df6b5 var(--tw-gradient-from-position); --tw-gradient-to: #1df6b500 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-\[\#E6D673\] { --tw-gradient-from: #e6d673 var(--tw-gradient-from-position); --tw-gradient-to: #e7d77400 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-\[\#F4807C\] { --tw-gradient-from: #f4807c var(--tw-gradient-from-position); --tw-gradient-to: #f47f7b00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-\[rgba\(255\,77\,130\,1\)\] { --tw-gradient-from: #ff4d82 var(--tw-gradient-from-position); --tw-gradient-to: #ff4d8200 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-\[rgba\(28\,246\,180\,0\.2\)\] { --tw-gradient-from: #1cf6b433 var(--tw-gradient-from-position); --tw-gradient-to: #1cf6b400 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-base-900 { --tw-gradient-from: rgb(var(--orderly-color-base-900)/1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--orderly-color-base-900)/0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-base-900\/10 { --tw-gradient-from: rgb(var(--orderly-color-base-900)/0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--orderly-color-base-900)/0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-slate-100 { --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position); --tw-gradient-to: #f1f5f900 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.orderly-from-\[10\%\] { --tw-gradient-from-position: 10%; }
.orderly-via-\[rgba\(229\,191\,115\,0\.2\)\] { --tw-gradient-to: #e5be7100 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),#e5be7133 var(--tw-gradient-via-position),var(--tw-gradient-to); }
.orderly-via-\[rgba\(229\,210\,115\,0\.2\)\] { --tw-gradient-to: #e5d27100 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),#e5d27133 var(--tw-gradient-via-position),var(--tw-gradient-to); }
.orderly-via-\[rgba\(229\,229\,115\,0\.2\)\] { --tw-gradient-to: #e5e57100 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),#e5e57133 var(--tw-gradient-via-position),var(--tw-gradient-to); }
.orderly-to-\[\#86ED92\] { --tw-gradient-to: #86ed92 var(--tw-gradient-to-position); }
.orderly-to-\[\#C5A038\] { --tw-gradient-to: #c5a038 var(--tw-gradient-to-position); }
.orderly-to-\[\#FF4F82\] { --tw-gradient-to: #ff4f82 var(--tw-gradient-to-position); }
.orderly-to-\[rgba\(255\,77\,130\,0\.2\)\] { --tw-gradient-to: #ff4d8233 var(--tw-gradient-to-position); }
.orderly-to-\[rgba\(28\,246\,180\,1\)\] { --tw-gradient-to: #1cf6b4 var(--tw-gradient-to-position); }
.orderly-to-base-900 { --tw-gradient-to: rgb(var(--orderly-color-base-900)/1) var(--tw-gradient-to-position); }
.orderly-to-base-900\/10 { --tw-gradient-to: rgb(var(--orderly-color-base-900)/0.1) var(--tw-gradient-to-position); }
.orderly-to-slate-600 { --tw-gradient-to: #475569 var(--tw-gradient-to-position); }
.orderly-to-\[70\%\] { --tw-gradient-to-position: 70%; }
.orderly-fill-base-400 { fill: rgb(var(--orderly-color-base-400)/1); }
.orderly-fill-base-700 { fill: rgb(var(--orderly-color-base-700)/1); }
.orderly-fill-base-contrast-20 { fill: rgb(var(--orderly-color-base-foreground)/.2); }
.orderly-fill-base-contrast-36 { fill: rgb(var(--orderly-color-base-foreground)/.36); }
.orderly-fill-base-contrast-54 { fill: rgb(var(--orderly-color-base-foreground)/.54); }
.orderly-fill-current { fill: currentcolor; }
.orderly-fill-inherit { fill: inherit; }
.orderly-fill-primary { fill: rgb(var(--orderly-color-primary)/1); }
.orderly-fill-primary-light { fill: rgb(var(--orderly-color-primary-light)/1); }
.orderly-fill-trade-loss { fill: rgb(var(--orderly-color-trading-loss)/1); }
.orderly-fill-trade-profit { fill: rgb(var(--orderly-color-trading-profit)/1); }
.orderly-fill-transparent { fill: rgba(0, 0, 0, 0); }
.orderly-fill-white\/20 { fill: rgba(255, 255, 255, 0.2); }
.orderly-fill-white\/30 { fill: rgba(255, 255, 255, 0.3); }
.orderly-stroke-none { stroke: none; }
.orderly-p-0 { padding: 0px; }
.orderly-p-1 { padding: 0.25rem; }
.orderly-p-2 { padding: 0.5rem; }
.orderly-p-3 { padding: 0.75rem; }
.orderly-p-4 { padding: 1rem; }
.orderly-p-5 { padding: 1.25rem; }
.orderly-p-6 { padding: 1.5rem; }
.orderly-p-\[10px\] { padding: 10px; }
.orderly-p-\[14px\] { padding: 14px; }
.orderly-p-\[20px\] { padding: 20px; }
.orderly-p-\[3px\] { padding: 3px; }
.orderly-px-0 { padding-left: 0px; padding-right: 0px; }
.orderly-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.orderly-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.orderly-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.orderly-px-20 { padding-left: 5rem; padding-right: 5rem; }
.orderly-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.orderly-px-4 { padding-left: 1rem; padding-right: 1rem; }
.orderly-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.orderly-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.orderly-px-\[10px\] { padding-left: 10px; padding-right: 10px; }
.orderly-px-\[15px\] { padding-left: 15px; padding-right: 15px; }
.orderly-px-\[16px\] { padding-left: 16px; padding-right: 16px; }
.orderly-px-\[20px\] { padding-left: 20px; padding-right: 20px; }
.orderly-px-\[24px\] { padding-left: 24px; padding-right: 24px; }
.orderly-px-\[2px\] { padding-left: 2px; padding-right: 2px; }
.orderly-px-\[60px\] { padding-left: 60px; padding-right: 60px; }
.orderly-px-\[8px\] { padding-left: 8px; padding-right: 8px; }
.orderly-py-0 { padding-bottom: 0px; padding-top: 0px; }
.orderly-py-1 { padding-bottom: 0.25rem; padding-top: 0.25rem; }
.orderly-py-1\.5 { padding-bottom: 0.375rem; padding-top: 0.375rem; }
.orderly-py-2 { padding-bottom: 0.5rem; padding-top: 0.5rem; }
.orderly-py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; }
.orderly-py-4 { padding-bottom: 1rem; padding-top: 1rem; }
.orderly-py-5 { padding-bottom: 1.25rem; padding-top: 1.25rem; }
.orderly-py-6 { padding-bottom: 1.5rem; padding-top: 1.5rem; }
.orderly-py-\[10px\] { padding-bottom: 10px; padding-top: 10px; }
.orderly-py-\[16px\] { padding-bottom: 16px; padding-top: 16px; }
.orderly-py-\[20px\] { padding-bottom: 20px; padding-top: 20px; }
.orderly-py-\[2px\] { padding-bottom: 2px; padding-top: 2px; }
.orderly-py-\[3px\] { padding-bottom: 3px; padding-top: 3px; }
.orderly-py-\[5px\] { padding-bottom: 5px; padding-top: 5px; }
.\!orderly-pr-2 { padding-right: 0.5rem !important; }
.orderly-pb-1 { padding-bottom: 0.25rem; }
.orderly-pb-2 { padding-bottom: 0.5rem; }
.orderly-pb-3 { padding-bottom: 0.75rem; }
.orderly-pb-4 { padding-bottom: 1rem; }
.orderly-pb-5 { padding-bottom: 1.25rem; }
.orderly-pb-\[1px\] { padding-bottom: 1px; }
.orderly-pb-\[20px\] { padding-bottom: 20px; }
.orderly-pb-\[300px\] { padding-bottom: 300px; }
.orderly-pb-\[32px\] { padding-bottom: 32px; }
.orderly-pb-\[50px\] { padding-bottom: 50px; }
.orderly-pb-\[70px\] { padding-bottom: 70px; }
.orderly-pb-\[8px\] { padding-bottom: 8px; }
.orderly-pl-0 { padding-left: 0px; }
.orderly-pl-1 { padding-left: 0.25rem; }
.orderly-pl-2 { padding-left: 0.5rem; }
.orderly-pl-3 { padding-left: 0.75rem; }
.orderly-pl-4 { padding-left: 1rem; }
.orderly-pl-7 { padding-left: 1.75rem; }
.orderly-pl-8 { padding-left: 2rem; }
.orderly-pl-9 { padding-left: 2.25rem; }
.orderly-pl-\[15px\] { padding-left: 15px; }
.orderly-pr-0 { padding-right: 0px; }
.orderly-pr-1 { padding-right: 0.25rem; }
.orderly-pr-2 { padding-right: 0.5rem; }
.orderly-pr-3 { padding-right: 0.75rem; }
.orderly-pr-6 { padding-right: 1.5rem; }
.orderly-pr-9 { padding-right: 2.25rem; }
.orderly-pr-\[15px\] { padding-right: 15px; }
.orderly-pr-\[20px\] { padding-right: 20px; }
.orderly-pt-0 { padding-top: 0px; }
.orderly-pt-1 { padding-top: 0.25rem; }
.orderly-pt-2 { padding-top: 0.5rem; }
.orderly-pt-3 { padding-top: 0.75rem; }
.orderly-pt-4 { padding-top: 1rem; }
.orderly-pt-5 { padding-top: 1.25rem; }
.orderly-pt-6 { padding-top: 1.5rem; }
.orderly-pt-\[17px\] { padding-top: 17px; }
.orderly-pt-\[20px\] { padding-top: 20px; }
.orderly-pt-\[3px\] { padding-top: 3px; }
.orderly-pt-\[6px\] { padding-top: 6px; }
.orderly-text-left { text-align: left; }
.orderly-text-center { text-align: center; }
.orderly-text-right { text-align: right; }
.orderly-align-middle { vertical-align: middle; }
.\!orderly-text-xs { font-size: var(--orderly-font-size-xs,calc(var(--orderly-font-size-base) - 2px)) !important; }
.orderly-text-2xs { font-size: var(--orderly-font-size-2xs,calc(var(--orderly-font-size-base) - 3px)); }
.orderly-text-3xl { font-size: var(--orderly-font-size-3xl,calc(var(--orderly-font-size-base) + 14px)); }
.orderly-text-3xs { font-size: var(--orderly-font-size-3xs,calc(var(--orderly-font-size-base) - 4px)); }
.orderly-text-4xs { font-size: var(--orderly-font-size-4xs,calc(var(--orderly-font-size-base) - 5px)); }
.orderly-text-\[0\.8rem\] { font-size: 0.8rem; }
.orderly-text-\[10px\] { font-size: 10px; }
.orderly-text-\[12px\] { font-size: 12px; }
.orderly-text-\[16px\] { font-size: 16px; }
.orderly-text-base { font-size: var(--orderly-font-size-base); }
.orderly-text-lg { font-size: var(--orderly-font-size-lg,calc(var(--orderly-font-size-base) + 2px)); }
.orderly-text-sm { font-size: var(--orderly-font-size-sm,calc(var(--orderly-font-size-base) - 1px)); }
.orderly-text-xl { font-size: var(--orderly-font-size-xl,calc(var(--orderly-font-size-base) + 4px)); }
.orderly-text-xs { font-size: var(--orderly-font-size-xs,calc(var(--orderly-font-size-base) - 2px)); }
.orderly-font-bold { font-weight: 700; }
.orderly-font-medium { font-weight: 500; }
.orderly-font-normal { font-weight: 400; }
.orderly-font-semibold { font-weight: 600; }
.orderly-uppercase { text-transform: uppercase; }
.orderly-tabular-nums { --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.orderly-leading-\[18px\] { line-height: 18px; }
.orderly-leading-\[20px\] { line-height: 20px; }
.orderly-leading-\[30px\] { line-height: 30px; }
.orderly-leading-none { line-height: 1; }
.orderly-tracking-widest { letter-spacing: 0.1em; }
.orderly-text-\[\#1EF6B4\] { --tw-text-opacity: 1; color: rgb(30 246 180/var(--tw-text-opacity)); }
.orderly-text-\[\#FF67C2\] { --tw-text-opacity: 1; color: rgb(255 103 194/var(--tw-text-opacity)); }
.orderly-text-\[\#FFCF73\] { --tw-text-opacity: 1; color: rgb(255 207 115/var(--tw-text-opacity)); }
.orderly-text-base-100 { --tw-text-opacity: 1; color: rgb(var(--orderly-color-base-100)/var(--tw-text-opacity)); }
.orderly-text-base-600 { --tw-text-opacity: 1; color: rgb(var(--orderly-color-base-600)/var(--tw-text-opacity)); }
.orderly-text-base-contrast { color: rgb(var(--orderly-color-base-foreground)/.98); }
.orderly-text-base-contrast-20 { color: rgb(var(--orderly-color-base-foreground)/.2); }
.orderly-text-base-contrast-36 { color: rgb(var(--orderly-color-base-foreground)/.36); }
.orderly-text-base-contrast-54 { color: rgb(var(--orderly-color-base-foreground)/.54); }
.orderly-text-base-contrast-80 { color: rgb(var(--orderly-color-base-foreground)/.8); }
.orderly-text-base-contrast\/20 { color: rgb(var(--orderly-color-base-foreground)/.2); }
.orderly-text-base-contrast\/30 { color: rgb(var(--orderly-color-base-foreground)/.3); }
.orderly-text-base-contrast\/40 { color: rgb(var(--orderly-color-base-foreground)/.4); }
.orderly-text-base-contrast\/50 { color: rgb(var(--orderly-color-base-foreground)/.5); }
.orderly-text-base-contrast\/60 { color: rgb(var(--orderly-color-base-foreground)/.6); }
.orderly-text-base-contrast\/80 { color: rgb(var(--orderly-color-base-foreground)/.8); }
.orderly-text-base-contrast\/90 { color: rgb(var(--orderly-color-base-foreground)/.9); }
.orderly-text-base-contrast\/\[\.15\] { color: rgb(var(--orderly-color-base-foreground)/.15); }
.orderly-text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); }
.orderly-text-current { color: currentcolor; }
.orderly-text-danger { --tw-text-opacity: 1; color: rgb(var(--orderly-color-danger)/var(--tw-text-opacity)); }
.orderly-text-danger-contrast { --tw-text-opacity: 1; color: rgb(var(--orderly-color-danger-contrast)/var(--tw-text-opacity)); }
.orderly-text-danger-light { --tw-text-opacity: 1; color: rgb(var(--orderly-color-danger-light)/var(--tw-text-opacity)); }
.orderly-text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235/var(--tw-text-opacity)); }
.orderly-text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219/var(--tw-text-opacity)); }
.orderly-text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity)); }
.orderly-text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128/var(--tw-text-opacity)); }
.orderly-text-inherit { color: inherit; }
.orderly-text-link { --tw-text-opacity: 1; color: rgb(var(--orderly-color-link)/var(--tw-text-opacity)); }
.orderly-text-link-light { --tw-text-opacity: 1; color: rgb(var(--orderly-color-link-light)/var(--tw-text-opacity)); }
.orderly-text-primary { --tw-text-opacity: 1; color: rgb(var(--orderly-color-primary)/var(--tw-text-opacity)); }
.orderly-text-primary-contrast { --tw-text-opacity: 1; color: rgb(var(--orderly-color-primary-contrast)/var(--tw-text-opacity)); }
.orderly-text-primary-light { --tw-text-opacity: 1; color: rgb(var(--orderly-color-primary-light)/var(--tw-text-opacity)); }
.orderly-text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity)); }
.orderly-text-secondary { --tw-text-opacity: 1; color: rgb(var(--orderly-color-secondary)/var(--tw-text-opacity)); }
.orderly-text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184/var(--tw-text-opacity)); }
.orderly-text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139/var(--tw-text-opacity)); }
.orderly-text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85/var(--tw-text-opacity)); }
.orderly-text-success { --tw-text-opacity: 1; color: rgb(var(--orderly-color-success)/var(--tw-text-opacity)); }
.orderly-text-success-contrast { --tw-text-opacity: 1; color: rgb(var(--orderly-color-success-contrast)/var(--tw-text-opacity)); }
.orderly-text-success-light { --tw-text-opacity: 1; color: rgb(var(--orderly-color-success-light)/var(--tw-text-opacity)); }
.orderly-text-tertiary { --tw-text-opacity: 1; color: rgb(var(--orderly-color-tertiary)/var(--tw-text-opacity)); }
.orderly-text-tertiary\/80 { color: rgb(var(--orderly-color-tertiary)/.8); }
.orderly-text-trade-loss { --tw-text-opacity: 1; color: rgb(var(--orderly-color-trading-loss)/var(--tw-text-opacity)); }
.orderly-text-trade-loss-contrast { --tw-text-opacity: 1; color: rgb(var(--orderly-color-trading-loss-contrast)/var(--tw-text-opacity)); }
.orderly-text-trade-profit { --tw-text-opacity: 1; color: rgb(var(--orderly-color-trading-profit)/var(--tw-text-opacity)); }
.orderly-text-trade-profit-contrast { --tw-text-opacity: 1; color: rgb(var(--orderly-color-trading-profit-contrast)/var(--tw-text-opacity)); }
.orderly-text-transparent { color: rgba(0, 0, 0, 0); }
.orderly-text-warning { --tw-text-opacity: 1; color: rgb(var(--orderly-color-warning)/var(--tw-text-opacity)); }
.orderly-text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.orderly-text-white\/\[0\.54\] { color: rgba(255, 255, 255, 0.54); }
.orderly-text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21/var(--tw-text-opacity)); }
.orderly-text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8/var(--tw-text-opacity)); }
.orderly-underline { text-decoration-line: underline; }
.orderly-decoration-base-contrast-36 { text-decoration-color: rgb(var(--orderly-color-base-foreground)/.36); }
.orderly-decoration-white\/20 { text-decoration-color: rgba(255, 255, 255, 0.2); }
.orderly-decoration-dashed { text-decoration-style: dashed; }
.orderly-underline-offset-2 { text-underline-offset: 2px; }
.orderly-caret-white { caret-color: rgb(255, 255, 255); }
.orderly-opacity-0 { opacity: 0; }
.orderly-opacity-10 { opacity: 0.1; }
.orderly-opacity-50 { opacity: 0.5; }
.orderly-opacity-60 { opacity: 0.6; }
.orderly-opacity-70 { opacity: 0.7; }
.orderly-opacity-90 { opacity: 0.9; }
.orderly-shadow-\[0_4px_4px_0px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 4px 4px 0px #00000040; --tw-shadow-colored: 0 4px 4px 0px var(--tw-shadow-color); }
.orderly-shadow-\[0_4px_4px_0px_rgba\(0\,0\,0\,0\.25\)\], .orderly-shadow-\[0px_12px_20px_0px_rgba\(0\,0\,0\,0\.25\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.orderly-shadow-\[0px_12px_20px_0px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0px 12px 20px 0px #00000040; --tw-shadow-colored: 0px 12px 20px 0px var(--tw-shadow-color); }
.orderly-shadow-\[hsl\(206_22\%_7\%_\/_35\%\)_0px_10px_38px_-10px\,_hsl\(206_22\%_7\%_\/_20\%\)_0px_10px_20px_-15px\] { --tw-shadow: #0e121659 0px 10px 38px -10px,#0e121633 0px 10px 20px -15px; --tw-shadow-colored: 0px 10px 38px -10px var(--tw-shadow-color),0px 10px 20px -15px var(--tw-shadow-color); }
.orderly-shadow-\[hsl\(206_22\%_7\%_\/_35\%\)_0px_10px_38px_-10px\,_hsl\(206_22\%_7\%_\/_20\%\)_0px_10px_20px_-15px\], .orderly-shadow-button { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.orderly-shadow-button { --tw-shadow: var(--orderly-button-shadow); --tw-shadow-colored: var(--orderly-button-shadow); }
.orderly-shadow-lg { --tw-shadow: var(--orderly-shadow-lg,0px 12px 20px 0px #0000004d); --tw-shadow-colored: 0px 12px 20px 0px var(--tw-shadow-color); }
.orderly-shadow-lg, .orderly-shadow-md { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.orderly-shadow-md { --tw-shadow: var(--orderly-shadow-md,0px 12px 20px 0px #0000004d); --tw-shadow-colored: 0px 12px 20px 0px var(--tw-shadow-color); }
.orderly-outline-none { outline: rgba(0, 0, 0, 0) solid 2px; outline-offset: 2px; }
.orderly-outline { outline-style: solid; }
.orderly-outline-1 { outline-width: 1px; }
.orderly-outline-2 { outline-width: 2px; }
.orderly-outline-base-100 { outline-color: rgb(var(--orderly-color-base-100)/1); }
.orderly-outline-danger-light { outline-color: rgb(var(--orderly-color-danger-light)/1); }
.orderly-outline-primary { outline-color: rgb(var(--orderly-color-primary)/1); }
.orderly-outline-trade-loss { outline-color: rgb(var(--orderly-color-trading-loss)/1); }
.orderly-outline-warning { outline-color: rgb(var(--orderly-color-warning)/1); }
.orderly-outline-yellow-500 { outline-color: rgb(234, 179, 8); }
.orderly-ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.orderly-ring-offset-base-700 { --tw-ring-offset-color: rgb(var(--orderly-color-base-700)/1); }
.orderly-drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.orderly-backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.orderly-transition { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-transition-all { transition-duration: 0.15s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-transition-colors { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-transition-opacity { transition-duration: 0.15s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-transition-transform { transition-duration: 0.15s; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-duration-200 { transition-duration: 0.2s; }
.orderly-duration-300 { transition-duration: 0.3s; }
.orderly-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-will-change-\[transform\,opacity\] { will-change: transform, opacity; }
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0)); }
}
.orderly-animate-in { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-duration: 0.15s; animation-name: enter; }
.orderly-animate-out { --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; animation-duration: 0.15s; animation-name: exit; }
.orderly-fade-in, .orderly-fade-in-0 { --tw-enter-opacity: 0; }
.orderly-fade-out { --tw-exit-opacity: 0; }
.orderly-zoom-in { --tw-enter-scale: 0; }
.orderly-zoom-in-95 { --tw-enter-scale: .95; }
.orderly-zoom-out { --tw-exit-scale: 0; }
.orderly-duration-200 { animation-duration: 0.2s; }
.orderly-duration-300 { animation-duration: 0.3s; }
.orderly-ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.orderly-hide-scrollbar::-webkit-scrollbar, .orderly-hide-scrollbar::-webkit-scrollbar-thumb { display: none; }
.first-letter\:orderly-items-center::first-letter { align-items: center; }
.placeholder\:orderly-text-3xs::placeholder { font-size: var(--orderly-font-size-3xs,calc(var(--orderly-font-size-base) - 4px)); }
.placeholder\:orderly-text-xs::placeholder { font-size: var(--orderly-font-size-xs,calc(var(--orderly-font-size-base) - 2px)); }
.placeholder\:orderly-text-base-contrast-20::placeholder { color: rgb(var(--orderly-color-base-foreground)/.2); }
.placeholder\:orderly-text-base-contrast-36::placeholder { color: rgb(var(--orderly-color-base-foreground)/.36); }
.before\:orderly-absolute::before { content: var(--tw-content); position: absolute; }
.before\:orderly-left-0::before { content: var(--tw-content); left: 0px; }
.before\:orderly-top-1\/2::before { content: var(--tw-content); top: 50%; }
.before\:orderly-block::before { content: var(--tw-content); display: block; }
.before\:orderly-h-\[16px\]::before { content: var(--tw-content); height: 16px; }
.before\:orderly-h-\[1px\]::before { content: var(--tw-content); height: 1px; }
.before\:orderly-h-\[20px\]::before { content: var(--tw-content); height: 20px; }
.before\:orderly-h-\[4px\]::before { content: var(--tw-content); height: 4px; }
.before\:orderly-w-\[1px\]::before { content: var(--tw-content); width: 1px; }
.before\:orderly-w-\[4px\]::before { content: var(--tw-content); width: 4px; }
.before\:orderly-w-\[50\%\]::before { content: var(--tw-content); width: 50%; }
.before\:orderly--translate-y-1\/2::before { --tw-translate-y: -50%; content: var(--tw-content); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.before\:orderly-rounded-\[4px\]::before { border-radius: 4px; content: var(--tw-content); }
.before\:orderly-border-b::before { border-bottom-width: 1px; content: var(--tw-content); }
.before\:orderly-border-r::before { border-right-width: 1px; content: var(--tw-content); }
.before\:orderly-border-solid::before { border-style: solid; content: var(--tw-content); }
.before\:orderly-border-inherit::before { border-color: inherit; content: var(--tw-content); }
.before\:orderly-content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); }
.after\:orderly-absolute::after { content: var(--tw-content); position: absolute; }
.after\:orderly-bottom-0::after { bottom: 0px; content: var(--tw-content); }
.after\:orderly-bottom-\[-8px\]::after { bottom: -8px; content: var(--tw-content); }
.after\:orderly-left-0::after { content: var(--tw-content); left: 0px; }
.after\:orderly-left-1\/2::after { content: var(--tw-content); left: 50%; }
.after\:orderly-left-5::after { content: var(--tw-content); left: 1.25rem; }
.after\:orderly-left-\[-15px\]::after { content: var(--tw-content); left: -15px; }
.after\:orderly-right-0::after { content: var(--tw-content); right: 0px; }
.after\:orderly-right-5::after { content: var(--tw-content); right: 1.25rem; }
.after\:orderly-right-\[-15px\]::after { content: var(--tw-content); right: -15px; }
.after\:orderly-top-0::after { content: var(--tw-content); top: 0px; }
.after\:orderly-z-10::after { content: var(--tw-content); z-index: 10; }
.after\:orderly-mt-5::after { content: var(--tw-content); margin-top: 1.25rem; }
.after\:orderly-block::after { content: var(--tw-content); display: block; }
.after\:orderly-hidden::after { content: var(--tw-content); display: none; }
.after\:orderly-h-0::after { content: var(--tw-content); height: 0px; }
.after\:orderly-h-\[1px\]::after { content: var(--tw-content); height: 1px; }
.after\:orderly-h-\[2px\]::after { content: var(--tw-content); height: 2px; }
.after\:orderly-h-\[3px\]::after { content: var(--tw-content); height: 3px; }
.after\:orderly-h-full::after { content: var(--tw-content); height: 100%; }
.after\:orderly-w-0::after { content: var(--tw-content); width: 0px; }
.after\:orderly-w-\[10px\]::after { content: var(--tw-content); width: 10px; }
.after\:orderly-w-\[30px\]::after { content: var(--tw-content); width: 30px; }
.after\:orderly-w-\[50\%\]::after { content: var(--tw-content); width: 50%; }
.after\:orderly-translate-x-\[-50\%\]::after { --tw-translate-x: -50%; }
.after\:orderly-skew-x-\[-25deg\]::after, .after\:orderly-translate-x-\[-50\%\]::after { content: var(--tw-content); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.after\:orderly-skew-x-\[-25deg\]::after { --tw-skew-x: -25deg; }
.after\:orderly-border-4::after { border-width: 4px; content: var(--tw-content); }
.after\:orderly-border-b::after { border-bottom-width: 1px; content: var(--tw-content); }
.after\:orderly-border-solid::after { border-style: solid; content: var(--tw-content); }
.after\:orderly-border-inherit::after { border-color: inherit; content: var(--tw-content); }
.after\:orderly-border-transparent::after { border-color: rgba(0, 0, 0, 0); content: var(--tw-content); }
.after\:orderly-border-t-inherit::after { border-top-color: inherit; content: var(--tw-content); }
.after\:orderly-bg-base-400::after { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-400)/var(--tw-bg-opacity)); content: var(--tw-content); }
.after\:orderly-bg-base-700::after { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-700)/var(--tw-bg-opacity)); content: var(--tw-content); }
.after\:orderly-bg-base-contrast::after { background-color: rgb(var(--orderly-color-base-foreground)/.98); content: var(--tw-content); }
.after\:orderly-bg-base-contrast\/10::after { background-color: rgb(var(--orderly-color-base-foreground)/.1); content: var(--tw-content); }
.after\:orderly-bg-primary::after { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-primary)/var(--tw-bg-opacity)); content: var(--tw-content); }
.after\:orderly-bg-trade-loss::after { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-loss)/var(--tw-bg-opacity)); content: var(--tw-content); }
.after\:orderly-bg-trade-profit::after { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-profit)/var(--tw-bg-opacity)); content: var(--tw-content); }
.after\:orderly-bg-white\/50::after { background-color: rgba(255, 255, 255, 0.5); content: var(--tw-content); }
.after\:orderly-content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }
.first\:orderly-border-l-0:first-child { border-left-width: 0px; }
.first\:orderly-pl-0:first-child { padding-left: 0px; }
.last\:orderly-border-b-0:last-child { border-bottom-width: 0px; }
.last\:orderly-pr-0:last-child { padding-right: 0px; }
.focus-within\:orderly-relative:focus-within { position: relative; }
.focus-within\:orderly-z-20:focus-within { z-index: 20; }
.focus-within\:orderly-outline-none:focus-within { outline: rgba(0, 0, 0, 0) solid 2px; outline-offset: 2px; }
.focus-within\:orderly-outline:focus-within { outline-style: solid; }
.focus-within\:orderly-outline-1:focus-within { outline-width: 1px; }
.hover\:orderly-cursor-pointer:hover { cursor: pointer; }
.hover\:orderly-bg-base-400:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-400)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-base-500:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-500)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-base-700:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-700)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-base-800:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-800)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-base-900:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-900)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-base-contrast\/10:hover { background-color: rgb(var(--orderly-color-base-foreground)/.1); }
.hover\:orderly-bg-base-contrast\/5:hover { background-color: rgb(var(--orderly-color-base-foreground)/.05); }
.hover\:orderly-bg-black\/20:hover { background-color: rgba(0, 0, 0, 0.2); }
.hover\:orderly-bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-primary)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-primary\/10:hover { background-color: rgb(var(--orderly-color-primary)/.1); }
.hover\:orderly-bg-primary\/90:hover { background-color: rgb(var(--orderly-color-primary)/.9); }
.hover\:orderly-bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-secondary)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-secondary\/90:hover { background-color: rgb(var(--orderly-color-secondary)/.9); }
.hover\:orderly-bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249/var(--tw-bg-opacity)); }
.hover\:orderly-bg-slate-600:hover { --tw-bg-opacity: 1; background-color: rgb(71 85 105/var(--tw-bg-opacity)); }
.hover\:orderly-bg-success:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-success)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-tertiary\/10:hover { background-color: rgb(var(--orderly-color-tertiary)/.1); }
.hover\:orderly-bg-trade-loss:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-loss)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-trade-loss\/10:hover { background-color: rgb(var(--orderly-color-trading-loss)/.1); }
.hover\:orderly-bg-trade-profit:hover { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-profit)/var(--tw-bg-opacity)); }
.hover\:orderly-bg-trade-profit\/10:hover { background-color: rgb(var(--orderly-color-trading-profit)/.1); }
.hover\:orderly-bg-transparent:hover { background-color: initial; }
.hover\:orderly-fill-base-contrast:hover { fill: rgb(var(--orderly-color-base-foreground)/.98); }
.hover\:orderly-fill-base-contrast-54:hover { fill: rgb(var(--orderly-color-base-foreground)/.54); }
.hover\:orderly-fill-danger-light:hover { fill: rgb(var(--orderly-color-danger-light)/1); }
.hover\:orderly-fill-white\/80:hover { fill: rgba(255, 255, 255, 0.8); }
.hover\:orderly-fill-white\/90:hover { fill: rgba(255, 255, 255, 0.9); }
.hover\:orderly-text-base-contrast:hover { color: rgb(var(--orderly-color-base-foreground)/.98); }
.hover\:orderly-text-base-contrast-80:hover { color: rgb(var(--orderly-color-base-foreground)/.8); }
.hover\:orderly-text-base-contrast\/\[\.15\]:hover { color: rgb(var(--orderly-color-base-foreground)/.15); }
.hover\:orderly-text-danger-light:hover { --tw-text-opacity: 1; color: rgb(var(--orderly-color-danger-light)/var(--tw-text-opacity)); }
.hover\:orderly-text-primary:hover { --tw-text-opacity: 1; color: rgb(var(--orderly-color-primary)/var(--tw-text-opacity)); }
.hover\:orderly-text-primary-light:hover { --tw-text-opacity: 1; color: rgb(var(--orderly-color-primary-light)/var(--tw-text-opacity)); }
.hover\:orderly-text-tertiary:hover { --tw-text-opacity: 1; color: rgb(var(--orderly-color-tertiary)/var(--tw-text-opacity)); }
.hover\:orderly-text-trade-profit:hover { --tw-text-opacity: 1; color: rgb(var(--orderly-color-trading-profit)/var(--tw-text-opacity)); }
.hover\:orderly-text-warning:hover { --tw-text-opacity: 1; color: rgb(var(--orderly-color-warning)/var(--tw-text-opacity)); }
.hover\:orderly-text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.hover\:orderly-opacity-100:hover { opacity: 1; }
.focus\:orderly-h-\[16px\]:focus { height: 16px; }
.focus\:orderly-w-\[16px\]:focus { width: 16px; }
.focus\:orderly-bg-base-700:focus { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-700)/var(--tw-bg-opacity)); }
.focus\:orderly-opacity-100:focus { opacity: 1; }
.focus\:orderly-shadow-\[0_0_0_8px\]:focus { --tw-shadow: 0 0 0 8px; --tw-shadow-colored: 0 0 0 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.focus\:orderly-shadow-base-contrast\/20:focus { --tw-shadow-color: rgb(var(--orderly-color-base-foreground)/0.2); --tw-shadow: var(--tw-shadow-colored); }
.focus\:orderly-outline-none:focus { outline: rgba(0, 0, 0, 0) solid 2px; outline-offset: 2px; }
.focus\:orderly-ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); }
.focus\:orderly-ring-1:focus, .focus\:orderly-ring-2:focus { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus\:orderly-ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); }
.focus\:orderly-ring-offset-2:focus { --tw-ring-offset-width: 2px; }
.focus-visible\:orderly-outline-none:focus-visible { outline: rgba(0, 0, 0, 0) solid 2px; outline-offset: 2px; }
.focus-visible\:orderly-ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus-visible\:orderly-ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }
.focus-visible\:orderly-ring-offset-base-700:focus-visible { --tw-ring-offset-color: rgb(var(--orderly-color-base-700)/1); }
.active\:orderly-bg-base-100:active { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-100)/var(--tw-bg-opacity)); }
.active\:orderly-bg-base-400:active { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-400)/var(--tw-bg-opacity)); }
.active\:orderly-bg-primary\/20:active { background-color: rgb(var(--orderly-color-primary)/.2); }
.active\:orderly-bg-primary\/90:active { background-color: rgb(var(--orderly-color-primary)/.9); }
.active\:orderly-bg-secondary\/90:active { background-color: rgb(var(--orderly-color-secondary)/.9); }
.active\:orderly-bg-success\/90:active { background-color: rgb(var(--orderly-color-success)/.9); }
.active\:orderly-bg-trade-loss:active { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-loss)/var(--tw-bg-opacity)); }
.active\:orderly-bg-trade-profit:active { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-profit)/var(--tw-bg-opacity)); }
.active\:orderly-bg-transparent:active { background-color: initial; }
.active\:orderly-outline-0:active { outline-width: 0px; }
.disabled\:orderly-pointer-events-none:disabled { pointer-events: none; }
.disabled\:orderly-cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:orderly-opacity-50:disabled { opacity: 0.5; }
.orderly-group:hover .group-hover\:\!orderly-bg-base-800 { --tw-bg-opacity: 1 !important; background-color: rgb(var(--orderly-color-base-800)/var(--tw-bg-opacity)) !important; }
.orderly-group:hover .group-hover\:orderly-opacity-100 { opacity: 1; }
.orderly-group:focus .group-focus\:orderly-inline-block { display: inline-block; }
.orderly-group.destructive .group-\[\.destructive\]\:orderly-text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165/var(--tw-text-opacity)); }
.orderly-group.destructive .group-\[\.destructive\]\:hover\:orderly-text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242/var(--tw-text-opacity)); }
.orderly-group.destructive .group-\[\.destructive\]\:focus\:orderly-ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity)); }
.orderly-group.destructive .group-\[\.destructive\]\:focus\:orderly-ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; }
.orderly-peer:focus ~ .peer-focus\:orderly-flex { display: flex; }
.orderly-peer:disabled ~ .peer-disabled\:orderly-cursor-not-allowed { cursor: not-allowed; }
.orderly-peer:disabled ~ .peer-disabled\:orderly-opacity-30 { opacity: 0.3; }
.aria-selected\:orderly-opacity-100[aria-selected="true"] { opacity: 1; }
.aria-selected\:orderly-opacity-30[aria-selected="true"] { opacity: 0.3; }
.data-\[disabled\]\:orderly-pointer-events-none[data-disabled] { pointer-events: none; }
.data-\[disabled\]\:orderly-hidden[data-disabled] { display: none; }
.data-\[state\=checked\]\:orderly-translate-x-\[18px\][data-state="checked"] { --tw-translate-x: 18px; }
.data-\[state\=checked\]\:orderly-translate-x-\[18px\][data-state="checked"], .data-\[state\=unchecked\]\:orderly-translate-x-\[1\][data-state="unchecked"] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[state\=unchecked\]\:orderly-translate-x-\[1\][data-state="unchecked"] { --tw-translate-x: 1; }
.data-\[swipe\=cancel\]\:orderly-translate-x-0[data-swipe="cancel"] { --tw-translate-x: 0px; }
.data-\[swipe\=cancel\]\:orderly-translate-x-0[data-swipe="cancel"], .data-\[swipe\=end\]\:orderly-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[swipe\=end\]\:orderly-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] { --tw-translate-x: var(--radix-toast-swipe-end-x); }
.data-\[swipe\=move\]\:orderly-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] { --tw-translate-x: var(--radix-toast-swipe-move-x); }
.data-\[state\=open\]\:orderly-rotate-180[data-state="open"], .data-\[swipe\=move\]\:orderly-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[state\=open\]\:orderly-rotate-180[data-state="open"] { --tw-rotate: 180deg; }
@keyframes orderly-collapsible-up { 
  0% { height: var(--radix-collapsible-content-height); }
  100% { height: 0px; }
}
.data-\[state\=closed\]\:orderly-animate-collapsible-up[data-state="closed"] { animation: 0.2s ease-out 0s 1 normal none running orderly-collapsible-up; }
@keyframes orderly-collapsible-down { 
  0% { height: 0px; }
  100% { height: var(--radix-collapsible-content-height); }
}
.data-\[state\=open\]\:orderly-animate-collapsible-down[data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running orderly-collapsible-down; }
.data-\[state\=checked\]\:orderly-bg-primary[data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-primary)/var(--tw-bg-opacity)); }
.data-\[state\=checked\]\:orderly-bg-trade-loss[data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-loss)/var(--tw-bg-opacity)); }
.data-\[state\=checked\]\:orderly-bg-trade-profit[data-state="checked"] { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-trading-profit)/var(--tw-bg-opacity)); }
.data-\[state\=open\]\:orderly-bg-secondary[data-state="open"] { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-secondary)/var(--tw-bg-opacity)); }
.data-\[state\=unchecked\]\:orderly-bg-base-100[data-state="unchecked"] { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-100)/var(--tw-bg-opacity)); }
.data-\[disabled\]\:orderly-opacity-50[data-disabled] { opacity: 0.5; }
.data-\[swipe\=move\]\:orderly-transition-none[data-swipe="move"] { transition-property: none; }
.data-\[state\=open\]\:orderly-duration-300[data-state="open"] { transition-duration: 0.3s; }
.data-\[state\=open\]\:orderly-animate-in[data-state="open"] { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-duration: 0.15s; animation-name: enter; }
.data-\[state\=closed\]\:orderly-animate-out[data-state="closed"], .data-\[swipe\=end\]\:orderly-animate-out[data-swipe="end"] { --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; animation-duration: 0.15s; animation-name: exit; }
.data-\[state\=closed\]\:orderly-fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; }
.data-\[state\=closed\]\:orderly-fade-out-80[data-state="closed"] { --tw-exit-opacity: 0.8; }
.data-\[state\=open\]\:orderly-fade-in-0[data-state="open"] { --tw-enter-opacity: 0; }
.data-\[state\=closed\]\:orderly-zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
.data-\[state\=open\]\:orderly-zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }
.data-\[side\=bottom\]\:orderly-slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -0.5rem; }
.data-\[side\=left\]\:orderly-slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: 0.5rem; }
.data-\[side\=right\]\:orderly-slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -0.5rem; }
.data-\[side\=top\]\:orderly-slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: 0.5rem; }
.data-\[state\=closed\]\:orderly-slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; }
.data-\[state\=closed\]\:orderly-slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; }
.data-\[state\=closed\]\:orderly-slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; }
.data-\[state\=closed\]\:orderly-slide-out-to-right-full[data-state="closed"], .data-\[state\=closed\]\:orderly-slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; }
.data-\[state\=closed\]\:orderly-slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; }
.data-\[state\=closed\]\:orderly-slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; }
.data-\[state\=open\]\:orderly-slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; }
.data-\[state\=open\]\:orderly-slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; }
.data-\[state\=open\]\:orderly-slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; }
.data-\[state\=open\]\:orderly-slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; }
.data-\[state\=open\]\:orderly-slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; }
.data-\[state\=open\]\:orderly-slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; }
.data-\[state\=open\]\:orderly-slide-in-from-top-full[data-state="open"] { --tw-enter-translate-y: -100%; }
.data-\[state\=open\]\:orderly-duration-300[data-state="open"] { animation-duration: 0.3s; }
.orderly-group[data-state="open"] .group-data-\[state\=open\]\:orderly-rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.orderly-group[data-state="open"] .group-data-\[state\=open\]\:orderly-font-semibold { font-weight: 600; }
.orderly-peer[data-left="fixed"] ~ .peer-data-\[left\=fixed\]\:orderly-block, .orderly-peer[data-right="fixed"] ~ .peer-data-\[right\=fixed\]\:orderly-block { display: block; }
:is(.orderly-dark .dark\:orderly-bg-base-100) { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-100)/var(--tw-bg-opacity)); }
:is(.orderly-dark .dark\:orderly-text-gray-600) { --tw-text-opacity: 1; color: rgb(75 85 99/var(--tw-text-opacity)); }
@media (min-width: 1024px) {
  .desktop\:orderly-static { position: static; }
  .desktop\:orderly-absolute { position: absolute; }
  .desktop\:orderly-relative { position: relative; }
  .desktop\:orderly-bottom-0 { bottom: 0px; }
  .desktop\:orderly-right-0 { right: 0px; }
  .desktop\:orderly-ml-1 { margin-left: 0.25rem; }
  .desktop\:orderly-ml-3 { margin-left: 0.75rem; }
  .desktop\:orderly-mt-6 { margin-top: 1.5rem; }
  .desktop\:orderly-block { display: block; }
  .desktop\:\!orderly-flex { display: flex !important; }
  .desktop\:orderly-flex { display: flex; }
  .desktop\:orderly-hidden { display: none; }
  .desktop\:orderly-h-\[13\.3px\] { height: 13.3px; }
  .desktop\:orderly-h-\[16px\] { height: 16px; }
  .desktop\:orderly-h-\[20px\] { height: 20px; }
  .desktop\:orderly-h-\[2px\] { height: 2px; }
  .desktop\:orderly-h-\[32px\] { height: 32px; }
  .desktop\:orderly-h-\[40px\] { height: 40px; }
  .desktop\:orderly-h-\[42px\] { height: 42px; }
  .desktop\:orderly-w-\[13\.3px\] { width: 13.3px; }
  .desktop\:orderly-w-\[16px\] { width: 16px; }
  .desktop\:orderly-w-\[180px\] { width: 180px; }
  .desktop\:orderly-w-\[340px\] { width: 340px; }
  .desktop\:orderly-w-\[364px\] { width: 364px; }
  .desktop\:orderly-w-\[40px\] { width: 40px; }
  .desktop\:orderly-w-\[98px\] { width: 98px; }
  .desktop\:orderly-max-w-\[340px\] { max-width: 340px; }
  .desktop\:orderly-max-w-\[350px\] { max-width: 350px; }
  .desktop\:orderly-max-w-\[400px\] { max-width: 400px; }
  .desktop\:orderly-max-w-\[420px\] { max-width: 420px; }
  .desktop\:orderly-max-w-\[440px\] { max-width: 440px; }
  .desktop\:orderly-max-w-\[480px\] { max-width: 480px; }
  .desktop\:orderly-max-w-\[540px\] { max-width: 540px; }
  .desktop\:orderly-max-w-\[640px\] { max-width: 640px; }
  .desktop\:orderly-flex-1 { flex: 1 1 0%; }
  .desktop\:orderly-flex-none { flex: 0 0 auto; }
  .desktop\:orderly-grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .desktop\:orderly-grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .desktop\:orderly-flex-row { flex-direction: row; }
  .desktop\:orderly-items-center { align-items: center; }
  .desktop\:orderly-justify-start { justify-content: flex-start; }
  .desktop\:orderly-justify-center { justify-content: center; }
  .desktop\:orderly-justify-between { justify-content: space-between; }
  .desktop\:orderly-gap-5 { gap: 1.25rem; }
  .desktop\:orderly-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(.5rem*var(--tw-space-x-reverse)); }
  .desktop\:orderly-border-4 { border-width: 4px; }
  .desktop\:orderly-bg-base-700 { --tw-bg-opacity: 1; background-color: rgb(var(--orderly-color-base-700)/var(--tw-bg-opacity)); }
  .desktop\:orderly-p-3 { padding: 0.75rem; }
  .desktop\:orderly-px-\[40px\] { padding-left: 40px; padding-right: 40px; }
  .desktop\:orderly-pr-4 { padding-right: 1rem; }
  .desktop\:orderly-pt-0 { padding-top: 0px; }
  .desktop\:orderly-pt-2 { padding-top: 0.5rem; }
  .desktop\:orderly-text-2xs { font-size: var(--orderly-font-size-2xs,calc(var(--orderly-font-size-base) - 3px)); }
  .desktop\:orderly-text-3xs { font-size: var(--orderly-font-size-3xs,calc(var(--orderly-font-size-base) - 4px)); }
  .desktop\:orderly-text-\[20px\] { font-size: 20px; }
  .desktop\:orderly-text-base { font-size: var(--orderly-font-size-base); }
  .desktop\:orderly-text-lg { font-size: var(--orderly-font-size-lg,calc(var(--orderly-font-size-base) + 2px)); }
  .desktop\:orderly-text-sm { font-size: var(--orderly-font-size-sm,calc(var(--orderly-font-size-base) - 1px)); }
  .desktop\:orderly-text-xl { font-size: var(--orderly-font-size-xl,calc(var(--orderly-font-size-base) + 4px)); }
  .desktop\:orderly-text-xs { font-size: var(--orderly-font-size-xs,calc(var(--orderly-font-size-base) - 2px)); }
  .desktop\:orderly-font-bold { font-weight: 700; }
  .desktop\:orderly-font-normal { font-weight: 400; }
  .desktop\:orderly-font-semibold { font-weight: 600; }
  .desktop\:orderly-text-base-contrast { color: rgb(var(--orderly-color-base-foreground)/.98); }
  .desktop\:orderly-text-base-contrast-54 { color: rgb(var(--orderly-color-base-foreground)/.54); }
  .after\:desktop\:orderly-h-\[2px\]::after { content: var(--tw-content); height: 2px; }
  .data-\[state\=checked\]\:desktop\:orderly-translate-x-\[20px\][data-state="checked"] { --tw-translate-x: 20px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .data-\[state\=checked\]\:desktop\:orderly-bg-base-contrast[data-state="checked"] { background-color: rgb(var(--orderly-color-base-foreground)/.98); }
}
.\[\&\+div\]\:orderly-text-4xs + div { font-size: var(--orderly-font-size-4xs,calc(var(--orderly-font-size-base) - 5px)); }
.\[\&\:has\(\>\.day-range-end\)\]\:orderly-rounded-r-md:has(> .day-range-end) { border-bottom-right-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.\[\&\:has\(\>\.day-range-start\)\]\:orderly-rounded-l-md:has(> .day-range-start) { border-bottom-left-radius: 0.375rem; border-top-left-radius: 0.375rem; }
.\[\&\:has\(\[aria-selected\]\)\]\:orderly-rounded-md:has([aria-selected]) { border-radius: 0.375rem; }
.first\:\[\&\:has\(\[aria-selected\]\)\]\:orderly-rounded-l-md:has([aria-selected]):first-child { border-bottom-left-radius: 0.375rem; border-top-left-radius: 0.375rem; }
.last\:\[\&\:has\(\[aria-selected\]\)\]\:orderly-rounded-r-md:has([aria-selected]):last-child { border-bottom-right-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:orderly-rounded-r-md:has([aria-selected].day-range-end) { border-bottom-right-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.caption, .h1, .h2, .h3, .h4, .h5, .h6, .p, .small, .span, caption, h1, h2, h3, h4, h5, h6, p, small, span { margin: 0px; }
.h1, h1 { font-size: 60px; font-weight: 700; line-height: 0.93; }
@media screen and (max-width: 599px) {
  .h1, h1 { font-size: 30px; line-height: 1.1; }
}
.h2, h2 { font-size: 40px; font-weight: 700; line-height: 1.2; }
@media screen and (max-width: 599px) {
  .h2, h2 { font-size: 26px; }
}
.h3, h3 { font-size: 30px; font-weight: 700; line-height: 1.33; }
@media screen and (max-width: 599px) {
  .h3, h3 { font-size: 24px; }
}
.h4, h4 { font-size: 24px; }
.h4, .h5, h4, h5 { font-weight: 700; line-height: 1.5; }
.h5, h5 { font-size: 20px; }
.h6, h6 { font-size: 18px; font-weight: 700; }
.h6, .p, h6, p { line-height: 1.5; }
.p, p { font-size: 16px; }
.small, small { font-size: 14px; line-height: 1.57; }
.caption, caption { font-size: 13px; line-height: 1.69; }
.span, span { font-size: 12px; line-height: 1.33; }
.text-right { text-align: right; }
.text-bold { font-weight: 700; }
.weight-600 { font-weight: 600; }
.weight-500 { font-weight: 500; }
.text-underline { text-decoration: underline; }
.line-height-1 { line-height: 1; }
.bg-white { background-color: rgb(255, 255, 255); }
.bg-default { background-color: rgb(18, 19, 26); }
.bg-palette { background-color: rgb(27, 30, 41); }
.bg-secondary1 { background-color: rgb(37, 40, 51); }
.bg-secondary2 { background-color: rgb(35, 39, 52); }
.bg-yellow3 { background-color: rgb(255, 160, 0); }
.bg-blue1 { background-color: rgb(0, 76, 230); }
.bg-gray1 { background-color: rgba(99, 103, 128, 0.1); }
.bg-gray2 { background-color: rgb(62, 66, 82); }
.bg-gray3 { background-color: rgb(27, 29, 38); }
.bg-gray30 { background-color: rgba(105, 108, 128, 0.3); }
.bg-gray31 { background-color: rgba(40, 45, 61, 0.5); }
.bg-transparent { background-color: rgba(0, 0, 0, 0); }
.bg-primary { background-color: rgb(68, 138, 255); }
.bg-primaryLight { background-color: rgba(68, 138, 255, 0.3); }
.bg-success { background-color: rgb(15, 198, 121); }
.bg-successLight { background-color: rgba(15, 198, 121, 0.3); }
.bg-error { background-color: rgb(255, 82, 82); }
.bg-errorLight { background-color: rgba(255, 82, 82, 0.1); }
.bg-grey29 { background-color: rgb(40, 45, 62); }
.bg-black1 { background-color: rgb(27, 30, 41); }
.bg-textSecondary { background-color: rgb(105, 108, 128); }
.border { border: 1px solid rgba(130, 177, 255, 0.08); }
.border-left { border-left: 1px solid rgba(130, 177, 255, 0.08); }
.border-right { border-right: 1px solid rgba(130, 177, 255, 0.08); }
.border-top { border-top: 1px solid rgba(130, 177, 255, 0.08); }
.border-bottom { border-bottom: 1px solid rgba(130, 177, 255, 0.08); }
.border-secondary1 { border: 1px solid rgb(37, 40, 51); }
.border-top-secondary1 { border-top: 1px solid rgb(37, 40, 51); }
.border-bottom-secondary1 { border-bottom: 1px solid rgb(37, 40, 51); }
.border-right-secondary1 { border-right: 1px solid rgb(37, 40, 51); }
.border-secondary2 { border: 1px solid rgb(35, 39, 52); }
.border-gray14 { border: 1px solid rgba(105, 108, 128, 0.12); }
.border-gray2 { border: 1px solid rgb(62, 66, 82); }
.border-primary { border: 1px solid rgb(68, 138, 255); }
.border-primaryDark { border: 1px solid rgb(28, 41, 56); }
.border-yellow5 { border: 1px solid rgb(253, 216, 53); }
.border-error { border: 1px solid rgb(255, 82, 82); }
.text-error { color: rgb(255, 82, 82); }
.text-blueviolet { color: rgb(138, 43, 226); }
.text-success { color: rgb(15, 198, 121); }
.text-primary { color: rgb(68, 138, 255); }
.text-primaryText { color: rgb(199, 202, 217); }
.text-secondary { color: rgb(105, 108, 128); }
.text-hint { color: rgb(99, 103, 128); }
.text-disabled { color: rgb(98, 102, 128); }
.text-gray19 { color: rgb(182, 185, 204); }
.text-gray22 { color: rgba(255, 255, 255, 0.47); }
.text-gray25 { color: rgb(199, 202, 217); }
.text-gray29 { color: rgb(40, 45, 62); }
.text-yellow { color: rgb(229, 152, 64); }
.text-yellow3 { color: rgb(255, 160, 0); }
.text-blue7 { color: rgba(68, 138, 255, 0.5); }
.text-bgColor { color: rgb(18, 19, 26); }
.text-gray32 { color: rgb(235, 236, 242); }
.text-white { color: rgb(255, 255, 255); }
.bg-blue12 { background-color: rgb(176, 220, 252); }
.bg-green4 { background-color: rgb(122, 221, 203); }
.bg-purple8 { background-color: rgb(190, 175, 253); }
.bg-gray32 { background-color: rgb(235, 236, 242); }
.bg-gray38 { background-color: rgba(255, 255, 255, 0.08); }
html .MuiTooltip-arrow { font-size: 16px; width: 17px; }
html .MuiTooltip-arrow::before { border: 1px solid rgba(130, 177, 255, 0.08); box-sizing: border-box; color: rgb(37, 40, 51); }
html .MuiTooltip-tooltip { background-color: rgb(37, 40, 51); border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 14px; color: rgb(199, 202, 217); font-size: 14px; padding: 0px; }
:root { --orderly-color-primary: 182 79 255; --orderly-color-primary-light: 208 140 255; --orderly-color-primary-darken: 152 62 214; --orderly-color-primary-contrast: 255 255 255; --orderly-color-link: 182 79 255; --orderly-color-secondary: 255 255 255; --orderly-color-tertiary: 218 218 218; --orderly-color-quaternary: 218 218 218; --orderly-color-danger: 232 88 175; --orderly-color-danger-light: 255 103 191; --orderly-color-danger-darken: 199 68 146; --orderly-color-danger-contrast: 255 255 255; --orderly-color-success: 3 152 134; --orderly-color-success-light: 0 181 159; --orderly-color-success-darken: 0 119 105; --orderly-color-success-contrast: 255 255 255; --orderly-color-warning: 255 207 115; --orderly-color-warning-light: 255 207 115; --orderly-color-warning-darken: 117 88 33; --orderly-color-warning-contrast: 255 255 255; --orderly-color-fill: 36 32 47; --orderly-color-fill-active: 40 46 58; --orderly-color-base-100: 93 83 123; --orderly-color-base-200: 81 72 107; --orderly-color-base-300: 68 61 89; --orderly-color-base-400: 57 52 74; --orderly-color-base-500: 51 46 66; --orderly-color-base-600: 43 38 56; --orderly-color-base-700: 36 32 47; --orderly-color-base-800: 29 26 38; --orderly-color-base-900: 22 20 28; --orderly-color-base-foreground: 255 255 255; --orderly-color-trading-loss: 255 103 194; --orderly-color-trading-loss-contrast: 255 103 194; --orderly-color-trading-profit: 0 181 159; --orderly-color-trading-profit-contrast: 0 181 159; --orderly-rounded: 6px; --orderly-rounded-sm: 4px; --orderly-rounded-lg: 8px; --orderly-rounded-full: 9999px; --orderly-button-shadow: none; --orderly-font-size-4xs: 11px; --orderly-font-size-3xs: 12px; --orderly-font-size-2xs: 13px; --orderly-font-size-xs: 14px; --orderly-font-size-sm: 15px; --orderly-font-size-base: 16px; --orderly-font-size-lg: 18px; --orderly-font-size-xl: 20px; --orderly-font-size-2xl: 24px; --orderly-font-size-3xl: 30px; --orderly-font-size-4xl: 36px; --orderly-color-divider: 42 46 52; --orderly-font-family: "Manrope",sans-serif; }
body { margin: 0px; }
body iframe[style*="z-index: 2147483647"] { display: none !important; }
wcm-modal { position: relative; z-index: 10000; }
.loadingDots::after { animation: 1.25s ease 0s infinite normal none running ellipsis; content: "."; display: inline-block; text-align: left; width: 1em; }
@keyframes ellipsis { 
  0% { content: "."; }
  33% { content: ".."; }
  66% { content: "..."; }
}
@keyframes spinnerAnimation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.spinner { animation: 1s linear 0s infinite normal none running spinnerAnimation; display: flex; }
[data-reach-dialog-overlay] { inset: 0px; position: fixed; z-index: 10 !important; }
@media screen and (max-width: 959px) {
  [data-reach-dialog-content] { border-radius: 20px !important; max-height: calc(-120px + 100vh) !important; min-height: calc(-120px + 100vh) !important; transform: translateY(-90px) !important; }
}
.wrapper { background: rgb(27, 30, 41); border-radius: 20px; padding: 24px; }
@media screen and (max-width: 599px) {
  .wrapper { padding: 16px 12px; }
}
.cardRow { justify-content: space-between; margin-bottom: 12px; }
.cardRow, .cardRow > div { align-items: center; display: flex; }
.cardRow > div > small { margin-right: 10px; }
.buttonGroup { margin: auto; max-width: 1048px; padding: 20px 0px; text-align: center; width: 100%; }
.buttonGroup > div { width: 100%; }
.buttonGroup .MuiButtonGroup-root { display: flex; flex-direction: row; justify-content: center; margin-bottom: 50px; }
.buttonGroup .MuiButtonGroup-root button { align-items: center; background: rgba(0, 0, 0, 0); border: 1px solid rgb(28, 41, 56); color: rgb(105, 108, 128); display: flex; height: 48px; justify-content: center; max-width: 180px; width: 50%; }
.buttonGroup .MuiButtonGroup-root button.active { background: rgba(255, 255, 255, 0.87); border: 1px solid rgba(0, 0, 0, 0); color: rgb(18, 19, 26); }
.buttonGroup .MuiButtonGroup-root button:first-child { border-bottom-left-radius: 24px; border-top-left-radius: 24px; }
.buttonGroup .MuiButtonGroup-root button:last-child { border-bottom-right-radius: 24px; border-top-right-radius: 24px; }
@media screen and (max-width: 599px) {
  .buttonGroup .MuiGrid-item { margin-bottom: 32px; text-align: center; width: 100%; }
}
.page { background-color: rgb(18, 19, 26); min-height: 100vh; width: 100%; }
.pageWrapper { align-items: center; display: flex; flex-direction: column; margin: 0px auto; max-width: 1312px; padding: 152px 32px 0px; position: relative; z-index: 11; }
@media screen and (max-width: 959px) {
  .pageWrapper { padding: 190px 12px 0px; }
}
.pageProModeWrapper { padding-top: 128px; }
@media screen and (max-width: 959px) {
  .pageProModeWrapper { padding-top: 0px; }
}
.pageWrapper-no-max { align-items: center; display: flex; flex-direction: column; margin: 24px auto; padding: 128px 32px 0px; position: relative; z-index: 11; }
@media screen and (max-width: 959px) {
  .pageWrapper-no-max { padding: 172px 12px 0px; }
  .pageWrapper-no-max-no-news { padding-top: 64px !important; }
}
.pageWrapper-proMode { padding: 128px 0px 0px; }
@media screen and (max-width: 959px) {
  .pageWrapper-proMode { padding: 190px 0px 0px; }
}
.pageHeading { display: flex; justify-content: space-between; margin-bottom: 16px; width: 100%; }
.heroBkg { left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; z-index: 1; }
.heroBkg img { min-width: 1200px; width: 100%; }
.hidden { display: none; }
.helpWrapper { align-items: center; border: 1px solid rgb(35, 39, 52); border-radius: 10px; cursor: pointer; display: flex; padding: 8px 12px; }
.helpWrapper p { color: rgb(99, 103, 128); }
.helpWrapper svg { margin-left: 8px; }
.cursor-pointer { cursor: pointer; }
.no-outline { outline: none; }
.no-decoration { text-decoration: none; }
.flex { display: flex; }
.flex-grow-1 { flex-grow: 1; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-evenly { justify-content: space-evenly; }
.justify-around { justify-content: space-around; }
.flex-wrap { flex-wrap: wrap; }
.fullWidth { width: 100%; }
.opacity-disabled { opacity: 0.6; }
.text-uppercase { text-transform: uppercase; }
.devPassModal { padding: 12px; }
.devPassModal input { margin: 8px 0px; outline: none; padding: 6px 4px; width: 100%; }
.token-select-background { background-color: rgb(40, 45, 61); border-radius: 22px; display: flex; height: 44px; justify-content: space-around; margin: 0px 16px 0px 0px; padding: 10px 12px 10px 10px; width: 176px; }
.token-select-background p { margin-left: 4px; }
.rounded { border-radius: 4rem !important; }
.btn-xl { cursor: pointer; border-radius: 10px !important; height: 48px !important; padding-left: 16px !important; padding-right: 16px !important; }
.mr-1 { margin-right: 1rem !important; }
.btn-exit { fill: rgb(68, 138, 255) !important; background-color: rgb(30, 47, 80) !important; color: rgb(68, 138, 255) !important; }
.btn-exit:hover { opacity: 0.85; }
.m-auto { margin: auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-1 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-2 { margin-left: 1rem; margin-right: 1rem; }
.text-center { text-align: center; }
.rounded-md { border-radius: 10px !important; }
.v3-tokenId-wrapper { align-items: center; background-image: linear-gradient(134deg, rgb(203, 185, 110) -2%, rgb(185, 211, 255)); border-radius: 24px; display: flex; flex-direction: column; height: 48px; justify-content: center; margin-right: 12px; width: 48px; }
.v3-tokenId-wrapper p { font-size: 8px; }
.v3-tokenId-wrapper p, .v3-tokenId-wrapper span { color: rgb(37, 40, 51); font-weight: 600; }
.fullHeight { height: 100%; }
.text-link { text-decoration: none; }
.text-link:hover { opacity: 0.9; }
.text-lg { font-size: 1rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.mt-1 { margin-top: 1rem; }
.ml-1 { margin-left: 1rem; }
.ml-2 { margin-left: 1.5rem; }
.ml-3 { margin-left: 2rem; }
.bl-1 { border-left: 1px solid rgb(36, 41, 56); }
.pl-1 { padding-left: 1rem; }
.p-1 { padding: 1rem; }
.ml-auto { margin-left: auto; }
.my-auto { margin-bottom: auto; margin-top: auto; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.staticNewsletterSignUpPanel { backdrop-filter: blur(3px); background-color: rgba(29, 30, 50, 0.9); border: 1px solid rgba(130, 177, 255, 0.08); border-radius: 21px; padding: 16px; position: fixed; right: 24px; text-align: center; top: 140px; width: 300px; z-index: 12; }
.staticNewsletterSignUpPanel p { color: rgb(105, 108, 128); font-size: 13px; font-weight: 600; letter-spacing: 1.8px; line-height: 18px; text-transform: uppercase; }
.staticNewsletterSignUpPanel h4 { font-size: 23px; line-height: 23px; margin: 8px 0px; }
.staticNewsletterSignUpPanel small { color: rgb(175, 178, 186); line-height: 14px; }
.staticNewsletterSignUpPanel input { background-color: rgb(18, 19, 26); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 11px; box-shadow: none; color: rgb(255, 255, 255); height: 43px; margin: 8px 0px; outline: none; padding: 0px 8px; width: 100%; }
.staticNewsletterSignUpPanel button { background: linear-gradient(0deg, rgb(46, 78, 194) 0.6%, rgb(119, 50, 231) 100.1%); border-radius: 10px; box-shadow: rgba(77, 74, 253, 0.57) 0px 0px 7px 0px; height: 33px; width: 100%; }
.staticNewsletterSignUpPanel button span { font-size: 12.11px; font-weight: 600; }
.staticNewsletterSignUpPanel .newsletterSignupClose { color: rgb(105, 108, 128); position: absolute; right: 12px; top: 12px; }
.staticNewsletterSignUpPanel span { font-size: 13px; line-height: 14px; }
@media screen and (max-width: 959px) {
  .staticNewsletterSignUpPanel { top: 180px; }
}
#tosPage ol { padding-left: 16px; }
#tosPage ol li { margin-bottom: 16px; }