.button,.checkbox,.drawer,.drawer-bar {
    border-radius: 0
}

.ticker-price-diff-text {
    margin-top: .125rem
}

.ticker-price-diff-text,.userInfo-close-all-button {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.userInfo-border {
    margin-left: 10px;
    margin-right: 10px;
    height: 1.25rem
}

.userInfo-mode-container {
    height: 1.25rem;
    border-radius: 0
}

.userInfo-m-mode-wrapper {
    margin-top: 0
}

.userInfo-mode-button {
    height: 1.25rem;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-interactive-interactive01)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity));
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 300
}

.userInfo-mode-button[data-state=active] {
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01Hover)/var(--tw-bg-opacity));
    fill: rgb(var(--colors-t-white)/1);
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-white)/var(--tw-text-opacity))
}

.userInfo-column-title,.userInfo-column-value {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    line-height: 18px
}

.userInfo-column-title {
    margin-top: .125rem;
    align-items: center
}

.userInfo-column-button {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial;
    fill: rgb(var(--colors-t-primary)/1);
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
}

@media (hover: hover) and (pointer:fine) {
    .userInfo-column-button:hover {
        --tw-bg-opacity:1;
        background-color: rgb(var(--colors-interactive-interactive01Hover)/var(--tw-bg-opacity))
    }
}

.userInfo-m-column-main-title,.userInfo-m-column-sub-title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    line-height: 18px
}

.userInfo-m-column-sub-title {
    background-color: initial;
    padding-left: 0;
    padding-right: 0
}

.userInfo-column-tpsl {
    align-items: baseline
}

.userInfo-m-TabsContent {
    gap: .75rem;
    padding: .75rem 1rem
}

.userInfo-m-history-list {
    gap: .75rem
}

.userInfo-m-order-list {
    gap: .75rem;
    padding: .75rem 1rem
}

.userInfo-m-column-wrapper {
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity))
}

.userInfo-m-column-title,.userInfo-m-column-value {
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 300;
    line-height: 16px
}

.userInfo-m-column-title {
    margin-top: .125rem;
    align-items: center
}

.userInfo-m-column-button {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial;
    fill: rgb(var(--colors-t-primary)/1);
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
}

@media (hover: hover) and (pointer:fine) {
    .userInfo-m-column-button:hover {
        --tw-bg-opacity:1;
        background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))
    }
}

.userInfo-m-position-close-button {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))
}

.userInfo-AddMargin-DialogContent {
    border-radius: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 768px) {
    .userInfo-AddMargin-DialogContent {
        width:360px
    }
}

.userInfo-AddMargin-title,.userInfo-m-AddMargin-title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400
}

.userInfo-AddMargin-List {
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

.userInfo-AddMargin-Column {
    margin-bottom: .75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.userInfo-AddMargin-Column,.userInfo-AddMargin-Column-title,.userInfo-AddMargin-Column-value {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.userInfo-AddMargin-Separator {
    margin-bottom: .75rem;
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))
}

.userInfo-AddMargin-orderForm {
    background-color: initial;
    padding: 0
}

.userInfo-AddMargin-orderForm-subtitle,.userInfo-AddMargin-orderForm-title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.userInfo-AddMargin-orderForm-subtitle {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-third)/var(--tw-text-opacity))
}

.userInfo-AddMargin-orderForm-inputbox {
    margin-top: .25rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    padding-left: .75rem;
    padding-right: .75rem
}

.userInfo-AddMargin-RadioOptions {
    gap: .5rem
}

.userInfo-AddMargin-RadioOption {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial
}

.userInfo-AddMargin-RadioOption[data-state=active] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))
}

.userInfo-AddMargin-button-container {
    margin-top: 1.5rem
}

.userInfo-Detail-DialogContent {
    border-radius: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 768px) {
    .userInfo-Detail-DialogContent {
        width:680px
    }
}

.userInfo-Detail-close-icon {
    top: 1rem;
    right: 1.5rem
}

