diff --git a/packages/reports/src/sass/app.scss b/packages/reports/src/sass/app.scss
index f32a3ebdf759..2cc506fa9a4d 100644
--- a/packages/reports/src/sass/app.scss
+++ b/packages/reports/src/sass/app.scss
@@ -1,17 +1,11 @@
 // Layout
 @import 'app/_common/layout/trader-layouts';
 
-// Drawers
-@import 'app/_common/drawer/positions-drawer';
-
 // Components
 @import 'app/_common/components/amount';
-@import 'app/_common/components/allow-equals';
 //@import 'app/_common/components/calendar'; // TODO: [move-to-components] Calendar component should be moved
-@import 'app/_common/components/card-list';
 //@import 'app/_common/components/date-picker'; // TODO: [move-to-components] Datepicker component should be moved
 @import 'app/_common/components/market-symbol-icon';
 
 // Modules
 @import 'app/modules/portfolio';
-@import 'app/modules/smart-chart';
diff --git a/packages/reports/src/sass/app/_common/components/allow-equals.scss b/packages/reports/src/sass/app/_common/components/allow-equals.scss
deleted file mode 100644
index ea3d2b81384c..000000000000
--- a/packages/reports/src/sass/app/_common/components/allow-equals.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-/** @define allow-equals */
-.allow-equals {
-    display: flex;
-    align-items: center;
-    position: relative;
-    margin-top: 0.6em;
-
-    &__label {
-        @include typeface(--paragraph-left-normal-black, none);
-        @include toEm(padding, 0 8px, 1.2em);
-        color: var(--text-general);
-        cursor: pointer;
-    }
-    @include mobile {
-        &__subtitle {
-            color: var(--text-less-prominent);
-        }
-    }
-}
diff --git a/packages/reports/src/sass/app/_common/components/card-list.scss b/packages/reports/src/sass/app/_common/components/card-list.scss
deleted file mode 100644
index 9d4017837c29..000000000000
--- a/packages/reports/src/sass/app/_common/components/card-list.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/** @define card-list */
-.card-list {
-    overflow: auto; // fixes margin collapse
-
-    & &__card {
-        // keep & for higher specificity
-        display: block;
-        text-decoration: none;
-        max-width: 450px;
-        margin: 0.6em auto;
-        border-radius: 4px;
-        background-color: var(--general-main-2);
-        border: 1px solid var(--general-main-2);
-        color: var(--text-prominent);
-
-        &-link {
-            cursor: pointer;
-        }
-    }
-}
diff --git a/packages/reports/src/sass/app/_common/components/message-box.scss b/packages/reports/src/sass/app/_common/components/message-box.scss
deleted file mode 100644
index fc66f8215952..000000000000
--- a/packages/reports/src/sass/app/_common/components/message-box.scss
+++ /dev/null
@@ -1,103 +0,0 @@
-/** @define message-box */
-.message-box {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    z-index: 2;
-    border-radius: $BORDER_RADIUS;
-    display: flex;
-    align-items: center;
-    background-color: var(--general-main-2);
-    color: var(--text-prominent);
-
-    &__close-btn {
-        position: absolute;
-        cursor: pointer;
-        right: 2px;
-        top: 2px;
-
-        &-ic {
-            width: 24px;
-            height: 24px;
-        }
-    }
-    &__result {
-        padding: 16px;
-        line-height: 1.5;
-        font-size: 0.8em;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        max-height: 187px;
-        height: 100%;
-        width: 100%;
-        color: var(--text-prominent);
-
-        &-header {
-            margin-bottom: 0.5rem;
-            font-size: 12px;
-        }
-        &-label {
-            margin-right: 4px;
-            font-size: 10px;
-            color: var(--text-prominent);
-        }
-        &-currency {
-            position: relative;
-            display: inline-flex;
-        }
-    }
-    &__login {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        height: 100%;
-        width: 100%;
-        color: var(--text-prominent);
-
-        &-btn {
-            margin: 0 auto;
-
-            &-span {
-                font-size: 0.8em;
-            }
-        }
-        &-info {
-            font-weight: 300;
-            font-size: 1.2em;
-        }
-        &-prompt {
-            line-height: 100%;
-            margin-bottom: 0;
-            font-size: 0.8em;
-            font-weight: 300;
-        }
-        &-link {
-            text-decoration: none;
-            color: var(--text-prominent);
-
-            &-info {
-                padding: 5px 10px 10px;
-                font-weight: 500;
-                color: var(--status-info);
-            }
-            &:hover,
-            &:focus,
-            &:active {
-                text-decoration: underline;
-                color: var(--text-prominent);
-            }
-        }
-    }
-    &__info {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0.5rem 1.5rem;
-        text-align: center;
-    }
-}
diff --git a/packages/reports/src/sass/app/_common/drawer/positions-drawer.scss b/packages/reports/src/sass/app/_common/drawer/positions-drawer.scss
deleted file mode 100644
index eedc16f387e0..000000000000
--- a/packages/reports/src/sass/app/_common/drawer/positions-drawer.scss
+++ /dev/null
@@ -1,124 +0,0 @@
-$header-height: 3.6em;
-
-// Trade page animation performance fix #perfmatters
-.trade-container + .positions-drawer {
-    transition: opacity 0.4s ease;
-}
-
-.positions-drawer {
-    $MARGIN_TOP: #{$POSITIONS_DRAWER_MARGIN * 2};
-    $MARGIN_BOTTOM: #{$POSITIONS_DRAWER_MARGIN * 2};
-
-    width: $POSITIONS_DRAWER_WIDTH;
-    height: calc(100vh - #{$HEADER_HEIGHT} - #{$FOOTER_HEIGHT} - #{$MARGIN_TOP} - #{$MARGIN_BOTTOM});
-    margin-top: #{$MARGIN_TOP};
-    position: fixed;
-    z-index: 2;
-    top: #{$HEADER_HEIGHT};
-    left: 4px;
-    box-sizing: border-box;
-    opacity: 0;
-    transform: translateX(-100%);
-    will-change: transform, opacity;
-    transition: opacity 0.3s ease, transform 0.3s ease;
-    border-radius: $BORDER_RADIUS;
-    border: 1px solid var(--general-section-1);
-    background-color: var(--general-section-1);
-    color: var(--text-prominent);
-
-    &__bg {
-        position: absolute;
-        z-index: 2;
-        top: 0;
-        left: 0;
-        width: 260px;
-        height: 100%;
-        background: var(--general-main-1);
-        // box-shadow: 10px 0 5px -2px var(--general-main-1);
-        transition: opacity 0.25s linear;
-        opacity: 0;
-        pointer-events: none;
-
-        &--open {
-            opacity: 1;
-        }
-    }
-    &--open {
-        transform: translateX(#{$POSITIONS_DRAWER_MARGIN});
-        opacity: 1;
-    }
-    &__header {
-        height: $header-height;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        padding: 0 1em;
-
-        &:after {
-            content: '';
-            position: absolute;
-            height: 8px;
-            width: calc(100% - 18px);
-            left: 9px;
-            top: 39px;
-            z-index: 1;
-            box-shadow: 0 8px 2px -2px var(--general-section-1) inset;
-        }
-    }
-    &__body {
-        height: calc(100% - #{$header-height * 2.7});
-        padding: 0.8em 0 0;
-        box-sizing: border-box;
-        overflow: hidden;
-        align-self: center;
-        color: var(--text-general);
-
-        & .dc-themed-scrollbars {
-            height: 100%;
-        }
-        & .dc-contract-card {
-            &__stop-loss {
-                & .dc-contract-card-item {
-                    &__header {
-                        padding-top: 0.8rem;
-                    }
-                }
-            }
-        }
-    }
-    &__footer {
-        position: relative;
-        height: 6em;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        &:before {
-            content: '';
-            position: absolute;
-            height: 8px;
-            width: calc(100% - 18px);
-            left: 9px;
-            top: -6px;
-            box-shadow: 0 8px 2px -2px var(--general-section-1) inset;
-        }
-        .dc-btn {
-            width: 100%;
-            margin: 8px;
-            height: 40px;
-        }
-    }
-    &__icon-main {
-        margin-right: 0.8em;
-    }
-    &__icon-close {
-        display: inline-block;
-        margin-left: auto;
-        cursor: pointer;
-        svg {
-            @extend %inline-icon;
-            height: 1.6em;
-            width: 1.6em;
-        }
-    }
-}
diff --git a/packages/reports/src/sass/app/_common/layout/trader-layouts.scss b/packages/reports/src/sass/app/_common/layout/trader-layouts.scss
index e602e10689e1..7e0b03f501fc 100644
--- a/packages/reports/src/sass/app/_common/layout/trader-layouts.scss
+++ b/packages/reports/src/sass/app/_common/layout/trader-layouts.scss
@@ -70,733 +70,3 @@
         }
     }
 }
