.react-grid-layout {
    position: relative;
    transition: height .2s ease
}

.react-grid-item {
    transition: all .2s ease;
    transition-property: left, top
}

.react-grid-item img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.react-grid-item.cssTransforms {
    transition-property: transform
}

.react-grid-item.resizing {
    will-change: width, height;
    z-index: 1
}

.react-grid-item.react-draggable-dragging {
    transition: none;
    will-change: transform;
    z-index: 3
}

.react-grid-item.dropping {
    visibility: hidden
}

.react-grid-item.react-grid-placeholder {
    background: red;
    opacity: .2;
    transition-duration: .1s;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 2
}

.react-grid-item>.react-resizable-handle {
    height: 20px;
    position: absolute;
    width: 20px
}

.react-grid-item>.react-resizable-handle:after {
    border-bottom: 2px solid #0006;
    border-right: 2px solid #0006;
    bottom: 3px;
    content: "";
    height: 5px;
    position: absolute;
    right: 3px;
    width: 5px
}

.react-resizable-hide>.react-resizable-handle {
    display: none
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-sw {
    bottom: 0;
    cursor: sw-resize;
    left: 0;
    transform: rotate(90deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-se {
    bottom: 0;
    cursor: se-resize;
    right: 0
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-nw {
    cursor: nw-resize;
    left: 0;
    top: 0;
    transform: rotate(180deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-ne {
    cursor: ne-resize;
    right: 0;
    top: 0;
    transform: rotate(270deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e,
.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    cursor: ew-resize;
    margin-top: -10px;
    top: 50%
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n,
.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    cursor: ns-resize;
    left: 50%;
    margin-left: -10px
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}

.react-resizable {
    position: relative
}

.react-resizable-handle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);
    background-origin: content-box;
    background-repeat: no-repeat;
    height: 20px;
    padding: 0 3px 3px 0;
    width: 20px
}

.react-resizable-handle-sw {
    bottom: 0;
    cursor: sw-resize;
    left: 0;
    transform: rotate(90deg)
}

.react-resizable-handle-se {
    bottom: 0;
    cursor: se-resize;
    right: 0
}

.react-resizable-handle-nw {
    cursor: nw-resize;
    left: 0;
    top: 0;
    transform: rotate(180deg)
}

.react-resizable-handle-ne {
    cursor: ne-resize;
    right: 0;
    top: 0;
    transform: rotate(270deg)
}

.react-resizable-handle-e,
.react-resizable-handle-w {
    cursor: ew-resize;
    margin-top: -10px;
    top: 50%
}

.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-resizable-handle-n,
.react-resizable-handle-s {
    cursor: ns-resize;
    left: 50%;
    margin-left: -10px
}

.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}

.tradingview-widget-copyright {
    color: #9db2bd;
    font-size: 13px;
    text-align: center;
    vertical-align: middle
}

.tradingview-widget-copyright a {
    color: #50d2c1
}

.draggable {
    background-color: #0f1a1f
}

.react-resizable-handle {
    background-position: 100% 100%;
    box-sizing: border-box;
    filter: invert(100%);
    opacity: 0;
    position: absolute
}

.react-resizable-handle:hover {
    filter: invert(100%);
    opacity: 1
}

.react-grid-item.cssTransforms {
    transition-property: none !important
}

@font-face {
    font-family: NeogroteskRegular;
    src: local("MyFont"), url(/static/media/NeogroteskPro-Regular.96a2b5d7bed403b4b4c8.ttf) format("woff")
}

@font-face {
    font-family: NeogroteskLight;
    src: local("MyFont"), url(/static/media/NeogroteskPro-Light.2a96f8263412e99ae228.ttf) format("woff")
}

@font-face {
    font-family: NeogroteskBold;
    src: local("MyFont"), url(/static/media/NeogroteskPro-Bold.158b2bdcf911fee8fdb4.ttf) format("woff")
}

@font-face {
    font-family: NeogroteskUltLightIt;
    src: local("MyFont"), url(/static/media/NeogroteskPro-UltLightIt.c7649b9bd103798c193b.ttf) format("woff")
}

@font-face {
    font-family: NeogroteskRegularIt;
    src: local("MyFont"), url(/static/media/NeogroteskPro-RegularIt.cb217a1ac1f1f0a4c614.ttf) format("woff")
}

@font-face {
    font-family: OurFont;
    src: local("OurFont"), url(../fonts/Inter-Regular.8c206db99195777c6769.woff) format("woff"), url(/static/media/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2")
}

@font-face {
    font-family: OurFontBold;
    src: local("OurFontBold"), url(../fonts/Inter-Bold.93c1301bd9f486c573b3.woff) format("opentype"), url(/static/media/Inter-Bold.ec64ea577b0349e055ad.woff2) format("woff2")
}

@font-face {
    font-family: LogoFont;
    src: local("LogoFont"), url(/static/media/NeogroteskPro-Regular.96a2b5d7bed403b4b4c8.ttf) format("truetype")
}

@font-face {
    font-family: Teodor;
    src: local("Teodor"), url(/static/media/Teodor-Light.22312308a74b1e4d6f3b.ttf) format("truetype"), url(/static/media/Teodor-Light.c8826338826ce81934f3.woff) format("woff"), url(/static/media/Teodor-Light.bada91a47d04bf6c2948.woff2) format("woff2")
}

* {
    font-family: OurFont, system-ui, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif
}

body,
html {
    overscroll-behavior-x: none
}

body {
    margin: 0
}

@media screen and (min-device-width:480px) {
    .modal-open * :not(.modal *) {
        overflow: hidden
    }
}

* {
    -ms-overflow-style: none
}

::-webkit-scrollbar {
    display: none
}

.scrollers {
    scrollbar-width: none
}

.scrollers::-webkit-scrollbar {
    display: inline;
    display: initial;
    width: 5px
}

.scrollers::-webkit-scrollbar-track {
    background: #0000
}

.scrollers::-webkit-scrollbar-thumb {
    background: #fff3;
    border-radius: 5px;
    margin-right: 5px
}

.MuiOutlinedInput-notchedOutline {
    border-width: 2px !important
}

* {
    font-feature-settings: "calt" off;
    font-variant-ligatures: no-contextual;
    text-underline-offset: .2em
}

@media screen and (max-device-width:480px) {
    body {
        -webkit-text-size-adjust: 100%
    }
}

.toaster>* {
    display: none !important
}

.toaster>:first-child,
.toaster>:nth-child(2),
.toaster>:nth-child(3) {
    display: flex !important
}

.toaster>div>div>div:first-child {
    display: none !important
}

.no-transform {
    transform: none !important
}