.userInfo-Detail-share-icon {
    margin-left: .25rem
}

.userInfo-Share-close-icon {
    top: 1rem;
    right: 1.5rem
}

.userInfo-Detail-FieldLabel {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-third)/var(--tw-text-opacity))
}

.userInfo-Detail-FieldLabel,.userInfo-Detail-FieldValue {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.userInfo-Detail-Content {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial
}

.userInfo-Detail-Content:is(.dark *) {
    background-color: initial
}

.userInfo-TPSL-DialogContent {
    border-radius: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 768px) {
    .userInfo-TPSL-DialogContent {
        width:360px
    }

    .userInfo-Detail-History-content {
        width: 100%
    }
}

.userInfo-TPSL-main-title {
    text-align: left;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400
}

.userInfo-TPSL-title {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-third)/var(--tw-text-opacity))
}

.userInfo-TPSL-text,.userInfo-TPSL-title,.userInfo-TPSL-value {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.userInfo-TPSL-error {
    height: 2rem;
    background-color: rgb(var(--colors-t-error)/.1)
}

.userInfo-TPSL-error-text {
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-error)/var(--tw-text-opacity))
}

.userInfo-TPSL-input {
    height: 2.5rem;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial
}

.userInfo-TPSL-input--error {
    --tw-border-opacity: 1!important;
    border-color: rgb(var(--colors-t-error)/var(--tw-border-opacity))!important
}

.userInfo-TPSL-RadioOptions {
    gap: .5rem
}

.userInfo-TPSL-RadioOption {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial
}

.userInfo-TPSL-RadioOption[data-state=active] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))
}

.userInfo-TPSL-TakeProfit {
    margin-bottom: .75rem
}

.userInfo-TPSL-StopLoss {
    margin-bottom: .75rem;
    margin-top: 1rem
}

.userInfo-TPSL-SubmitButton {
    margin-top: 1.5rem
}

.userInfo-TPSL-SubmitButton-Cancel {
    margin-right: 10px;
    height: 2.25rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-interactive-primary)/var(--tw-border-opacity));
    background-color: initial;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-interactive-primary)/var(--tw-text-opacity))
}

@media (hover: hover) and (pointer:fine) {
    .userInfo-TPSL-SubmitButton-Cancel:hover {
        --tw-border-opacity:1;
        border-color: rgb(var(--colors-t-primary)/var(--tw-border-opacity));
        background-color: initial;
        --tw-text-opacity: 1;
        color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
    }
}

.userInfo-TPSL-SubmitButton-Confirm {
    height: 2.25rem
}

.userInfo-CloseOrder-DialogContent,.userInfo-ClosePosition-DialogContent,.userInfo-HighSpread-DialogContent {
    border-radius: 0;
    padding-bottom: .5rem
}

.userInfo-CloseAllPosition-DialogContent {
    border-radius: 0
}

.userInfo-ShareModelPC-DialogWrapper {
    border-radius: 0;
    padding: 16px 24px
}

@media (min-width: 768px) {
    .userInfo-ShareModelPC-DialogWrapper {
        min-height:454px;
        width: 560px;
        min-width: 560px
    }
}

.userInfo-ShareCheckbox-wrapper {
    padding-top: 24px
}

.userInfo-ShareCheckbox {
    border-radius: 0;
    background-color: initial
}

.userInfo-ShareCheckbox[data-state=checked] {
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-t-third)/var(--tw-bg-opacity));
    color: transparent;
    --tw-shadow: inset 0 0 0 2px #151515;
    --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.userInfo-ShareButton-wrapper {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.userInfo-ShareButton-Copy {
    height: 2.25rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-interactive-primary)/var(--tw-border-opacity));
    background-color: initial;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-interactive-primary)/var(--tw-text-opacity))
}

@media (hover: hover) and (pointer:fine) {
    .userInfo-ShareButton-Copy:hover {
        --tw-border-opacity:1;
        border-color: rgb(var(--colors-t-primary)/var(--tw-border-opacity));
        background-color: initial;
        --tw-text-opacity: 1;
        color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
    }
}