-
-$FLOATING_HEADER_HEIGHT: 41px;
-/** @define trade-container; weak */
-.trade-container {
-    position: relative;
-    padding: 0.8em 1.2em;
-    display: flex;
-    min-height: calc(100vh - 84px);
-    overflow: hidden;
-
-    &__replay {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        height: calc(100vh - 108px - #{$FLOATING_HEADER_HEIGHT + 12px});
-        padding-bottom: 2.4rem;
-
-        .contract-drawer {
-            /* prettier-ignore */
-            height: calc(100% + 2.4rem);
-            border-bottom-right-radius: 0;
-            border-top-right-radius: 0;
-            z-index: 1;
-            overflow: hidden;
-            min-width: 240px;
-
-            &-wrapper {
-                z-index: 4;
-            }
-
-            .dc-contract-card {
-                margin: 0.8rem 0;
-                &__sell-button {
-                    &--exit {
-                        display: none;
-                    }
-                }
-            }
-
-            @include mobile {
-                z-index: 4;
-                height: auto;
-                border-bottom-right-radius: $BORDER_RADIUS;
-                border-top-right-radius: $BORDER_RADIUS;
-                width: calc(100% - 1.6rem);
-                margin-left: 0.8rem;
-                transition: none;
-
-                &__mobile-wrapper {
-                    position: relative;
-                }
-                &--with-collapsible-btn {
-                    overflow: visible;
-                    position: relative;
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-
-                    & .dc-contract-card {
-                        margin-top: 0;
-                    }
-                }
-                &__transition {
-                    &-enter,
-                    &-exit {
-                        transition: transform 0.25s linear;
-                    }
-                }
-                & .dc-contract-card {
-                    &__grid-underlying-trade {
-                        grid-template-columns: 2fr 1fr !important;
-                    }
-                    &__underlying-name {
-                        max-width: none;
-                    }
-                }
-                &--is-multiplier {
-                    & .dc-contract-card {
-                        &__body-wrapper {
-                            flex-direction: column;
-                            padding-top: 0.4rem;
-                        }
-                        &-items-wrapper {
-                            grid-template-columns: 1fr 1fr 1fr;
-                            grid-gap: 0.4rem;
-                            padding-bottom: 0.4rem;
-                            border-bottom: 1px solid var(--general-section-1);
-                            min-height: 80px;
-
-                            @media (max-width: 320px) and (max-height: 480px) {
-                                min-height: unset;
-                            }
-                        }
-                        &-item {
-                            &__total-profit-loss {
-                                flex-direction: row;
-                                margin: 0 auto;
-
-                                & .contract-card-item__header {
-                                    font-size: 1.2rem !important;
-
-                                    @media (max-width: 320px) and (max-height: 480px) {
-                                        font-size: 1rem !important;
-                                    }
-                                }
-                            }
-                            &__header,
-                            &__body {
-                                font-size: 1.2rem;
-                            }
-                            &__body--loss {
-                                padding-left: 0.4rem;
-                            }
-                            &:nth-child(1) {
-                                order: 0;
-                            }
-                            &:nth-child(3),
-                            &:nth-child(5) {
-                                order: 2;
-                            }
-                            &:nth-child(6) {
-                                order: 6;
-                            }
-                            @media only screen and (max-width: 320px) {
-                                &__header {
-                                    font-size: 1rem;
-                                }
-                            }
-                            @media (max-width: 320px) and (max-height: 480px) {
-                                &__body {
-                                    font-size: 1rem;
-                                }
-                            }
-                        }
-                        @media (max-width: 320px) and (max-height: 480px) {
-                            &__symbol,
-                            &__type {
-                                font-size: 1rem;
-                            }
-                            &__sell-button {
-                                padding-top: 0.4rem;
-
-                                & .dc-btn {
-                                    height: 2.6rem;
-
-                                    &__text {
-                                        font-size: 1rem;
-                                    }
-                                }
-                            }
-                            &__footer {
-                                margin-bottom: 0;
-                            }
-                        }
-
-                        &__sell-button {
-                            &--has-cancel-btn {
-                                display: grid;
-                                grid-template-columns: 1fr 1fr;
-                            }
-                            @media (max-width: 320px) and (max-height: 480px) {
-                                & .dc-btn--cancel {
-                                    & .dc-btn__text {
-                                        align-items: center;
-                                    }
-                                    & .dc-remaining-time {
-                                        font-size: 1rem;
-                                        padding-top: 0;
-                                    }
-                                }
-                            }
-                        }
-                    }
-                    &.contract-drawer--with-collapsible-btn {
-                        & .dc-contract-card {
-                            &__indicative--movement {
-                                margin-top: 2px;
-                            }
-                        }
-                    }
-                    & .dc-contract-card__grid-underlying-trade,
-                    & .dc-contract-card__footer-wrapper {
-                        grid-template-columns: 1fr 1fr 0.7fr;
-
-                        @media only screen and (max-height: 480px) {
-                            grid-template-columns: 1fr 1fr;
-                        }
-                    }
-                    @media only screen and (max-height: 480px) {
-                        & .dc-contract-card__body-wrapper {
-                            padding-top: 0.2rem;
-                        }
-                    }
-
-                    &-sold {
-                        &.contract-drawer--with-collapsible-btn {
-                            & .dc-contract-card-item {
-                                &__total-profit-loss {
-                                    flex-direction: column;
-                                }
-                                &__body--profit {
-                                    font-size: 1.6rem;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        .replay-chart__container {
-            width: 100%;
-            position: relative;
-            margin-left: 24px;
-
-            .smartcharts {
-                left: 0;
-                border-radius: $BORDER_RADIUS;
-
-                .ciq-chart {
-                    .cq-top-ui-widgets,
-                    & .info-box {
-                        transition: transform 0.25s ease;
-
-                        .cq-symbols-display {
-                            z-index: 1;
-
-                            &.ciq-disabled {
-                                display: none;
-                            }
-                        }
-                        .info-box-container {
-                            transform: none;
-                            opacity: 1;
-                            left: 1px;
-
-                            .chart-close-btn {
-                                display: none;
-                            }
-                        }
-                    }
-                    .sc-toolbar-widget,
-                    .stx-panel-control,
-                    .sc-navigation-widget {
-                        transition: transform 0.25s ease;
-                    }
-                    .ciq-asset-information {
-                        top: 75px;
-                    }
-                    .stx_jump_today {
-                        @include mobile {
-                            z-index: 15; // must be greater than z-index of mobile .stx-holder.stx-panel-chart
-                        }
-
-                        &.home > svg {
-                            top: 10px;
-                            left: 8px;
-                            padding: 0;
-                            position: absolute;
-                        }
-                    }
-                    .cq-bottom-ui-widgets {
-                        bottom: 30px !important;
-
-                        .digits {
-                            margin-right: 0;
-
-                            &__container {
-                                transition: transform 0.25s ease;
-                            }
-                        }
-                    }
-                }
-
-                /* postcss-bem-linter: ignore */
-                &-mobile {
-                    /* TODO: Remove this override once the issue is fixed in smartcharts */
-                    .stx-holder.stx-panel-chart {
-                        z-index: 14;
-
-                        .cq-inchart-holder {
-                            z-index: 107;
-                            position: relative;
-                        }
-                    }
-
-                    .cq-context {
-                        height: 100%;
-                    }
-                }
-            }
-
-            &-swipeable-wrapper {
-                .dc-swipeable__item {
-                    margin-left: 0.8rem;
-                    width: calc(100vw - 1.6rem);
-                }
-            }
-
-            @include mobile {
-                height: 100%;
-                width: calc(100% - 1.6rem);
-                margin-left: 0.8rem;
-            }
-        }
-        @include mobile {
-            display: flex;
-            flex-direction: column-reverse;
-            height: 100%;
-            padding-bottom: 0;
-            position: relative;
-
-            #dt_contract_drawer_audit {
-                flex: 1;
-                overflow: auto;
-            }
-
-            & .contract-audit-card {
-                height: calc(100% - 1rem);
-                &__container {
-                    height: 100%;
-                }
-            }
-        }
-    }
-    @include mobile {
-        flex-direction: column;
-        min-height: calc(100vh - 48px);
-        padding: 0;
-    }
-}
-
-/** @define mobile-wrapper; weak */
-.mobile-wrapper {
-    padding: 0 0.8rem;
-    display: flex;
-    flex-direction: column;
-    height: 212px;
-    position: relative;
-
-    &__content-loader {
-        position: absolute;
-        height: 100%;
-        width: 100%;
-        left: 0;
-        bottom: -0.8rem;
-
-        svg {
-            height: 100%;
-            width: 100%;
-        }
-    }
-}
-
-/** @define chart-container; weak */
-.chart-container {
-    width: 100%;
-    position: relative;
-
-    &__wrapper {
-        position: fixed;
-        top: calc(#{$HEADER_HEIGHT} + 2px);
-        // charts width is 100% - sidebar width - sidebar margin - .trade-container padding
-        width: calc(100% - 240px - 1.6rem - 2.4rem);
-        height: calc(100vh - #{$HEADER_HEIGHT} - #{$FOOTER_HEIGHT});
-    }
-    &__loader {
-        position: absolute;
-        height: calc(100% - 68px);
-        width: calc(100% - 12px);
-        top: 54px;
-        left: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: $BORDER_RADIUS;
-        background-color: var(--general-main-1);
-
-        .initial-loader {
-            pointer-events: none;
-        }
-        .barspinner {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin: 0;
-            width: 100%;
-            height: 18px;
-        }
-        & + .smartcharts {
-            visibility: hidden;
-            pointer-events: none;
-
-            .chart-marker-line__wrapper,
-            .cq-chart-controls,
-            .cq-symbols-display,
-            .cq-bottom-ui-widgets,
-            .cq-inchart-subholder {
-                display: none;
-            }
-        }
-    }
-    // smartchart library style fixes
-    .smartcharts-mobile {
-        .sc-categorical-display {
-            height: calc(100% - 8px) !important;
-        }
-    }
-    .cq-context {
-        top: 0;
-        left: 0;
-        z-index: 0;
-
-        div.ciq-chart {
-            height: 100%;
-            box-shadow: none;
-
-            div.cq-last-digits {
-                bottom: 15px;
-                left: calc(45% - 150px);
-            }
-            .info-box div.cq-chart-controls {
-                box-shadow: none;
-            }
-            // TODO: enable asset information
-            // div.ciq-asset-information {
-            //     z-index: 0;
-            //     top: 0;
-            //     left: 0;
-            // }
-            div.stx_jump_today.home > svg {
-                top: 10px;
-                left: 8px;
-                padding: 0;
-                position: absolute;
-            }
-            div.stx-marker {
-                z-index: 2;
-
-                &:not(.chart-marker-line) {
-                    animation: fadeIn 0.2s;
-                }
-            }
-        }
-        div.cq-chart-control-left {
-            .cq-top-ui-widgets {
-                width: calc(100% - 9em);
-            }
-        }
-    }
-    div.debug-text {
-        display: none;
-    }
-    .cq-chart-control-left {
-        .cq-chart-controls,
-        .sc-toolbar-widget,
-        .stx-panel-control,
-        .sc-navigation-widget {
-            transform: translate3d(0, 0, 0);
-            transition: transform 0.25s ease;
-        }
-        .cq-top-ui-widgets {
-            left: 9em;
-
-            .info-box {
-                transform: translate3d(0, 0, 0);
-            }
-        }
-    }
-    .ciq-chart {
-        .cq-top-ui-widgets,
-        & .info-box {
-            transition: transform 0.25s ease;
-
-            .cq-symbols-display {
-                z-index: 1;
-
-                &.ciq-disabled {
-                    display: none;
-                }
-                @include mobile {
-                    top: 0.8rem;
-                    left: 0.8rem;
-                    min-width: 170px;
-                    max-width: 260px;
-                    width: auto;
-
-                    .cq-menu-btn {
-                        padding: 0.2rem;
-                    }
-                    .cq-symbol-select-btn {
-                        padding: 0.3rem 0.9rem;
-
-                        .cq-symbol-dropdown {
-                            transform: scale(1);
-                            margin-left: auto;
-                        }
-                        .cq-symbol {
-                            font-size: 1.2rem;
-                        }
-                        .cq-chart-price {
-                            display: none;
-                        }
-                    }
-                }
-            }
-        }
-        .cq-chart-controls {
-            transition: max-width 0.25s ease, transform 0.25s ease;
-        }
-        .sc-navigation-widget,
-        .stx-panel-control {
-            transition: transform 0.25s ease;
-        }
-        .sc-toolbar-widget {
-            transition: transform 0.25s ease;
-
-            @include mobile {
-                background: transparent;
-                border-width: 0;
-                bottom: 2.8rem;
-
-                /* postcss-bem-linter: ignore */
-                .sc-chart-mode,
-                .sc-studies {
-                    background: var(--general-section-1);
-                    padding: 0.4rem 0.2rem;
-                    width: 4rem;
-                    height: 4rem;
-                    display: flex;
-                    border-radius: 50%;
-                    justify-content: center;
-                    align-items: center;
-                    margin: 0.8rem;
-                    opacity: 0.75;
-
-                    &__menu {
-                        &__timeperiod {
-                            top: 0.8rem;
-                            left: 0.8rem;
-                        }
-                        & > .ic-icon {
-                            top: 0.6rem;
-                        }
-                    }
-                }
-            }
-        }
-        &--screenshot {
-            .sc-toolbar-widget,
-            .stx-panel-control,
-            .sc-navigation-widget,
-            .cq-top-ui-widgets {
-                transform: translate3d(0, 0, 0) !important;
-            }
-        }
-    }
-    .chartContainer {
-        background: transparent;
-        min-height: 100%;
-    }
-}
-
-/** @define sidebar; weak; */
-.sidebar {
-    &__container {
-        position: relative;
-        margin: 0.8rem 0 0.8rem 1.6rem;
-        width: $SIDEBAR_WIDTH;
-        z-index: 5;
-    }
-    &__items {
-        opacity: 1;
-        transform: none;
-        position: relative;
-        min-height: 460px;
-        width: $SIDEBAR_WIDTH;
-
-        &:after {
-            transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.1, 0.25);
-            opacity: 0;
-            position: absolute;
-            pointer-events: none;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            z-index: 999;
-            content: '';
-            background-color: var(--overlay-outside-dialog);
-        }
-        &--market-closed {
-            & .dc-tooltip--with-label {
-                display: none;
-            }
-            & .dc-tooltip--with-label:before,
-            .dc-tooltip--with-label:after {
-                display: none;
-            }
-        }
-    }
-}
-
-// TODO: improve handling of rendering markets dropdown via portals from smartcharts library
-/** @define smartcharts-portal; weak */
-.smartcharts-portal {
-    @include mobile {
-        &--open {
-            .smartcharts {
-                z-index: 9999;
-            }
-        }
-    }
-}
-
-/** @define contract; weak */
-.contract {
-    // TODO: Remove below if redundant
-    &-update {
-        /* postcss-bem-linter: ignore */
-        &__wrapper {
-            display: flex;
-            flex-direction: column;
-
-            /* postcss-bem-linter: ignore */
-            & .dc-tooltip:before,
-            & .dc-tooltip:after {
-                display: none;
-            }
-            /* postcss-bem-linter: ignore */
-            & .dc-contract-card-dialog__button {
-                display: flex;
-                align-items: flex-end;
-            }
-        }
-    }
-    &--enter {
-        transform: translate3d(calc(100% + 1.6em), 0, 0);
-        opacity: 0;
-    }
-    &--exit {
-        transform: translate3d(calc(100% + 1.6em), 0, 0);
-        opacity: 0;
-        pointer-events: none;
-    }
-}
-
-/** @define smartcharts; weak */
-/* postcss-bem-linter: ignore */
-.smartcharts {
-    &-dark,
-    &-light {
-        @include mobile {
-            /* postcss-bem-linter: ignore */
-            .cq-menu-dropdown-enter-done {
-                margin-top: 0;
-
-                /* postcss-bem-linter: ignore */
-                .icon-close-menu {
-                    opacity: 1;
-                    pointer-events: auto;
-                    top: 8px;
-                }
-            }
-            .cq-dialog-portal {
-                /* postcss-bem-linter: ignore */
-                .cq-dialog {
-                    max-width: calc(100% - 36px);
-                }
-            }
-            /** @define ciq-chart-type; weak */
-            .sc-chart-type {
-                &__item {
-                    /* postcss-bem-linter: ignore */
-                    .sc-tooltip,
-                    .dc-tooltip {
-                        display: none;
-                    }
-                }
-            }
-            /** @define ciq-chart-mode; weak */
-            .sc-chart-mode {
-                /* postcss-bem-linter: ignore */
-                &__section__item {
-                    /* postcss-bem-linter: ignore */
-                    .sc-interval {
-                        display: grid;
-                        padding: 1.6rem;
-                        grid-template-columns: 1fr;
-
-                        /* postcss-bem-linter: ignore */
-                        &__content {
-                            display: grid;
-                            grid-template-columns: 1fr 1fr 1fr;
-                            padding-top: 16px;
-                        }
-                        /* postcss-bem-linter: ignore */
-                        &__item {
-                            width: 100% !important;
-                            margin: 0;
-
-                            /* postcss-bem-linter: ignore */
-                            .sc-tooltip,
-                            .dc-tooltip {
-                                display: none;
-                            }
-                        }
-                        /* postcss-bem-linter: ignore */
-                        &__info {
-                            margin-top: 0.4rem;
-                            padding-left: 0.2rem;
-                        }
-                    }
-                }
-            }
-            /** @define cq-top-ui-widgets; weak */
-            .cq-top-ui-widgets {
-                z-index: 15 !important;
-            }
-        }
-    }
-    /* TODO: Remove this override once the issue is fixed in smartcharts */
-    /* postcss-bem-linter: ignore */
-    @at-root body.theme--light & .chart-line.horizontal .title-wrapper {
-        background-image: linear-gradient(
-            rgba(255, 255, 255, 0.001) 30%,
-            var(--general-main-1) 50%,
-            rgba(255, 255, 255, 0.001) 75%
-        );
-    }
-}
diff --git a/packages/reports/src/sass/app/_common/mobile-widget.scss b/packages/reports/src/sass/app/_common/mobile-widget.scss
deleted file mode 100644
index 51a8abb48a9c..000000000000
--- a/packages/reports/src/sass/app/_common/mobile-widget.scss
+++ /dev/null
@@ -1,166 +0,0 @@
-/** @define mobile-widget */
-.mobile-widget {
-    border-radius: 4px;
-    padding: 1rem 0.8rem;
-    height: 4rem;
-    background-color: var(--general-main-1);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin: 0 0 0.8rem;
-    flex: 1;
-
-    &__amount {
-        @include typeface(--paragraph-center-bold-black);
-        color: var(--text-prominent);
-    }
-    &__duration {
-        @include typeface(--paragraph-center-normal-black);
-        color: var(--text-prominent);
-    }
-    &__type {
-        @include typeface(--paragraph-center-normal-black);
-        color: var(--text-less-prominent);
-    }
-    &__item {
-        color: var(--text-prominent);
-        line-height: 1.4rem;
-
-        &-value {
-            font-weight: bold;
-            font-size: 1.2rem;
-        }
-    }
-    &__multiplier {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        padding: 0;
-
-        &-amount {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            padding: 0.4rem 0.8rem 0;
-
-            .mobile-widget__item-label {
-                margin-right: 0.4rem;
-            }
-        }
-        &-expiration {
-            min-width: 7.2rem;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-        &-options {
-            flex: none;
-            flex-direction: column;
-            padding: 0.6rem 0.8rem;
-            margin-bottom: 0.6rem;
-            margin-left: 0.8rem;
-            justify-content: center;
-            min-width: 8.8rem;
-
-            .mobile-widget__item-label {
-                color: var(--text-general);
-            }
-        }
-        &-risk-management {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: stretch;
-            margin-bottom: 0.6rem;
-            color: var(--text-general);
-            padding: 0.4rem 0.8rem;
-
-            .mobile-widget__item {
-                flex: 1;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-            }
-            .mobile-widget__item-label {
-                color: var(--text-general);
-            }
-            .mobile-widget__item-label,
-            .mobile-widget__item-value {
-                font-size: 1.4rem;
-                line-height: 1.8rem;
-            }
-        }
-        &-trade-info {
-            display: flex;
-            justify-content: space-evenly;
-            background: var(--general-main-1);
-            flex: 2;
-            margin-left: 0.8rem;
-
-            &--no-stop-out {
-                justify-content: flex-end;
-                margin-right: 1.6rem;
-            }
-            &-tooltip-text {
-                display: flex;
-                flex-direction: row;
-                justify-content: center;
-
-                span:before {
-                    content: ': ';
-                }
-                &:first-child {
-                    margin-right: 0.8rem;
-                }
-                @media only screen and (max-width: 340px) {
-                    font-size: 0.8rem;
-                }
-            }
-        }
-    }
-    &__wrapper {
-        display: flex;
-
-        .mobile-widget:last-child:not(:only-child) {
-            margin-left: 0.8rem;
-            flex: unset;
-        }
-    }
-    &:is(.take-profit) {
-        height: auto;
-    }
-    .trade-container__fieldset:is(.take-profit *) {
-        width: 100%;
-        margin-bottom: 0;
-    }
-}
-
-/** @define fieldset-minimized */
-.fieldset-minimized {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding: 0.5em;
-    white-space: pre-line;
-
-    &__amount {
-        grid-area: c;
-    }
-    &__barrier1 {
-        grid-area: b;
-    }
-    &__barrier2 {
-        grid-area: d;
-    }
-    &__currency:before {
-        margin-right: 0.1em;
-        position: static;
-        display: inline;
-        font-size: 1em;
-    }
-    &__basis {
-        font-weight: bold;
-        color: var(--text-prominent);
-    }
-}
diff --git a/packages/reports/src/sass/app/modules/contract.scss b/packages/reports/src/sass/app/modules/contract.scss
deleted file mode 100644
index 621d4428149d..000000000000
--- a/packages/reports/src/sass/app/modules/contract.scss
+++ /dev/null
@@ -1,208 +0,0 @@
-$CONTRACT_INFO_BOX_PADDING: 1.6em;
-
-.info-box-container {
-    position: absolute;
-    z-index: 3;
-    top: 1em;
-    right: 1em;
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-
-    &-button:hover {
-        cursor: pointer;
-    }
-    &-icon {
-        width: 32px;
-        height: 32px;
-    }
-    .info-box {
-        position: relative;
-        border-radius: $BORDER_RADIUS;
-        padding: $CONTRACT_INFO_BOX_PADDING;
-        background: var(--general-section-1);
-        font-weight: 300;
-
-        &-longcode {
-            display: flex;
-
-            &-icon {
-                @extend %inline-icon;
-                margin-right: 1.6rem;
-                padding: 0.4rem;
-
-                @include mobile {
-                    margin-right: 0.8rem;
-                }
-            }
-            &-wrapper {
-                max-width: 35rem;
-
-                @include mobile {
-                    max-width: 11rem;
-                }
-
-                a {
-                    color: var(--brand-red-coral);
-                }
-            }
-            &-text {
-                &--collapsed {
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 3;
-                    display: -webkit-box;
-                    line-clamp: 3;
-                    overflow: hidden;
-                }
-
-                @include mobile {
-                    font-size: 1rem;
-                    letter-spacing: normal;
-                    line-height: 1.4;
-                    max-width: 11rem;
-                    line-clamp: 2;
-                    -webkit-line-clamp: 2;
-                }
-                /* iPhone SE screen height fixes due to UI space restrictions */
-                @media only screen and (max-height: 667px) {
-                    &--collapsed {
-                        display: block;
-                        overflow: hidden;
-                        font-size: 1rem;
-                        line-height: 1.5rem;
-                        height: 2.8rem;
-
-                        &:after {
-                            content: '...';
-                            white-space: pre;
-                        }
-                    }
-                }
-            }
-        }
-        .expired {
-            display: flex;
-            align-items: center;
-
-            svg {
-                width: 2.4em;
-                height: 2.4em;
-                margin-right: 1em;
-
-                .color1-fill {
-                    fill: var(--status-success);
-                }
-            }
-            .pl-value {
-                color: var(--text-profit-success);
-                font-weight: bold;
-                font-size: 1.6em;
-                line-height: 1.5em;
-
-                .percentage {
-                    display: inline-block;
-                    margin-left: 0.7em;
-                }
-            }
-            &.lost {
-                .pl-value {
-                    color: var(--text-loss-danger);
-                }
-                svg .color1-fill {
-                    fill: var(--status-danger);
-                }
-            }
-            .sell-info {
-                margin-right: 2em;
-                text-align: center;
-                line-height: 1.2em;
-            }
-        }
-        .general {
-            display: flex;
-            align-items: center;
-            line-height: 1.4em;
-
-            .values {
-                margin-left: 1em;
-                margin-right: 2em;
-                text-align: right;
-                font-weight: bold;
-
-                .profit {
-                    color: var(--text-profit-success);
-                }
-                .loss {
-                    color: var(--text-loss-danger);
-                }
-            }
-            .sell {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                text-align: center;
-                margin: -$CONTRACT_INFO_BOX_PADDING;
-                margin-left: $CONTRACT_INFO_BOX_PADDING;
-                padding: $CONTRACT_INFO_BOX_PADDING;
-
-                .dc-tooltip {
-                    position: absolute;
-                    bottom: 0.5em;
-                    right: 0.5em;
-                    line-height: 0;
-
-                    &:before {
-                        width: 350px;
-                        white-space: normal;
-                    }
-                }
-            }
-        }
-        @include mobile {
-            padding: 0.8rem;
-            margin-left: 0.8rem;
-        }
-    }
-    .message {
-        margin-top: 0.5em;
-        border: 1px solid var(--brand-red-coral);
-        border-radius: $BORDER_RADIUS;
-        padding: 1em;
-        background-color: transparentize($color-black, 0.84);
-        display: flex;
-        align-items: center;
-
-        .message-icon {
-            margin-right: 1em;
-        }
-        .message-text {
-            flex-grow: 1;
-        }
-        .message-close {
-            cursor: pointer;
-        }
-    }
-    .chart-close-btn {
-        position: absolute;
-        cursor: pointer;
-        z-index: 11;
-        right: 0;
-        top: 0;
-    }
-    @include mobile {
-        left: 0;
-    }
-}
-
-.dc-modal__container_info-box-longcode--modal {
-    .dc-modal {
-        &-body {
-            padding: 0.8rem 1.6rem;
-        }
-        &-footer {
-            .dc-btn {
-                min-width: 5.2rem;
-            }
-        }
-    }
-}
diff --git a/packages/reports/src/sass/app/modules/contract/digits.scss b/packages/reports/src/sass/app/modules/contract/digits.scss
deleted file mode 100644
index 76dc2ae097d4..000000000000
--- a/packages/reports/src/sass/app/modules/contract/digits.scss
+++ /dev/null
@@ -1,464 +0,0 @@
-/** @define cq-bottom-ui-widgets; weak */
-.cq-bottom-ui-widgets {
-    z-index: 4;
-    overflow: visible;
-    height: 0;
-    top: unset !important;
-    bottom: 80px;
-
-    .bottom-widgets {
-        left: -3.5em;
-    }
-}
-
-/** @define digits; weak */
-.digits {
-    $self: &;
-    display: flex;
-    align-items: center;
-    position: relative;
-    margin: 0 2.5em 0 1em;
-
-    &__container {
-        position: relative;
-
-        /* Screen height fixes due to UI space restrictions */
-        @media only screen and (max-height: 520px) {
-            transform: scale(0.85);
-            transform-origin: bottom;
-            padding: 0 0.8rem !important;
-        }
-        @media only screen and (max-height: 480px) {
-            transform: scale(0.75);
-        }
-    }
-    &__tooltip-container {
-        position: absolute;
-        z-index: 2;
-        top: -10px;
-        right: 10px;
-    }
-    &__digit {
-        pointer-events: none;
-        margin: 0 0.6em;
-        text-align: center;
-        position: relative;
-        transition: transform 0.25s linear;
-
-        &--latest {
-            z-index: 1;
-            transform: scale(1.2);
-
-            .digits__digit-spot {
-                font-size: 0.9em;
-            }
-        }
-        &--win {
-            z-index: 1;
-            transform: scale(1.25);
-
-            .digits__pie-container:before {
-                box-shadow: 0px 1px 18px var(--text-profit-success);
-            }
-        }
-        &--loss {
-            z-index: 1;
-            transform: scale(1.25);
-
-            .digits__pie-container:before {
-                top: -2px;
-                left: -2px;
-                box-shadow: 0px 1px 18px var(--text-loss-danger);
-                border: 3px solid var(--text-loss-danger);
-
-                @include mobile {
-                    top: -1px;
-                    left: -3px;
-                }
-            }
-        }
-        &--is-selected {
-            .digits__digit-display {
-                &-value,
-                &-percentage {
-                    color: $color-white;
-                }
-            }
-            .progress__bg {
-                fill: $color-blue-2;
-            }
-        }
-        &--is-selectable {
-            pointer-events: auto;
-
-            &:focus,
-            &:active,
-            &:hover {
-                .digits__digit-display {
-                    &-value,
-                    &-percentage {
-                        color: $color-white;
-                    }
-                }
-                .progress__bg {
-                    fill: $color-blue-2;
-                }
-            }
-        }
-        &-display-value {
-            transition: transform 0.25s linear;
-            position: absolute;
-            transform: scale(0.9);
-            top: 4px;
-            color: var(--text-prominent);
-
-            &--no-stats {
-                transform: scale(1) translateY(5px);
-            }
-
-            @include mobile {
-                top: 10px;
-                transform: none;
-                font-size: 1.4rem;
-                line-height: 1.43;
-
-                &--no-stats {
-                    top: 15px;
-                }
-            }
-        }
-        &-display-percentage {
-            top: 20px;
-            position: absolute;
-            font-size: 0.65em;
-            font-weight: 400;
-            color: var(--text-general);
-
-            @include mobile {
-                top: 25px;
-                transform: none;
-                font-size: 1rem;
-                line-height: 1.4;
-            }
-        }
-        &-value {
-            @include typeface(--paragraph-center-bold-black);
-            width: 40px;
-            height: 40px;
-            background-color: var(--general-main-1);
-            color: var(--text-prominent);
-            margin-bottom: 0.5em;
-            border-radius: 50%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            transition: background-color 0.2s ease-out, transform 0.1s ease-out;
-
-            &--selected {
-                background-color: var(--general-main-2);
-            }
-            &--win {
-                background-color: var(--text-profit-success);
-                color: var(--text-prominent);
-
-                .digits__digit-display-value,
-                .digits__digit-display-percentage {
-                    color: $color-white;
-                }
-            }
-            &--blink {
-                animation-duration: 500ms;
-                animation-iteration-count: 4;
-                animation-timing-function: step-end;
-                animation-name: blinking;
-            }
-            &--loss {
-                border: none !important;
-                background-color: var(--text-loss-danger);
-                color: var(--text-prominent);
-
-                .digits__digit-display-value,
-                .digits__digit-display-percentage {
-                    color: $color-white;
-                }
-            }
-            @include mobile {
-                height: 48px;
-                width: 48px;
-                margin: 0;
-            }
-        }
-        &-spot {
-            position: absolute;
-            top: -25px;
-            left: -50%;
-            right: -50%;
-            width: auto;
-            white-space: nowrap;
-
-            &-value {
-                transform: scale(0.95);
-                display: inline-block;
-            }
-            &-last {
-                @include typeface(--paragraph-center-bold-black);
-                padding: 0 4px;
-                margin-left: 1px;
-                border-radius: 50%;
-                border: 1px solid $color-blue;
-                color: var(--text-prominent);
-                background: var(--general-main-2);
-
-                &--selected-win {
-                    color: var(--text-profit-success);
-                }
-                &--win {
-                    color: var(--text-colored-background);
-                    border-color: var(--text-profit-success);
-                    background: var(--text-profit-success);
-                }
-                &--loss {
-                    color: var(--text-colored-background);
-                    border-color: var(--text-loss-danger);
-                    background: var(--text-loss-danger);
-                }
-            }
-            @include mobile {
-                display: flex;
-                justify-content: center;
-                top: 1.6rem;
-                left: 0;
-                right: 0;
-                margin-top: 4.8rem;
-                pointer-events: none;
-
-                &-value,
-                &-last {
-                    font-size: 2rem;
-                }
-                &-last {
-                    padding: 0 8px;
-                }
-                &:not(&--is-trading) {
-                    position: relative;
-                    top: 0.8rem;
-                }
-                /* iPhone 8 screen height fixes due to UI space restrictions */
-                @media only screen and (max-height: 580px) {
-                    &--is-trading {
-                        &-value,
-                        &-last {
-                            font-size: 1.4rem;
-                        }
-                        &-last {
-                            padding: 0 7px;
-                        }
-                    }
-                }
-                @media only screen and (max-height: 580px) {
-                    position: relative;
-
-                    &:not(&--is-trading) {
-                        top: 1.4rem;
-                    }
-                }
-                @media only screen and (max-height: 520px) {
-                    position: relative;
-                    top: 0;
-                    margin-top: 1.6rem;
-
-                    &--is-trading {
-                        margin-top: auto;
-                    }
-                }
-            }
-        }
-    }
-    &__pie-container {
-        position: absolute;
-        top: -1px;
-        left: -1px;
-
-        &:before {
-            position: absolute;
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            top: 1px;
-            left: 1px;
-            content: '';
-
-            @include mobile {
-                top: -4px;
-                left: -2px;
-                width: 48px;
-                height: 48px;
-            }
-        }
-        &--selected:before {
-            top: -2px;
-            left: -2px;
-            width: 42px;
-            height: 42px;
-            border: 2px solid var(--text-profit-success);
-
-            @include mobile {
-                top: 0;
-                left: -2px;
-                width: 48px;
-                height: 48px;
-            }
-        }
-    }
-    &__pie-progress {
-        transform: rotate(-90deg);
-        width: 42px;
-        height: 42px;
-
-        /* postcss-bem-linter: ignore */
-        .progress__bg {
-            stroke: var(--general-disabled);
-        }
-        /* postcss-bem-linter: ignore */
-        .progress__value {
-            stroke: var(--text-less-prominent);
-
-            /* postcss-bem-linter: ignore */
-            &--is-max {
-                stroke: var(--text-profit-success);
-            }
-            /* postcss-bem-linter: ignore */
-            &--is-min {
-                stroke: var(--text-loss-danger);
-            }
-        }
-        @include mobile {
-            width: 48px;
-            height: 48px;
-            margin-top: 0.2rem;
-        }
-    }
-    &__pointer {
-        position: absolute;
-        bottom: -12px;
-        padding: 0 12px;
-        transition: transform 0.25s ease;
-
-        @include mobile {
-            left: -2px;
-        }
-    }
-    &__particles {
-        position: absolute;
-        padding: 0 20px;
-        top: 8px;
-        transform: rotate(45deg);
-        opacity: 0;
-
-        &-particle {
-            background: var(--brand-secondary);
-            opacity: 0.7;
-            border-radius: 50%;
-            display: block;
-            width: 5px;
-            height: 5px;
-            position: absolute;
-            transition: transform 0.5s ease, opacity 0.5s linear 0.5s;
-        }
-        &--explode {
-            opacity: 1;
-
-            .digits__particles-particle {
-                opacity: 0;
-
-                &:nth-child(1) {
-                    transform: translate(45px, 45px);
-                }
-                &:nth-child(2) {
-                    transform: translate(45px, 0px);
-                }
-                &:nth-child(3) {
-                    transform: translate(0px, 45px);
-                }
-                &:nth-child(4) {
-                    transform: translate(-45px, 45px);
-                }
-                &:nth-child(5) {
-                    transform: translate(-45px, -45px);
-                }
-                &:nth-child(6) {
-                    transform: translate(-45px, 0px);
-                }
-                &:nth-child(7) {
-                    transform: translate(0px, -45px);
-                }
-                &:nth-child(8) {
-                    transform: translate(45px, -45px);
-                }
-            }
-        }
-    }
-    &__icon {
-        &-color {
-            fill: var(--brand-orange);
-        }
-        &--win .digits__icon-color {
-            fill: var(--text-profit-success);
-        }
-        &--loss .digits__icon-color {
-            fill: var(--text-loss-danger);
-        }
-    }
-    @include mobile {
-        display: grid;
-        grid-template-columns: repeat(5, 1fr);
-        grid-gap: 2.4rem 1.6rem;
-        align-items: center;
-        margin: 1.6rem 0;
-
-        &--trade {
-            grid-gap: 2rem 1.6rem;
-            margin: auto 0;
-            transform: scale(1.1);
-            transform-origin: bottom;
-
-            @media only screen and (max-height: 580px) {
-                transform: unset;
-                transform-origin: unset;
-            }
-            @media only screen and (max-height: 480px) {
-                margin: auto 0 4.8rem;
-            }
-        }
-        &__container {
-            width: 100%;
-            margin: 0;
-            padding: 0.8rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-        }
-        &__tooltip-text {
-            font-size: 1.2rem;
-            color: var(--text-general);
-            line-height: 18px;
-            text-align: center;
-        }
-        &__digit {
-            margin: auto;
-        }
-    }
-    @include mobile {
-        @at-root .popup-root #{$self}__toast-info {
-            top: 10.5rem;
-        }
-    }
-}
-
-@keyframes blinking {
-    50% {
-        background-color: var(--general-main-1);
-        color: var(--text-general);
-    }
-}
diff --git a/packages/reports/src/sass/app/modules/smart-chart.scss b/packages/reports/src/sass/app/modules/smart-chart.scss
deleted file mode 100644
index 10539b4c070d..000000000000
--- a/packages/reports/src/sass/app/modules/smart-chart.scss
+++ /dev/null
@@ -1,605 +0,0 @@
-/** @define chart-spot */
-.chart-spot {
-    display: flex;
-    flex-direction: column;
-
-    &__spot {
-        position: absolute;
-        top: -1.1rem;
-        margin-left: -11.5px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-weight: bold;
-        color: var(--text-prominent);
-        background-color: var(--general-main-1);
-        border: 2px solid var(--text-less-prominent);
-
-        &--lost {
-            border-color: var(--text-loss-danger);
-            background: var(--text-loss-danger);
-        }
-        &--won {
-            background-color: var(--text-profit-success);
-            border-color: var(--text-profit-success);
-        }
-        &--won,
-        &--lost {
-            color: $COLOR_WHITE;
-        }
-        @include mobile {
-            bottom: -9.5px;
-            margin-left: -8px;
-            font-size: 0.8rem;
-        }
-    }
-    &__entry {
-        align-items: center;
-        background-color: var(--general-main-2);
-        border: 5px solid var(--brand-red-coral);
-        display: flex;
-        justify-content: center;
-        left: -12px;
-        position: relative;
-        top: -12px;
-        color: var(--text-general);
-
-        @include mobile {
-            border-width: 3px;
-            left: -9px;
-            top: -9px;
-        }
-    }
-    &__spot,
-    &__entry {
-        width: 24px;
-        height: 24px;
-        border-radius: 50%;
-
-        @include mobile {
-            width: 16px;
-            height: 16px;
-        }
-        &--accumulator,
-        &--smarttrader-contract {
-            &-middle,
-            &-middle--preexit {
-                width: 6px;
-                height: 6px;
-                top: -3px;
-                margin-left: -4px;
-                background-color: var(--text-less-prominent);
-
-                &--preexit {
-                    background-color: var(--status-info);
-                    border: 2px solid var(--status-info);
-                }
-                @include mobile {
-                    width: 4px;
-                    height: 4px;
-                    top: -2px;
-                    margin-left: -3px;
-                }
-            }
-            &-exit {
-                width: 2rem;
-                height: 2rem;
-                margin-left: -1.05rem;
-                top: -0.95rem;
-                background-color: var(--general-main-4);
-                &:after {
-                    content: '';
-                    width: 0.6rem;
-                    height: 0.6rem;
-                    border-radius: 50%;
-                    background-color: var(--border-active);
-                    @include mobile {
-                        width: 0.4rem;
-                        height: 0.4rem;
-                    }
-                }
-                @include mobile {
-                    width: 1.6rem;
-                    height: 1.6rem;
-                    margin-left: -0.85rem;
-                    top: -0.85rem;
-                    border-width: 0.1rem;
-                }
-            }
-        }
-    }
-    &__sell {
-        border-radius: 50%;
-        width: 2px;
-        height: 2px;
-        margin-left: -2px;
-        margin-top: -2px;
-        background-color: var(--text-prominent);
-        border: 2px solid var(--text-prominent);
-    }
-}
-
-/** @define chart-spot-label */
-.chart-spot-label {
-    &-profit {
-        position: relative;
-        top: -2.8rem;
-        left: 2.5rem;
-
-        .chart-spot-label__value-container {
-            padding: 0.8rem;
-            line-height: normal;
-            border-radius: 0.6rem;
-        }
-
-        &--lost {
-            &:before {
-                border-bottom: 0.5rem solid var(--text-loss-danger);
-            }
-        }
-
-        &--won {
-            &:before {
-                border-bottom: 0.5rem solid var(--text-profit-success);
-            }
-        }
-
-        &:before {
-            content: '';
-            position: absolute;
-            top: 50%;
-            left: -1rem;
-            border-top: 0.5rem solid transparent;
-            border-right: 0.5rem solid transparent;
-            border-left: 0.5rem solid transparent;
-            transform: translateY(-50%) rotate(270deg);
-        }
-    }
-    &__info-container {
-        width: 100%;
-        position: relative;
-    }
-    &__time-value-container {
-        position: absolute;
-        transform: translateX(-50%);
-        display: flex;
-        flex-direction: column;
-
-        &--top {
-            bottom: 21px;
-
-            .chart-spot-label__time-container {
-                margin-bottom: 2px;
-            }
-            @include mobile {
-                bottom: 1.35rem;
-            }
-        }
-        &--middle {
-            bottom: 3.8rem;
-
-            .chart-spot-label__time-container {
-                margin-bottom: 0.2rem;
-            }
-        }
-        &--bottom {
-            top: 18px;
-            flex-direction: column-reverse;
-
-            .chart-spot-label__time-container {
-                margin-top: 2px;
-            }
-            @include mobile {
-                top: 7.5px;
-            }
-        }
-    }
-    &__time-container {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0px 8px;
-
-        /* postcss-bem-linter: ignore */
-        svg {
-            /* postcss-bem-linter: ignore */
-            g {
-                stroke: var(--text-prominent);
-            }
-        }
-    }
-    &__time-icon {
-        margin-right: 2px;
-    }
-    &__value-container {
-        background: var(--text-less-prominent);
-        font-size: 1.4rem;
-        padding: 4px 8px;
-        border-radius: 11px;
-
-        /* postcss-bem-linter: ignore */
-        p {
-            font-weight: bold;
-            color: $color-white;
-            margin-top: 2px;
-        }
-        &--lost {
-            background-color: var(--text-loss-danger);
-        }
-        &--won {
-            background-color: var(--text-profit-success);
-        }
-        &--won,
-        &--lost {
-            color: var(--text-colored-background);
-        }
-        @include mobile {
-            font-size: 1rem;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 0.5rem;
-        }
-    }
-}
-
-/** @define chart-marker-line */
-.chart-marker-line {
-    height: 94.5%;
-    margin-bottom: 0.8em;
-    z-index: 0 !important;
-    bottom: -100%;
-    transition: none;
-
-    &__wrapper {
-        border-left-width: 2px;
-        padding-left: 0.5em;
-        height: 100%;
-        border-color: var(--text-less-prominent);
-
-        &:after {
-            background: linear-gradient(to bottom, var(--general-main-1) 3%, transparent 10%);
-            position: absolute;
-            content: ' ';
-            top: 0px;
-            left: -1px;
-            height: 100%;
-            width: 3px;
-        }
-    }
-    &__icon {
-        position: absolute;
-        bottom: 0;
-        left: -11px;
-        white-space: nowrap;
-        background-color: var(--general-main-1);
-
-        &--time {
-            /* postcss-bem-linter: ignore */
-            path {
-                fill: var(--text-less-prominent);
-            }
-        }
-        &--won {
-            /* postcss-bem-linter: ignore */
-            circle {
-                fill: var(--text-profit-success);
-            }
-        }
-        &--lost {
-            /* postcss-bem-linter: ignore */
-            circle {
-                fill: var(--text-loss-danger);
-            }
-        }
-        @include mobile {
-            bottom: -15px;
-            left: -7px;
-            width: 16px;
-            height: 16px;
-        }
-    }
-    &--solid {
-        border-left-style: solid;
-    }
-    &--dash {
-        border-left-style: dashed;
-    }
-}
-
-/** @define sc-toolbar-widget; weak */
-.sc-toolbar-widget {
-    &--bottom {
-        .ciq-menu {
-            margin: 0px;
-        }
-    }
-}
-
-/** @define smartcharts-mobile; weak */
-.smartcharts-mobile {
-    .cq-modal-dropdown {
-        left: 0px;
-        top: 0px;
-    }
-    .sc-chart-type,
-    .sc-interval {
-        .sc-tooltip__inner {
-            display: none;
-        }
-    }
-    .cq-chart-title .sc-dialog__body {
-        height: 100% !important;
-    }
-    .sc-categorical-display {
-        height: calc(100% - 38px) !important;
-    }
-    .cq-menu-dropdown .title .title-text {
-        display: inline;
-    }
-}
-
-.sc-accumulators-profit-loss {
-    &-text {
-        width: fit-content;
-        padding-left: 3rem;
-        position: relative;
-        display: flex;
-        align-items: center;
-
-        @include mobile {
-            padding-left: 2.3rem;
-        }
-
-        &.won div {
-            color: var(--text-profit-success);
-        }
-        &.lost div {
-            color: var(--text-loss-danger);
-        }
-        &__profit {
-            display: flex;
-            transform: translateY(-54%);
-            position: relative;
-
-            &--fading-in {
-                @keyframes fade-profit-in {
-                    from {
-                        opacity: 0;
-                    }
-                    to {
-                        opacity: 1;
-                    }
-                }
-                animation: 0.6s ease-in fade-profit-in;
-            }
-        }
-        &__sliding-tenth {
-            @keyframes slide-decimal {
-                0%,
-                100% {
-                    transform: translateY(0);
-                    opacity: 1;
-                }
-                25%,
-                27% {
-                    transform: translateY(-15px);
-                    opacity: 0.2;
-                }
-                50% {
-                    transform: translateY(-30px);
-                    opacity: 0;
-                }
-            }
-            animation: 0.1s cubic-bezier(0.49, -0.4, 0.11, 0.65) 3 both slide-decimal;
-        }
-        &__currency {
-            padding-left: 0.2rem;
-            transform: translateY(-83%);
-            @include mobile {
-                transform: translateY(-78%);
-            }
-        }
-        &:before {
-            content: '';
-            position: absolute;
-            width: calc(100% - 3rem);
-            height: 8%;
-            top: -4%;
-            z-index: -2;
-            background-color: var(--general-main-1);
-
-            @include mobile {
-                width: calc(100% - 2.3rem);
-            }
-        }
-        &:after {
-            content: '';
-            position: absolute;
-            width: calc(100% - 3rem);
-            height: 8%;
-            top: -4%;
-            z-index: -1;
-            background-color: rgba(0, 167, 158, 0.1);
-            box-shadow: 0 -8px 11px 0 rgba(0, 167, 158, 0.08), 0 8px 11px 0 rgba(0, 167, 158, 0.08),
-                0 0 11px -5px rgba(0, 167, 158, 0.08), 0 0 11px -5px rgba(0, 167, 158, 0.08);
-
-            @include mobile {
-                width: calc(100% - 2.3rem);
-            }
-        }
-    }
-    &-tooltip {
-        $self: &;
-        width: 17.2rem;
-        height: 6.55rem;
-
-        &.lost {
-            #{$self}__spot-circle,
-            #{$self}__content {
-                background-color: var(--text-loss-danger);
-
-                &.arrow-top:after {
-                    border-bottom: 4px solid var(--text-loss-danger);
-                }
-                &.arrow-bottom:before {
-                    border-top: 4px solid var(--text-loss-danger);
-                }
-                &.arrow-left:after {
-                    border-right: 4px solid var(--text-loss-danger);
-                }
-                &.arrow-right:before {
-                    border-left: 4px solid var(--text-loss-danger);
-                }
-            }
-        }
-        &.won {
-            #{$self}__spot-circle,
-            #{$self}__content {
-                background-color: var(--text-profit-success);
-
-                &.arrow-top:after {
-                    border-bottom: 4px solid var(--text-profit-success);
-                }
-                &.arrow-bottom:before {
-                    border-top: 4px solid var(--text-profit-success);
-                }
-                &.arrow-left:after {
-                    border-right: 4px solid var(--text-profit-success);
-                }
-                &.arrow-right:before {
-                    border-left: 4px solid var(--text-profit-success);
-                }
-            }
-        }
-        &__spot-circle {
-            position: absolute;
-            border-radius: 100%;
-            width: 0.5rem;
-            height: 0.5rem;
-            top: -2.5px;
-            left: -2.5px;
-            cursor: pointer;
-        }
-        &__content {
-            position: absolute;
-            min-width: 10.5rem;
-            height: 5.8rem;
-            border-radius: $BORDER_RADIUS;
-            display: flex;
-            flex-direction: column;
-            gap: 0.4rem;
-            padding: 0.8rem;
-            opacity: 0.72;
-            transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.1, 0.25);
-
-            @include mobile {
-                min-width: 7.5rem;
-                height: 4.6rem;
-            }
-            &-enter,
-            &-exit {
-                opacity: 0;
-            }
-
-            &-enter-done {
-                opacity: 0.72;
-            }
-
-            &:after,
-            &:before {
-                content: '';
-                position: absolute;
-                width: 0;
-                height: 0;
-                display: none;
-            }
-            &.arrow-top:after,
-            &.arrow-bottom:before {
-                left: calc(50% - 4px);
-                border-left: 4px solid transparent;
-                border-right: 4px solid transparent;
-                display: block;
-            }
-            &.arrow-left:after,
-            &.arrow-right:before {
-                top: calc(50% - 4px);
-                border-top: 4px solid transparent;
-                border-bottom: 4px solid transparent;
-                display: block;
-            }
-            &.arrow-top {
-                transform: translateX(-50%) translateY(8.5px);
-
-                &:after {
-                    top: -4px;
-                }
-            }
-            &.arrow-bottom {
-                transform: translateX(-50%) translateY(calc(-100% - 8.5px));
-
-                &:before {
-                    top: 100%;
-                }
-            }
-            &.arrow-left {
-                transform: translateX(8.5px) translateY(-50%);
-
-                &:after {
-                    left: -4px;
-                }
-            }
-            &.arrow-right {
-                transform: translateX(calc(-100% - 8.5px)) translateY(-50%);
-
-                &:before {
-                    left: 100%;
-                }
-            }
-
-            #{$self}__text {
-                color: var(--text-colored-background);
-            }
-        }
-    }
-}
-
-.sc-current-spot-emphasizer {
-    position: relative;
-
-    &:before {
-        content: '';
-        position: absolute;
-        width: 3.2rem;
-        height: 3.2rem;
-        transform: translateX(-50%) translateY(-50%);
-        border-radius: 50%;
-        animation: 0.5s spot-emphasizer 0.2s;
-    }
-}
-.sc-reset_barrier {
-    width: 100vw;
-    height: 1px;
-    border-bottom: 1px dashed var(--text-info-blue);
-}
-.sc-barrier_gradient {
-    width: 100vw;
-    height: 12rem;
-    position: absolute;
-    opacity: 0.3;
-
-    &--to-bottom {
-        background-image: linear-gradient(to bottom, transparent, $COLOR_GREEN_1);
-        bottom: 0;
-    }
-    &--to-top {
-        background-image: linear-gradient(to top, transparent, $COLOR_GREEN_1);
-    }
-}
-
-//Vanilla specific styles
-.vanilla-trade-chart {
-    @include mobile {
-        height: calc(100% - #{$MOBILE_HEADER_HEIGHT});
-    }
-}
diff --git a/packages/reports/src/sass/app/modules/trading-mobile.scss b/packages/reports/src/sass/app/modules/trading-mobile.scss
deleted file mode 100644
index ef5b154121a3..000000000000
--- a/packages/reports/src/sass/app/modules/trading-mobile.scss
+++ /dev/null
@@ -1,432 +0,0 @@
-@include mobile {
-    /** @define dc-collapsible; weak */
-    .dc-collapsible {
-        &:before {
-            content: '';
-            position: absolute;
-            pointer-events: none;
-            opacity: 1;
-            z-index: -1;
-            border-radius: $BORDER_RADIUS;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            transition: opacity 0.25s;
-            background: var(--general-section-1);
-        }
-        &--is-expanded {
-            background: transparent;
-
-            &:before {
-                opacity: 0.75;
-            }
-        }
-    }
-    /** @define barrier; weak */
-    .barrier,
-    .barrier_1,
-    .barrier_2,
-    .amount {
-        .draggable {
-            pointer-events: none;
-
-            & .price {
-                padding-left: 0;
-
-                &:after {
-                    content: none;
-                }
-            }
-        }
-        &__widget {
-            display: grid;
-            grid-template-columns: 3.5fr 1fr;
-            height: 4rem;
-            margin: 0 0 0.8rem;
-            background: var(--general-main-1);
-            border-radius: $BORDER_RADIUS;
-
-            &-title {
-                font-size: 1.4rem;
-                font-weight: 400;
-                text-transform: none;
-                color: var(--text-less-prominent);
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                padding-right: 0.8rem;
-            }
-            &:is(.amount__widget) {
-                grid-template-columns: 5fr 1fr;
-            }
-            .trade-container {
-                &__amount {
-                    margin: 0.3rem 0 0;
-
-                    .trade-container__input {
-                        font-weight: bold;
-                        max-width: 100%;
-                        padding: 0 4rem;
-                    }
-                }
-            }
-        }
-        &__fields {
-            width: 100%;
-
-            &-input {
-                width: 100%;
-                padding: 0;
-                font-weight: bold;
-                border: none;
-
-                &:focus,
-                &:active,
-                &:hover {
-                    border: none;
-                }
-            }
-            &-single {
-                margin: 0;
-                height: 100%;
-                display: flex;
-                align-items: center;
-            }
-            & .dc-tooltip {
-                width: 100%;
-            }
-            & .dc-input-wrapper {
-                &__input {
-                    outline: 0;
-                    border: none;
-                }
-                &__button {
-                    transform: scale(1.4);
-                    stroke: var(--text-general);
-
-                    &:hover,
-                    &:active {
-                        background: none;
-                    }
-                }
-            }
-        }
-    }
-    /** @define allow-equals; weak */
-    .allow-equals,
-    .take-profit.mobile-widget {
-        .dc-checkbox__label {
-            font-weight: bold;
-            color: var(--text-prominent);
-            margin-right: 0.8rem;
-        }
-    }
-    /** @define dc-modal; weak */
-    .dc-modal {
-        &__container_trade-params {
-            border-radius: 2px;
-            box-shadow: 0 16px 16px 0 var(--shadow-menu-2), 0 0 16px 0 var(--shadow-menu-2);
-            overflow-y: scroll;
-
-            /* postcss-bem-linter: ignore */
-            .dc-relative-datepicker {
-                margin-top: -0.8rem;
-                max-width: 110px;
-                margin-left: auto;
-                margin-right: auto;
-
-                /* iPhone SE screen height fixes due to UI space restrictions */
-                @media only screen and (max-height: 480px) {
-                    margin-top: -4.6rem;
-                }
-            }
-            /* iPhone SE screen height fixes due to UI space restrictions */
-            @media only screen and (max-height: 480px) {
-                top: 0.4rem;
-            }
-        }
-        &-header {
-            /* postcss-bem-linter: ignore */
-            &--trade-params {
-                line-height: 1.4;
-                border-bottom-width: 1px;
-
-                /* postcss-bem-linter: ignore */
-                .dc-modal-header__close {
-                    padding: 0.8rem 0.8rem 0;
-                    margin: 0.4rem 0.4rem 0.2rem;
-                }
-            }
-        }
-    }
-    /** @define dc-tabs; weak */
-    .dc-tabs {
-        /* postcss-bem-linter: ignore */
-        &--trade-params__multiplier-tabs {
-            /* postcss-bem-linter: ignore */
-            .dc-tabs__content {
-                display: flex;
-                flex-direction: column;
-                min-height: 400px;
-
-                @media only screen and (max-height: 480px) {
-                    min-height: 360px;
-                }
-            }
-        }
-    }
-    /** @define trade-params; weak */
-    .trade-params {
-        &__error-popup {
-            top: 12rem !important;
-            opacity: 0.8;
-            z-index: 2 !important;
-
-            &--has-numpad {
-                z-index: 9999 !important;
-                top: 0.8rem !important;
-            }
-        }
-        &__duration {
-            &-tickpicker {
-                height: 328px;
-
-                .dc-tick-picker {
-                    max-width: 100%;
-                    height: 100%;
-                    align-items: center;
-                    justify-content: center;
-                }
-            }
-        }
-        &__amount {
-            &-keypad {
-                width: 100%;
-                padding: 1.6rem;
-                height: auto;
-                margin-top: 0.8rem;
-                margin-bottom: 0.8rem;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                .dc-numpad--is-currency,
-                .dc-numpad--is-regular {
-                    max-width: 100%;
-                    grid-template-columns: repeat(4, 1fr);
-                    grid-gap: 16px;
-                }
-                .dc-numpad__increment,
-                .dc-numpad__decrement {
-                    height: 48px !important;
-
-                    .dc-btn__text {
-                        font-size: 3rem;
-                        font-weight: normal;
-                    }
-                    &[disabled] {
-                        .dc-btn__text {
-                            color: var(--text-disabled);
-                        }
-                    }
-                }
-                .dc-numpad__number {
-                    border-radius: 2.4rem;
-                    background-color: var(--general-section-2);
-                    width: 48px;
-                    height: 48px !important;
-                    font-weight: 700;
-                    text-transform: none;
-                    line-height: 1.75;
-                    color: var(--text-prominent);
-                    text-align: left !important;
-
-                    &--is-left-aligned {
-                        padding: 0 0 0 0.2rem;
-                    }
-                }
-                .dc-numpad__bkspace,
-                .dc-numpad__ok {
-                    .dc-numpad__number {
-                        height: 100% !important;
-                    }
-                }
-                .dc-numpad__bkspace {
-                    .dc-numpad__number {
-                        &[disabled] {
-                            background-color: var(--general-disabled);
-                        }
-                        .dc-text {
-                            font-size: 1.8rem;
-                            /* -webkit-touch-callout only is supported on iOS webkit engine, thus it should apply iOS only styles */
-                            @supports (-webkit-touch-callout: none) {
-                                @media only screen and (min-width: 360px) {
-                                    font-size: 3rem;
-                                }
-                            }
-                        }
-                    }
-                }
-                /* iPhone SE screen height fixes due to UI space restrictions */
-                @media only screen and (max-height: 480px) {
-                    transform: scale(1, 0.92);
-                    transform-origin: top;
-                    margin-top: -0.4rem;
-                }
-            }
-        }
-        &__header {
-            @include mobile {
-                padding: 0.5rem 0;
-
-                &-label {
-                    line-height: 2rem;
-                }
-                &-value {
-                    line-height: 1.8rem;
-                    font-size: 1.2rem;
-
-                    &--has-error {
-                        color: var(--status-danger);
-                        font-weight: bold;
-                    }
-                }
-            }
-        }
-        &__contract-type-container {
-            display: flex;
-
-            .contract-type-widget {
-                flex: 1;
-            }
-        }
-        &__accumulator,
-        &__multiplier,
-        &__vanilla {
-            &-radio-group {
-                flex-direction: column;
-                align-items: flex-start;
-                padding: 1.6rem;
-                margin-top: 0rem;
-                flex: 1;
-
-                &--empty {
-                    display: none;
-                }
-                &:is(.trade-params__accumulator-radio-group) {
-                    gap: 1.6rem;
-                }
-                .dc-radio-group__item {
-                    min-height: 4.8rem;
-                    max-height: 4.8rem;
-                    width: 100%;
-                    align-items: center;
-                    margin-bottom: 0.8rem;
-                    padding: 0.8rem;
-                    border-radius: $BORDER_RADIUS;
-                    border: 1px solid var(--border-normal);
-                    font-size: 1.4rem;
-                    flex-direction: row;
-
-                    &--selected {
-                        border: 1px solid var(--brand-secondary);
-                    }
-                    &:is(.trade-params__accumulator-radio-group *) {
-                        margin-bottom: 0;
-                    }
-                }
-            }
-            &-amount-text {
-                padding: 1.6rem 4rem 0;
-                line-height: 1.4rem;
-                text-align: center;
-                color: var(--text-general);
-            }
-            &-risk-management-dialog {
-                display: grid;
-                grid-template-rows: auto auto auto 1fr;
-
-                &--no-cancel {
-                    grid-template-rows: auto auto 1fr;
-                }
-                &-bottom-separator {
-                    border-bottom: 1px solid var(--border-disabled);
-                    height: calc(100% - 1.6rem);
-                }
-                &-apply-button {
-                    display: flex;
-                    align-items: flex-end;
-                    margin: 0 1.6rem;
-
-                    .dc-btn {
-                        flex: 1;
-                        height: 4rem;
-                    }
-                }
-                .trade-container__fieldset {
-                    padding: 1rem 1.6rem;
-                    margin-bottom: 0;
-                    border-bottom: 1px solid var(--border-disabled);
-                    border-radius: 0;
-
-                    .dc-input-field {
-                        z-index: 0;
-                    }
-                    .dc-popover {
-                        padding: 0.6rem 1rem;
-                    }
-                }
-                .dc-checkbox__box {
-                    margin-left: 0rem;
-                }
-                .dc-radio-group {
-                    padding: 1.6rem 0rem;
-                }
-            }
-            &-ic-info-wrapper {
-                display: flex;
-                justify-content: flex-start;
-                position: absolute;
-                top: 0.6rem;
-                left: 0.2rem;
-                z-index: 2;
-
-                .dc-popover {
-                    padding: 0.5rem 1rem;
-                }
-            }
-            &-deal-cancellation-dialog {
-                .dc-checkbox {
-                    margin-top: 2.6rem;
-
-                    .dc-checkbox__box {
-                        margin-left: 0;
-                    }
-                }
-            }
-            &-trade-info {
-                display: flex;
-                flex-direction: column;
-                padding-bottom: 1.6rem;
-                align-items: center;
-
-                div:nth-child(2) {
-                    padding-top: 1.6rem;
-                }
-
-                &-tooltip-text {
-                    text-align: right;
-                    border-bottom: 1px dotted var(--text-general);
-                    display: flex;
-
-                    *:first-child {
-                        &:before {
-                            content: ': ';
-                        }
-                    }
-                }
-            }
-        }
-    }
-}