.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: OurFont;
    src: local("OurFont"), url(../fonts/Inter-Regular.8c206db99195777c6769.woff) format("woff"), url(../fonts/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2")
}

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

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

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

* {
    font-family: OurFont
}

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

body {
    margin: 0
}

.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
}