.userInfo-ShareButton-Download {
    height: 2.25rem
}

.userInfo-DataEmpty-container {
    height: auto;
    padding-top: 1.5rem
}

@media (min-width: 1212px) {
    .userInfo-DataEmpty-container {
        padding-top:2.25rem;
        padding-bottom: 2.25rem
    }
}

.userInfo-DataEmpty-icon {
    display: none
}

.userInfo-DataEmpty-title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
}

.userInfo-PopoverTooltip-content {
    border-radius: 0;
    padding: .25rem .5rem
}

.userInfo-PopoverTooltip-text {
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
}

.wallet-adapter-modal {
    pointer-events: auto!important;
    z-index: 1300!important
}

.wallet-adapter-modal-wrapper {
    border-radius: 0!important;
    --tw-bg-opacity: 1!important;
    background-color: rgb(var(--colors-interactive-interactiveBg)/var(--tw-bg-opacity))!important;
    padding: 1rem 1.5rem!important;
    font-family: var(--font-site-main)!important
}

.wallet-adapter-modal-title {
    padding: 0 1.25rem 1rem 0!important;
    text-align: start!important;
    font-size: 1.25rem!important;
    line-height: 1.5625rem!important;
    font-weight: 400!important
}

.wallet-adapter-modal-button-close {
    top: 1rem!important;
    right: 1rem!important;
    height: 1.25rem!important;
    width: 1.25rem!important;
    background-color: initial!important;
    padding: 0!important
}

.wallet-adapter-button {
    border-width: 1px!important;
    border-style: solid!important;
    --tw-border-opacity: 1!important;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))!important;
    padding: 1rem!important;
    font-family: var(--font-site-main)!important;
    font-size: 1rem!important;
    line-height: 1.25rem!important;
    font-weight: 400!important
}

@media (hover: hover) and (pointer:fine) {
    .wallet-adapter-button:not([disabled]):hover:hover {
        --tw-bg-opacity:1!important;
        background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))!important
    }
}

.wallet-adapter-collapse>:not([hidden])~:not([hidden]),.wallet-adapter-modal-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))!important
}

.wallet-adapter-modal-list-more {
    padding: 0!important
}

.wallet-adapter-modal-list .wallet-adapter-button-start-icon {
    margin-right: .5rem!important;
    height: 1rem!important;
    width: 1.5rem!important
}

.order-form-slider-track {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-border-line)/var(--tw-bg-opacity))
}

.order-form-mode-switch {
    border-bottom-width: 0
}

.order-form-mode-switch-button {
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))
}

.order-form-mode-switch-button[data-state=inactive] {
    border-bottom-width: 1px
}

.order-form-mode-switch-separator {
    height: 3rem;
    border-right-width: 1px
}

.direction-switch,.direction-switch-long,.direction-switch-short {
    border-radius: 0
}

.direction-switch-long[data-state=inactive],.direction-switch-short[data-state=inactive] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-background-bg1)/var(--tw-bg-opacity))
}

.direction-switch-long[data-state=active] {
    background-color: rgb(var(--colors-interactive-buy)/.15)
}

.direction-switch-long[data-state=active]>span {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-buy)/var(--tw-text-opacity))
}

.direction-switch-short[data-state=active] {
    background-color: rgb(var(--colors-interactive-sell)/.15)
}

.direction-switch-short[data-state=active]>span {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-sell)/var(--tw-text-opacity))
}

.direction-switch-long>span[data-state=inactive],.direction-switch-short>span[data-state=inactive] {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-third)/var(--tw-text-opacity))
}

.order-form-input-container {
    height: 2.5rem;
    border-radius: 0;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-lineSubtle)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem
}

.order-form-input-container:has(:focus) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-interactive-primary)/var(--tw-border-opacity))
}

.order-form-input-container {
    input {
        border-radius: 0
    }

    input: focus-visible {
        --tw-bg-opacity:1;
        background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity))
    }
}

.order-form-token-list {
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBg)/var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .order-form-token-list {
        padding:1.5rem .5rem
    }
}

.order-form-token-search {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial
}

.order-form-token-search-input {
    background-color: initial!important
}

.order-form-token-search-input:focus-visible {
    background-color: initial;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.order-form-token-search-icon {
    height: 18px;
    width: 18px
}

.order-form-token-badge {
    border-radius: 0
}

.order-form-slider-thumb {
    height: .625rem;
    width: .5rem;
    border-radius: 0
}

.order-form-slider-mark {
    width: .1875rem;
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-primary)/var(--tw-bg-opacity))
}

.order-form-tpsl-container {
    height: 2.5rem;
    border-radius: 0;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-lineSubtle)/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem
}

.order-form-tpsl-slippage-container {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.order-form-tpsl-popover-container {
    border-radius: 0
}

.order-form-submit-button {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-inverse)/var(--tw-text-opacity))
}

.order-form-leverage-popover-container {
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-border-line)/var(--tw-bg-opacity));
    background-image: none!important
}

.order-form-leverage-popover-container>div {
    border-radius: 0
}

.order-form-expiration-radio-option {
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity));
    background-color: initial
}

.order-form-expiration-radio-option[data-state=active] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))
}

.degen-mode-dropdown-wrapper {
    padding-left: 0;
    padding-right: 0
}

.degen-mode-dropdown-icon {
    display: none
}

.degen-mode-tooltip-container {
    background-color: initial
}

.degen-mode-tooltip-list {
    padding-left: 0;
    padding-right: 0
}

.degen-mode-tooltip-ul {
    margin-left: 0;
    list-style-type: none;
    background-color: rgb(var(--colors-interactive-primary)/.1);
    padding: .5rem;
    line-height: 1.5
}

.degen-mode-tooltip-ul li span {
    margin-left: 0
}

.degen-mode-tooltip-item {
    padding: .125rem
}

.degen-mode-tooltip-link {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-third)/var(--tw-text-opacity))
}

.order-form-popover-tooltip-content {
    border-radius: 0;
    padding: .25rem .5rem
}

.order-form-popover-tooltip-text {
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 300;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
}

.order-form-confirm-button-buy {
    background-color: rgb(var(--colors-t-buy)/var(--tw-bg-opacity))
}

.order-form-confirm-button-buy,.order-form-confirm-button-sell {
    height: 2.25rem;
    --tw-bg-opacity: 1;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-inverse)/var(--tw-text-opacity))
}

.order-form-confirm-button-sell {
    background-color: rgb(var(--colors-t-sell)/var(--tw-bg-opacity))
}

.orderform-container {
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))
}

@media (min-width: 1212px) {
    .orderform-container {
        border-style:none;
        padding: 0
    }
}

.orderform-common-text {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400
}

.order-form-drag-node {
    background-color: initial
}

.order-form-expiration-radio-option:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBgHover)/var(--tw-bg-opacity))
}

.order-form-long-active {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-buy)/var(--tw-text-opacity));
    background: linear-gradient(0deg,rgba(29,177,168,.15) 0,rgba(29,177,168,.15) 100%),var(--interactive_bg,#151515)
}

.order-form-short-active {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-sell)/var(--tw-text-opacity));
    background: linear-gradient(0deg,rgba(236,102,73,.15),rgba(236,102,73,.15)),#151515
}

.order-form-border-line {
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))
}

.slider-range {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-primaryAccent01)/var(--tw-bg-opacity))
}

.order-form-slider-selected-text {
    font-size: 14px
}

.order-form-slider-select-text {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-third)/var(--tw-text-opacity))
}

.order-form-degen-label {
    display: flex;
    align-items: center;
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-primary)/var(--tw-bg-opacity));
    background-image: none;
    padding: 0 .5rem;
    opacity: 1
}

.order-form-no-rounded {
    border-radius: 0
}

.order-form-degen-label-none {
    display: none
}

.order-form-degen-label-text {
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.order-form-tpsl-container-error {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--colors-t-error)/var(--tw-ring-opacity))
}

.orderform-tpsl-popover {
    width: 100%
}

.orderform-perp-dumb-expiration-options-popover>div {
    height: 2.75rem;
    border-radius: 0
}

.order-form-perp-dumb-expiration-options-popover-container {
    border-radius: 0
}

.order-form-fail-toast,.order-form-success-toast,.order-form-wait-toast {
    --tw-border-opacity: 1!important;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))!important
}

.order-form-trading-badge {
    background-color: initial!important;
    padding-left: 0;
    padding-right: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

.order-form-bottom {
    padding: 0
}

.orders-column[data-column-hash],.orders-column[data-column-hash]>:last-child,.positions-column[data-column-hash],.positions-column[data-column-hash]>:last-child {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactiveBg)/var(--tw-bg-opacity))
}

.orders-column[data-column-hash]:hover,.orders-column[data-column-hash]:hover>:last-child,.positions-column[data-column-hash]:hover,.positions-column[data-column-hash]:hover>:last-child {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity))
}

.orders-column[data-column-hash]>:last-child:after,.positions-column[data-column-hash]>:last-child:after {
    --tw-gradient-from: rgb(var(--colors-interactive-interactiveBg)/1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--colors-interactive-interactiveBg)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.orders-column[data-column-hash]:hover>:last-child:after,.positions-column[data-column-hash]:hover>:last-child:after {
    --tw-gradient-from: rgb(var(--colors-interactive-interactive01)/1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--colors-interactive-interactive01)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.perp-dumb-expiration-options-list {
    height: 30px;
    gap: .5rem;
    border-radius: 0;
    border-style: none;
    background-color: initial
}

.perp-dumb-expiration-options-list>li {
    height: 30px;
    border-radius: 0;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--colors-border-line)/var(--tw-border-opacity))
}

@media (hover: hover) and (pointer:fine) {
    .perp-dumb-expiration-options-list>li:hover {
        --tw-bg-opacity:1;
        background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
    }
}

.perp-dumb-expiration-options-list>li[data-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--colors-interactive-interactive01)/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--colors-t-primary)/var(--tw-text-opacity))
}

.perp-dumb-expiration-options-list>li[data-disabled=true] {
    --tw-text-opacity: 1;
    color: rgb(var(--colors-border-line)/var(--tw-text-opacity))
}

@font-face {
    font-family: Wix Madefor Display;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/6121e5257023a271-s.woff2) format("woff2");
    unicode-range: u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f
}

@font-face {
    font-family: Wix Madefor Display;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/68703068297dffad-s.woff2) format("woff2");
    unicode-range: u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
    font-family: Wix Madefor Display;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/b650507d733a82c8-s.woff2) format("woff2");
    unicode-range: u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab
}

@font-face {
    font-family: Wix Madefor Display;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/baecbe7d91e04064-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Wix Madefor Display;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/b4f26049776261fd-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Wix Madefor Display Fallback;
    src: local("Arial");
    ascent-override:96.64%;descent-override:24.16%;line-gap-override:0.00%;size-adjust:104.31%}

.__className_8e92f9 {
    font-family: Wix Madefor Display,Wix Madefor Display Fallback;
    font-weight: 600;
    font-style: normal
}

.__variable_8e92f9 {
    --font-wix-made-for-display: "Wix Madefor Display","Wix Madefor Display Fallback"
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/98848575513c9742-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/98848575513c9742-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/98848575513c9742-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/98848575513c9742-s.woff2) format("woff2");
    unicode-range: u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://static.asterdex.com/cloud-futures/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Outfit Fallback;
    src: local("Arial");
    ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}

.__className_ac6ff8 {
    font-family: Outfit,Outfit Fallback;
    font-style: normal
}

.__variable_ac6ff8 {
    --font-site-main: "Outfit","Outfit Fallback"
}

/*# sourceMappingURL=d25fd90ec5dab3c7.css.map*/