diff --git a/packages/trader/src/sass/app.scss b/packages/trader/src/sass/app.scss
index 85514f3279d0..fb86d828be7a 100644
--- a/packages/trader/src/sass/app.scss
+++ b/packages/trader/src/sass/app.scss
@@ -10,11 +10,8 @@
 @import 'app/_common/form/time-picker';
 
 // Components
-@import 'app/_common/components/amount';
 @import 'app/_common/components/strike';
 @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/contract-audit';
 @import 'app/_common/components/contract-replay';
 @import 'app/_common/components/contract-type-dialog';
@@ -22,9 +19,7 @@
 @import 'app/_common/components/contract-type-list';
 @import 'app/_common/components/contract-type-info';
 @import 'app/_common/components/contract-type-no-result';
-//@import 'app/_common/components/date-picker'; // TODO: [move-to-components] Datepicker component should be moved
 @import 'app/_common/components/market-is-closed-overlay';
-@import 'app/_common/components/market-symbol-icon';
 @import 'app/_common/components/number-selector';
 @import 'app/_common//components/video-player';
 @import 'app/_common/components/purchase-button';
diff --git a/packages/trader/src/sass/app/_common/components/amount.scss b/packages/trader/src/sass/app/_common/components/amount.scss
deleted file mode 100644
index ab4916398f02..000000000000
--- a/packages/trader/src/sass/app/_common/components/amount.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.amount {
-    &--profit {
-        color: var(--text-profit-success);
-    }
-    &--loss {
-        color: var(--text-loss-danger);
-    }
-}
diff --git a/packages/trader/src/sass/app/_common/components/card-list.scss b/packages/trader/src/sass/app/_common/components/card-list.scss
deleted file mode 100644
index 9d4017837c29..000000000000
--- a/packages/trader/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/trader/src/sass/app/_common/components/composite-calendar.scss b/packages/trader/src/sass/app/_common/components/composite-calendar.scss
deleted file mode 100644
index 6d801a89a4ac..000000000000
--- a/packages/trader/src/sass/app/_common/components/composite-calendar.scss
+++ /dev/null
@@ -1,183 +0,0 @@
-/* @define .composite-calendar; weak; */
-.composite-calendar {
-    display: grid;
-    grid-template-columns: minmax(max-content, 158px) minmax(min-content, 280px) minmax(min-content, 280px);
-    position: absolute;
-    top: 36px;
-    right: 0;
-    z-index: 99;
-    border-radius: $BORDER_RADIUS;
-    background-color: var(--general-main-2);
-    box-shadow: 0 2px 16px 8px var(--shadow-menu);
-
-    .composite-wrapper {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        background-color: var(--general-main-1);
-        z-index: 98;
-    }
-    &__input-fields {
-        display: flex;
-        border-radius: $BORDER_RADIUS;
-        width: 100%;
-
-        &--fill {
-            width: 100%;
-
-            & > .dc-input-field {
-                width: 100%;
-            }
-        }
-        & > .dc-input-field {
-            margin: 0;
-            width: 100%;
-
-            @include desktop {
-                max-width: 17.6rem;
-            }
-
-            @include mobile {
-                .inline-icon {
-                    top: 1.2rem;
-                }
-            }
-
-            @include colorIcon(var(--text-prominent));
-
-            & .input {
-                height: 3.2rem;
-                background-color: var(--fill-normal);
-                border: 1px solid var(--border-normal);
-                appearance: none;
-
-                @include mobile {
-                    height: 4rem;
-                    text-align: left;
-                    padding-left: 3rem;
-                }
-
-                &:hover {
-                    border-color: var(--border-hover);
-                }
-                &:focus,
-                &:active {
-                    border-color: var(--border-active);
-                }
-                &::placeholder {
-                    color: var(--text-general);
-                }
-            }
-        }
-        & > .dc-input-field:not(:first-child) {
-            margin-left: 8px;
-        }
-    }
-    & > .first-month,
-    & > .second-month {
-        .dc-calendar__body {
-            border-bottom: none;
-        }
-    }
-    &__prepopulated-list {
-        padding-top: 50px;
-        @include typeface(--paragraph-center-normal-black);
-        color: var(--text-prominent);
-        background: var(--state-normal);
-
-        &--is-active {
-            color: var(--text-prominent);
-            background-color: var(--state-active);
-            font-weight: bold;
-        }
-        & li {
-            cursor: pointer;
-            padding: 6px 6px 6px 16px;
-            height: 32px;
-            display: flex;
-            align-items: center;
-
-            &:hover:not(.composite-calendar__prepopulated-list--is-active) {
-                background: var(--state-hover);
-            }
-        }
-    }
-}
-
-/* @define composite-calendar-modal; weak; */
-.composite-calendar-modal {
-    @include mobile {
-        &__actions {
-            display: flex;
-            padding: 16px;
-            border-top: 2px solid var(--border-disabled);
-
-            > * {
-                flex: 1;
-                margin: 8px;
-            }
-            &-today {
-                width: 100%;
-            }
-        }
-        &__radio-group {
-            padding: 16px 16px 24px;
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            border-bottom: 2px solid var(--border-disabled);
-        }
-        &__radio {
-            display: flex;
-            align-items: center;
-            padding: 7px 8px;
-            border: 1px solid;
-            border-color: var(--border-normal);
-            border-radius: 4px;
-            margin: 8px;
-            font-size: 1.4rem;
-
-            &-input {
-                display: none;
-            }
-            &-circle {
-                border: 2px solid var(--text-general);
-                border-radius: 50%;
-                box-shadow: 0 0 1px 0 var(--shadow-menu);
-                width: 16px;
-                height: 16px;
-                transition: all 0.3s ease-in-out;
-                margin-right: 8px;
-                align-self: center;
-
-                &--selected {
-                    border-width: 4px;
-                    border-color: var(--brand-red-coral);
-                    background: $color-white;
-                }
-            }
-            &--selected {
-                border-color: var(--brand-secondary);
-                font-weight: bold;
-            }
-        }
-        &__custom {
-            padding: 16px;
-
-            &-radio {
-                display: inline-flex;
-            }
-            &-date-range {
-                margin: 8px;
-                display: flex;
-                flex-direction: column;
-
-                &-start-date {
-                    margin: 16px 0px;
-                }
-                &-end-date {
-                    margin-bottom: 8px;
-                }
-            }
-        }
-    }
-}
diff --git a/packages/trader/src/sass/app/_common/components/market-symbol-icon.scss b/packages/trader/src/sass/app/_common/components/market-symbol-icon.scss
deleted file mode 100644
index c1b39d42b87b..000000000000
--- a/packages/trader/src/sass/app/_common/components/market-symbol-icon.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-/** @define .market-symbol-icon; weak */
-.market-symbol-icon {
-    display: flex;
-    justify-content: flex-start;
-    width: 100%;
-
-    .color1-fill {
-        fill: var(--brand-red-coral);
-    }
-    .color2-fill {
-        fill: var(--brand-secondary);
-    }
-    &-name,
-    &-category {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        @include typeface(--paragraph-left-bold-active);
-        color: var(--text-prominent);
-    }
-    &-name {
-        width: 3.2rem;
-        margin-right: 0.8rem;
-    }
-    &-category {
-        svg {
-            width: 2.4rem;
-            height: 2.4rem;
-        }
-    }
-    &__multiplier {
-        color: var(--text-less-prominent);
-        font-size: 1rem;
-        display: flex;
-        align-items: flex-end;
-        margin: 0 0 0.4rem 0.4rem;
-    }
-}
diff --git a/packages/trader/src/sass/app/_common/components/message-box.scss b/packages/trader/src/sass/app/_common/components/message-box.scss
deleted file mode 100644
index fc66f8215952..000000000000
--- a/packages/trader/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/trader/src/sass/app/modules/mt5/cfd-dashboard.scss b/packages/trader/src/sass/app/modules/mt5/cfd-dashboard.scss
deleted file mode 100644
index fc74acf18ff8..000000000000
--- a/packages/trader/src/sass/app/modules/mt5/cfd-dashboard.scss
+++ /dev/null
@@ -1,1413 +0,0 @@
-/*
-*  [Work In Progress]
-*  This file is a WIP and will be broken down into different files for different components before the module is enabled
-*  Class names might change, properties and values will definitely change
-* */
-
-/* stylelint-disable */
-/** @define cfd-dashboard; */
-.cfd-dashboard {
-    padding: 4.8em 0;
-    max-width: fit-content;
-    margin: 0 auto;
-
-    &__dxtrade-download {
-        background: $color-black-7;
-        border-radius: $BORDER_RADIUS;
-        text-decoration: none;
-        display: grid;
-        grid-template-columns: 32px 1fr;
-        grid-gap: 0.8rem;
-        width: fit-content;
-        align-items: center;
-        height: 4rem;
-        border: 1px solid $color-grey-4;
-
-        &-text {
-            display: flex;
-            flex-direction: column;
-            padding: 0.4rem 0rem 0.4rem 0.2rem;
-            margin-right: 0.6rem;
-        }
-        &--icon {
-            margin-left: 0.6rem;
-        }
-    }
-    &--hint {
-        @include typeface(--xsmall-left-normal-black, none);
-    }
-    &__container {
-        position: relative;
-        overflow-y: auto;
-
-        .notification-messages {
-            position: fixed;
-            right: 16px;
-            top: 64px;
-        }
-    }
-    &__info {
-        background: var(--fill-disabled);
-        margin-top: 5rem;
-        font-size: 1.4rem;
-        color: var(--text-general);
-        display: grid;
-        grid-template-columns: 0.85fr 1fr 1fr;
-        height: 56px;
-        border-radius: $BORDER_RADIUS;
-
-        &-description,
-        &-copy {
-            display: flex;
-            align-items: center;
-        }
-        &-description {
-            justify-content: flex-start;
-            padding-left: 3.2rem;
-        }
-        &-copy {
-            justify-content: center;
-            font-size: 1.6rem;
-            font-weight: bold;
-            color: var(--text-prominent);
-        }
-        &-display {
-            padding-right: 0.8rem;
-        }
-        &-label {
-            padding-right: 0.4rem;
-        }
-        @include mobile {
-            display: flex;
-            height: 100%;
-            padding: 1.6rem;
-            flex-direction: column;
-            align-items: flex-start;
-
-            &-copy {
-                margin: 0 0 0.8rem;
-                font-size: 1.4rem;
-            }
-            &-description {
-                margin: 0.8rem 0 1.6rem;
-            }
-        }
-    }
-    &__welcome-message {
-        margin-bottom: 2.4rem;
-
-        &--heading {
-            @include typeface(--title-center-bold-black, none);
-            color: var(--text-general);
-        }
-    }
-    &__missing-real {
-        align-items: center;
-        background-color: var(--general-section-1);
-        display: flex;
-        justify-content: space-between;
-        margin: 2.4em 0 0;
-        max-width: 960px;
-        padding: 1.6rem;
-
-        &--heading {
-            color: var(--text-prominent);
-            line-height: 1.5;
-            margin-right: 1rem;
-
-            @include desktop {
-                white-space: nowrap;
-            }
-            @include typeface(--title-left-bold-black, none);
-            @include mobile {
-                font-size: 1.2rem;
-            }
-        }
-        &--button {
-            height: 4rem;
-        }
-        @include mobile {
-            flex-direction: column;
-            padding: 0.8rem;
-            width: calc(100vw - 3.2rem);
-
-            &--heading {
-                margin-bottom: 0.8rem;
-                margin-right: 0;
-            }
-            &--button {
-                width: 27rem;
-            }
-        }
-    }
-    &__download-center {
-        padding-bottom: 5.8rem;
-
-        &-options {
-            display: flex;
-            justify-content: center;
-
-            &--desktop {
-                display: block;
-                align-items: baseline;
-                flex-flow: column nowrap;
-
-                &-links {
-                    display: flex;
-                    flex-direction: column;
-                }
-                &-row {
-                    display: flex;
-                    align-items: baseline;
-                    justify-content: center;
-                    margin-bottom: 3.1rem;
-
-                    > svg:first-child {
-                        margin-bottom: 0.4rem;
-                        margin-right: 0.8rem;
-                    }
-                    a > svg {
-                        margin-top: 0.8rem;
-                        margin-right: 0.8rem;
-                    }
-                }
-                &-download {
-                    display: grid;
-                    grid-auto-flow: column;
-                    grid-gap: 0.8rem;
-                    justify-content: center;
-
-                    a {
-                        margin-top: 0.4rem;
-                    }
-                }
-            }
-            &--mobile {
-                align-items: center;
-                display: flex;
-                flex-flow: column nowrap;
-                margin-left: 4.7rem;
-
-                &-devices {
-                    margin-bottom: 1.6em;
-                    svg:first-child {
-                        margin-right: 0.8em;
-                    }
-                }
-                &-link:not(:first-child) {
-                    margin-left: 1.6rem;
-                }
-                @include mobile {
-                    margin-left: unset;
-                    margin-right: unset;
-                }
-            }
-        }
-        &--heading {
-            @include typeface(--title-center-bold-black, none);
-            color: var(--text-general);
-            line-height: 1.5;
-            margin-left: 2.1rem;
-            margin-bottom: 4.2rem;
-            @include desktop {
-                margin-left: 0;
-                text-align: center;
-            }
-        }
-        &--hint {
-            margin-top: 1.6rem;
-        }
-        @include mobile {
-            margin-bottom: 1.6rem;
-        }
-    }
-    &__download-center--mt5 {
-        border-top: unset;
-        padding-top: unset;
-    }
-    &__maintenance {
-        @include typeface(--small-center-normal-black, none);
-        display: flex;
-        justify-content: center;
-        margin: 2.4rem 0;
-
-        &-icon {
-            margin-right: 0.8rem;
-            margin-top: 0.2rem;
-
-            @include mobile {
-                margin-top: -0.2rem;
-            }
-        }
-        &-text {
-            text-align: left;
-            line-height: 1.67;
-        }
-    }
-    &__real-accounts-wrapper {
-        display: flex;
-        flex-direction: column;
-    }
-    .notification-messages {
-        top: calc(-4.8rem + 16px);
-    }
-    @include mobile {
-        margin-top: 2.4rem;
-        padding: 0 1.6rem;
-    }
-}
-
-.cfd-attribute-describer {
-    .counter {
-        color: var(--brand-red-coral);
-        vertical-align: top;
-    }
-    @include mobile {
-        font-size: 1.2rem;
-    }
-}
-
-.cfd-compare-accounts {
-    display: flex;
-    flex-flow: column nowrap;
-    flex-grow: 1;
-    background: inherit;
-    height: 100%;
-    position: relative;
-
-    &__table {
-        @include mobile {
-            overflow-x: auto;
-        }
-    }
-
-    &__table-row {
-        grid-template-columns: var(--cfd-compare-accounts-template-columns);
-        box-shadow: inset 0 -1px 0 0 var(--general-section-1);
-    }
-    &__table-row-eu {
-        grid-template-columns: 1.5fr 2fr 2fr;
-        box-shadow: inset 0 -1px 0 0 var(--general-section-1);
-    }
-    &__star {
-        color: var(--brand-red-coral);
-    }
-    &__bullet {
-        flex: none;
-
-        &--circle {
-            background-color: var(--text-general);
-            border-radius: 100%;
-            margin-right: 1.2rem;
-            margin-left: 0.2rem;
-            margin-top: 0.8rem;
-            width: 0.4rem;
-            height: 0.4rem;
-        }
-        &--star {
-            margin-right: 1rem;
-        }
-        &-wrapper {
-            display: flex;
-            margin-bottom: 0.8rem;
-            line-height: 1.5;
-        }
-    }
-    &__footnote {
-        &-title {
-            padding-bottom: 0.8rem;
-        }
-    }
-
-    .dc-table {
-        padding: 0 30px;
-
-        &__header {
-            border-bottom: none;
-            height: 50px;
-            position: sticky;
-            top: 0;
-            background: var(--general-main-2);
-            z-index: 10;
-        }
-        &__cell,
-        &__head {
-            padding: 0.8rem;
-
-            &--fixed {
-                padding-left: 1.6rem;
-
-                @include mobile {
-                    background-color: var(--general-section-2);
-                }
-            }
-        }
-        &__cell {
-            border-bottom: none;
-            align-items: normal;
-            padding: 1rem 0.8rem;
-        }
-        &--scrollbar {
-            display: block; // Safari needs this to work properly!
-        }
-        @include desktop {
-            &__header {
-                background-color: var(--general-main-2);
-            }
-        }
-    }
-    &-modal {
-        &__wrapper {
-            display: flex;
-            justify-content: center;
-            margin-top: 2.4rem;
-        }
-    }
-    @include mobile {
-        background: var(--general-main-1);
-        height: 100%;
-        font-size: 1.2rem;
-
-        .dc-table {
-            padding: 0;
-            height: inherit;
-
-            &__cell {
-                font-size: 1.2rem;
-            }
-            &__row {
-                padding: 0;
-            }
-            &__head {
-                font-size: 1.2rem;
-                border-bottom: 2px solid var(--border-disabled);
-                background-color: var(--general-main-1);
-                margin-top: -1px;
-            }
-            &__header,
-            &__row {
-                width: 150vw;
-                grid-template-columns: 1fr 1fr 1fr 1fr;
-            }
-        }
-    }
-}
-
-.cfd-compare-account--hint {
-    color: var(--text-less-prominent);
-    font-size: 12px;
-    line-height: 1.5em;
-    width: 100%;
-    padding: 1.6rem 2.4rem 0.8rem 2.4rem;
-
-    @include mobile {
-        padding: 1.6rem;
-        border-top: 2px solid var(--border-disabled);
-    }
-}
-
-.cfd-dashboard__accounts-error {
-    background-color: var(--status-warning-transparent);
-    margin: 1.2rem 0;
-
-    &-message {
-        padding: 0.8rem 2.4rem;
-    }
-}
-
-.cfd-real-accounts-display,
-.cfd-demo-accounts-display {
-    display: grid;
-    grid-auto-flow: column;
-    grid-gap: 2.4rem;
-    justify-content: center;
-    padding-top: 2.4em;
-    height: 100%;
-
-    @include mobile {
-        display: flex;
-        gap: 0;
-        overflow-x: hidden;
-        flex-direction: column;
-        height: unset;
-    }
-}
-
-.cfd-demo-accounts-display .cfd-account-card__wrapper {
-    @include desktop {
-        height: auto;
-    }
-}
-
-.cfd-real-accounts-display {
-    transition: margin-bottom 0.3s ease-in-out;
-    margin-bottom: var(--cfd-real-acc-margin-bottom);
-
-    .dc-carousel__card,
-    .dc-carousel__wrapper {
-        padding: 0;
-    }
-
-    &--has-trade-servers {
-        .cfd-account-card__wrapper {
-            @include desktop {
-                grid-template-rows: 1fr 4rem;
-            }
-        }
-    }
-}
-
-.cfd-account-card {
-    border: solid 1px var(--border-normal);
-    border-radius: 4px;
-    display: flex;
-    flex-flow: column nowrap;
-    min-height: 37rem;
-    width: 30.4em;
-    position: relative;
-    @include desktop {
-        height: 100%;
-    }
-
-    &__wrapper {
-        display: grid;
-        grid-template-rows: 1fr;
-        height: 100%;
-        justify-content: center;
-
-        @include mobile {
-            grid-template-rows: 1fr;
-            height: fit-content;
-
-            &:not(:last-child) {
-                margin-bottom: 2.4rem;
-            }
-        }
-
-        @include desktop {
-            height: 100%;
-        }
-    }
-
-    &__logged-out {
-        min-height: 29rem;
-    }
-
-    &__add-server {
-        font-size: 1.4rem;
-        cursor: pointer;
-        display: grid;
-        grid-auto-flow: column;
-        grid-gap: 0.4rem;
-        justify-content: center;
-        align-items: center;
-        width: 100%;
-        height: 4rem;
-        color: var(--text-prominent);
-
-        @include mobile {
-            height: 4rem;
-            align-content: start;
-        }
-
-        &--disabled {
-            cursor: not-allowed;
-            color: var(--text-disabled);
-
-            .cfd-account-card__add-server--icon {
-                background-color: var(--border-disabled);
-                color: var(--text-disabled);
-            }
-        }
-        &-exit,
-        &-enter-done {
-            transition: all 0.3s ease-in-out;
-            opacity: 1;
-        }
-        &-enter,
-        &-exit-done {
-            transition: all 0.3s ease-in-out;
-            opacity: 0;
-        }
-        &--icon {
-            color: var(--status-colored-background);
-            background-color: var(--brand-red-coral);
-            border-radius: 100%;
-            width: 2.4rem;
-            height: 2.4rem;
-            font-size: 1.8rem;
-            display: block;
-            text-align: center;
-            padding: 0.2rem;
-        }
-    }
-
-    &__server {
-        font-size: 1.4rem;
-        text-align: left;
-        width: 27.2rem;
-        &--value {
-            font-weight: bold;
-        }
-    }
-
-    &:hover {
-        box-shadow: 0 2px 8px 0 var(--shadow-menu);
-    }
-    &--heading {
-        @include typeface(--title-left-bold-black, none);
-        color: var(--text-general);
-        line-height: 1.5;
-    }
-    &--paragraph {
-        @include typeface(--paragraph-left-normal-black, none);
-        color: var(--text-general);
-        line-height: 1.45;
-    }
-    &--balance {
-        @include typeface(--title-left-bold-black);
-        color: var(--text-profit-success);
-    }
-    &__banner {
-        position: absolute;
-        transform: rotate(45deg);
-        border-bottom: 2.3rem solid var(--brand-red-coral);
-        border-left: 2.3rem solid transparent;
-        border-right: 2.3rem solid transparent;
-        height: 0;
-        width: 13.7rem;
-        left: 19.4rem;
-        top: 2.8rem;
-        color: var(--text-colored-background);
-        font-weight: bold;
-        line-height: 24px;
-        white-space: nowrap;
-        text-align: center;
-
-        &--demo {
-            border-bottom-color: var(--brand-secondary);
-        }
-        &--server {
-            // TODO: Add a CSS variable
-            border-bottom-color: $color-blue-2;
-        }
-        @include mobile {
-            left: calc(100vw - 14.2rem);
-        }
-    }
-    &__type {
-        display: flex;
-        padding: 1.5rem 1.6rem 1.6rem; // -1 for border
-
-        &--description {
-            display: flex;
-            margin-left: 1.6rem;
-            max-width: 19.2rem;
-            flex-direction: column;
-
-            .cfd-account-card--paragraph {
-                width: 18.3rem;
-                padding-top: 0.8rem;
-            }
-        }
-        &--has-banner {
-            .cfd-account-card--paragraph {
-                width: 17rem;
-            }
-        }
-    }
-    &__display {
-        display: flex;
-        flex-wrap: wrap;
-        width: min-content;
-        justify-content: center;
-        height: fit-content;
-
-        &-text {
-            @include typeface(--title-center-bold-black);
-            color: var(--brand-red-coral);
-            line-height: 1.5;
-            margin-top: 0.4rem;
-
-            &--top-right {
-                position: relative;
-                left: 22.2rem;
-                bottom: 7.2rem;
-                margin: 0;
-            }
-        }
-        &--fixed-height {
-            height: 64px; // don't leave space for the demo text that is moved to the top right
-        }
-    }
-    &__cta {
-        display: flex;
-        flex-direction: column;
-        margin-top: auto;
-
-        &-wrapper {
-            align-items: center;
-            display: flex;
-            flex-direction: column;
-            position: relative;
-        }
-    }
-    &__specs {
-        padding: 1.6rem;
-        width: 100%;
-
-        &-table {
-            width: 100%;
-
-            &-attribute .cfd-account-card--paragraph {
-                color: var(--text-general);
-                margin-right: 2.4rem;
-            }
-            &-data {
-                .cfd-account-card--paragraph {
-                    @include typeface(--paragraph-left-bold-black, none);
-                    line-height: 1.45;
-                }
-            }
-        }
-    }
-    &__login-specs {
-        margin: 0.8rem 0;
-        width: 100%;
-        padding: 0 1.8rem;
-
-        &-table {
-            width: 100%;
-            table-layout: fixed;
-            border-collapse: separate;
-            border-spacing: 0 0.8rem;
-
-            &-attribute {
-                width: 35%;
-                vertical-align: middle;
-                .cfd-account-card--paragraph {
-                    color: var(--text-general);
-                }
-            }
-            &-data {
-                width: 65%;
-                vertical-align: middle;
-                .cfd-account-card--paragraph {
-                    @include typeface(--paragraph-left-normal-black, none);
-                    line-height: 1.45;
-                }
-            }
-            &-row {
-                &--account-id {
-                    height: 3.6rem;
-                }
-            }
-        }
-    }
-    &__spec-box {
-        display: grid;
-        grid-template-columns: 1fr 2.4rem;
-        border: 1px solid var(--border-normal);
-        border-radius: $BORDER_RADIUS;
-    }
-    &__spec-text {
-        padding: 0.4rem;
-        font-family: Courier, monospace;
-        overflow: hidden;
-    }
-    &__spec-copy {
-        display: grid;
-        justify-content: center;
-        align-content: center;
-        border-left: 1px solid var(--border-normal);
-    }
-    &__password {
-        &-box {
-            display: grid;
-            grid-template-columns: 1fr 2.4rem;
-            border: 1px solid var(--border-normal);
-            border-radius: $BORDER_RADIUS;
-        }
-        &-text {
-            padding: 0.4rem;
-            overflow: hidden;
-        }
-        &-action {
-            display: grid;
-            justify-content: center;
-            align-content: center;
-            border-left: 1px solid var(--border-normal);
-            border-radius: 0;
-            padding: 0 0 0 0.5rem;
-            overflow: hidden;
-        }
-        &-tooltip {
-            width: 20rem;
-        }
-    }
-    &__account-selection {
-        align-items: center;
-        display: flex;
-        height: 4rem;
-        justify-content: center;
-        margin: 0 1.6rem 1.5rem; // -1 for border
-        padding: 0;
-        text-decoration: none;
-        width: calc(100% - 3.2rem);
-        @include typeface(--paragraph-center-bold-black, none);
-
-        &--primary {
-            background-color: var(--brand-red-coral);
-            color: var(--text-colored-background);
-        }
-        &--secondary {
-            background-color: transparent;
-            border: 2px solid var(--button-secondary-default);
-            color: var(--text-prominent);
-
-            &:hover {
-                background-color: var(--button-secondary-hover);
-            }
-        }
-        &--disabled {
-            background-color: var(--brand-red-coral);
-            cursor: initial;
-            opacity: 0.32;
-        }
-    }
-    &__login {
-        @include typeface(--title-center-normal-black);
-        align-items: center;
-        background-color: var(--general-section-1);
-        border-radius: 4px;
-        color: var(--text-general);
-        display: flex;
-        padding: 0.8rem;
-        justify-content: center;
-        margin: 1rem 0 1.6rem;
-        width: 272px;
-
-        strong {
-            font-weight: bold;
-        }
-        span,
-        strong {
-            margin-right: 0.8rem;
-        }
-    }
-    &__manage {
-        display: flex;
-        width: calc(100% - 3.2rem);
-
-        .dc-btn {
-            width: 100%;
-            margin-bottom: 1.6rem;
-            height: 4rem;
-
-            &:not(:last-child) {
-                margin-right: 1.6rem;
-            }
-        }
-    }
-    &__action-wrapper {
-        margin: 0 auto 1.3rem;
-        padding-top: 1rem;
-        width: 75%;
-        text-align: center;
-
-        &__link {
-            font-size: var(--text-size-xxs);
-
-            &--disabled {
-                pointer-events: none;
-            }
-        }
-    }
-    &__divider {
-        width: calc(100% - 3.2rem);
-        margin-left: 1.6rem;
-        border-top: 1px solid var(--general-section-1);
-        margin-top: 1rem;
-    }
-    @include mobile {
-        width: calc(100vw - 3.2rem);
-        height: fit-content;
-
-        &:not(:last-child) {
-            margin-bottom: 2.4rem;
-            margin-right: 0;
-        }
-    }
-}
-
-.cfd-password-manager {
-    margin: 5.6rem auto 3.2rem;
-    width: 100%;
-    height: 100%;
-
-    @media only screen and (max-height: 645px) {
-        margin-top: 1.5rem;
-        overflow: auto;
-    }
-
-    &--paragraph {
-        margin-bottom: 3.2rem;
-    }
-    &--error-message {
-        margin-bottom: 1em;
-    }
-    &__investor-wrapper {
-        margin: 3.2rem 0.5rem 0;
-
-        & .dc-input__label {
-            top: 0.9rem;
-        }
-        @include mobile {
-            padding-bottom: 12rem;
-        }
-    }
-    .dc-password-meter__container,
-    .dc-password-input {
-        width: 30rem;
-        margin: auto;
-    }
-    &__investor-wrapper {
-        .cfd-password-manager--paragraph:first-child {
-            margin-bottom: 0.8rem;
-        }
-    }
-    &__investor-form {
-        width: 100%;
-        max-width: 300px;
-        margin: 2.4em auto 0;
-
-        @include mobile {
-            max-width: unset;
-        }
-    }
-    &__actions {
-        align-items: center;
-        display: flex;
-        flex-flow: column nowrap;
-    }
-    &--button {
-        margin-top: 1.6rem;
-
-        @include mobile {
-            width: 100%;
-            margin-top: 0.8rem;
-            max-width: 30rem;
-            white-space: normal;
-        }
-    }
-    &__success {
-        text-align: center;
-        margin-top: 3.2rem;
-
-        &-header {
-            @include typeface(--paragraph-center-bold-black);
-            margin: 1.6rem 0 0.8rem;
-        }
-        &-btn {
-            margin-top: 3.2rem;
-            width: 6.4rem;
-
-            @include mobile {
-                width: 100%;
-                max-width: 30rem;
-            }
-        }
-    }
-    .multi-step__header {
-        margin: 0 0 2.4rem 0;
-    }
-    .multi-step__component {
-        text-align: center;
-    }
-    @include desktop {
-        max-width: calc(450px + 1rem); // needs extra padding for the scrollbar, otherwise it will cover the words
-    }
-    @include mobile {
-        padding: 0 1.6rem;
-        margin-top: 2.4rem;
-
-        &__scroll-wrapper {
-            overflow-y: auto;
-            overflow-x: hidden;
-        }
-        /* iPhone SE screen width fixes due to UI space restrictions */
-        @media only screen and (max-width: 320px) {
-            padding: 0;
-        }
-    }
-}
-
-.cfd-financial-stp-modal,
-.cfd-personal-details-modal {
-    display: grid;
-    grid-template-rows: 13rem minmax(10rem, 1fr);
-    height: 100%;
-    position: relative;
-    width: 100%;
-
-    .dc-modal-footer {
-        position: fixed;
-        padding: unset;
-        bottom: 1.6rem;
-        right: 1.6rem;
-    }
-
-    &__form {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        .details-form {
-            flex: 1;
-        }
-    }
-    @include desktop {
-        overflow: hidden;
-
-        & .details-form__description {
-            width: 100%;
-        }
-    }
-    @include mobile {
-        overflow: hidden;
-        grid-template-rows: 7rem minmax(10rem, 1fr);
-        &__heading {
-            padding: unset;
-        }
-        &__header {
-            &-steps {
-                padding-bottom: 0.8rem;
-                width: 100%;
-                &-title {
-                    color: var(--brand-red-coral);
-                    font-size: 1.4rem;
-                    font-weight: bold;
-                    line-height: 20px;
-                    padding: 1.6rem 2.4rem 0.8rem;
-                }
-                &-subtitle {
-                    color: var(--text-prominent);
-                    line-height: 18px;
-                    font-size: 1.2rem;
-                    font-weight: bold;
-                    padding: 0 2.4rem;
-                }
-            }
-        }
-        .dc-form-submit-button {
-            background-color: var(--color-white);
-        }
-    }
-    .dc-autocomplete {
-        margin-bottom: 2.4rem;
-    }
-    .account-management {
-        &__message-icon {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-        &__message-content {
-            display: flex;
-            flex-direction: column;
-            justify-content: space-around;
-            align-items: center;
-            height: auto;
-            padding: 0 3rem;
-            padding-bottom: 7rem;
-            @include mobile {
-                overflow-y: auto;
-            }
-        }
-        &__message {
-            @include typeface(--title-center-bold-black);
-            color: var(--text-prominent);
-            margin-bottom: 1rem;
-        }
-        &__text {
-            @include typeface(--paragraph-center-normal-black);
-            color: var(--text-prominent);
-        }
-        &__continue {
-            margin-top: 3rem;
-        }
-        &__list {
-            &-message {
-                display: flex;
-            }
-            &-icon {
-                margin-right: 1.2rem;
-            }
-        }
-    }
-}
-
-.cfd-personal-details-modal {
-    grid-template-rows: 8rem minmax(10rem, 1fr);
-
-    &__heading-container {
-        padding-top: 2.4rem;
-    }
-
-    &__form {
-        .dc-modal-footer {
-            width: 100%;
-            padding: 1.6rem 2.4rem;
-            margin-top: 7.7rem;
-            bottom: 0;
-            right: 0;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .dc-autocomplete {
-            margin-bottom: 3.6rem;
-        }
-    }
-}
-
-.dc-modal {
-    &__container {
-        min-width: initial;
-        &_cfd-password-modal {
-            &__description {
-                @include typeface(--xsmall-left-normal-black);
-                line-height: 1.5;
-                max-width: calc(min(100vw, 349px));
-                margin: -2.7rem 0 2.4rem;
-                color: var(--text-less-prominent);
-            }
-            &__account-title {
-                margin-bottom: 1.6rem;
-            }
-        }
-        &_cfd-dashboard__compare-accounts {
-            width: 904px;
-        }
-        &_cfd-password-manager__modal {
-            height: 100% !important;
-            min-height: calc(100vh - 22rem);
-            width: 904px;
-            max-height: calc(100vh - 48px - 36px) !important;
-        }
-    }
-}
-
-.cfd-proof-of-identity {
-    height: 100%;
-    overflow: auto;
-
-    &__fields {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        height: 100%;
-
-        @include mobile {
-            display: unset;
-            position: relative;
-        }
-
-        .proof-of-identity {
-            &:is(span) {
-                width: unset;
-                height: unset;
-            }
-
-            &__footer {
-                width: 45%;
-                display: inline-flex;
-                justify-content: flex-end;
-                height: unset;
-                position: unset;
-                bottom: unset;
-                left: unset;
-                padding: unset;
-                z-index: unset;
-                border-radius: unset;
-                border-top: unset;
-                background-color: unset;
-                align-items: unset;
-                flex-direction: unset;
-
-                @include mobile {
-                    width: 95%;
-                    margin-top: 8px;
-                }
-
-                &-alert {
-                    margin-right: unset;
-                }
-            }
-
-            &__container {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                width: 45%;
-                justify-content: unset;
-
-                @include mobile {
-                    width: 100%;
-                    padding: 0 1.2rem;
-                    overflow-y: unset;
-                    justify-content: unset;
-                }
-
-                .icon {
-                    width: 12.8rem;
-                    height: 12.8rem;
-                    margin: 1.6rem 0 2.4rem 0;
-                }
-                .dc-input__bottom-label {
-                    margin: unset;
-                }
-                .btm-spacer {
-                    margin-bottom: 1.6rem;
-                }
-                .top-spacer {
-                    margin-top: 1.6rem;
-                }
-
-                .proof-of-identity__footer {
-                    // for cases when __footer is a child of proof-of-identity__container:
-                    width: 100%;
-                    margin-bottom: 8.6em;
-
-                    span.dc-text.dc-btn__text {
-                        display: inline-flex;
-                        align-items: center;
-                    }
-                    .back-btn {
-                        margin-right: unset;
-
-                        &-icon {
-                            margin-right: 0.8rem;
-                        }
-                    }
-                }
-            }
-
-            &__header {
-                margin: 0 0 1.6rem;
-            }
-            &__country-text {
-                text-align: center;
-                margin-bottom: 1.6rem;
-            }
-            &__inner-container {
-                display: unset;
-                flex-direction: unset;
-                justify-content: unset;
-                align-items: unset;
-                width: 100%;
-            }
-            &__image {
-                width: 100%;
-                max-width: unset;
-                border-radius: unset;
-                object-fit: unset;
-
-                &-container {
-                    width: unset;
-                    height: unset;
-                    padding: unset;
-                    border-radius: unset;
-                    background-color: unset;
-                }
-            }
-            &__fieldset {
-                width: 100%;
-
-                @include mobile {
-                    margin: 0 0 1.8rem;
-                }
-
-                &-container {
-                    display: unset;
-                    flex-direction: unset;
-                    justify-content: unset;
-                    align-items: unset;
-                }
-                &-input {
-                    width: unset;
-                }
-            }
-            &__sample-container {
-                margin-top: 2.4rem;
-                margin-left: unset;
-                width: unset;
-            }
-
-            &__submit-button {
-                margin-left: 0.8rem;
-                @include mobile {
-                    margin-right: unset;
-                }
-            }
-        }
-        .dc-themed-scrollbars {
-            height: 100%;
-        }
-    }
-    & .details-form {
-        display: grid;
-        grid-template-rows: minmax(10rem, 1fr) 8.2rem;
-        height: 100%;
-        position: relative;
-
-        @include mobile {
-            max-height: calc(100% - 1rem);
-        }
-    }
-    @include mobile {
-        overflow: hidden;
-    }
-}
-
-.cfd-change-password {
-    &__description {
-        margin-bottom: 2.4rem;
-    }
-
-    &__icon {
-        margin-left: 2.3rem;
-        margin-bottom: 1.4rem;
-        flex: none;
-    }
-
-    &-confirmation {
-        &__description {
-            margin-top: 0.8rem;
-            margin-bottom: 2.4rem;
-        }
-    }
-}
-
-.cfd-trading-password {
-    margin-top: 3.2rem;
-}
-
-.dc-modal__container_cfd-financial-stp-signup-modal {
-    max-height: calc(100vh - 102px) !important;
-    @include desktop {
-        display: grid;
-        grid-template-rows: 6rem minmax(20rem, 1fr);
-    }
-}
-.dc-modal__container_cfd-password-modal {
-    .dc-form-submit-button {
-        background-color: unset;
-        padding-bottom: 1.2rem;
-
-        @include mobile {
-            border-top: none;
-            bottom: 0;
-        }
-        .dc-btn:first-child {
-            margin-left: 0;
-        }
-    }
-    .dc-input {
-        &__label {
-            top: 0.9rem;
-        }
-        &__hint {
-            top: 4.8rem;
-        }
-    }
-}
-.dc-modal__container_cfd-pending-dialog,
-.dc-modal__container_cfd-success-dialog {
-    .dc-modal-header__title--cfd-pending-dialog {
-        text-align: center;
-        margin: auto;
-        padding: 2.4rem;
-        width: fit-content;
-    }
-    .dc-modal-body {
-        text-align: center;
-    }
-    .dc-modal-footer {
-        justify-content: center;
-        padding: 0.8rem 2rem 2.4rem;
-
-        .dc-btn {
-            min-width: 90px;
-
-            &:only-child {
-                margin: 0;
-            }
-            &:first-child {
-                margin-left: 0;
-            }
-        }
-        @include mobile {
-            padding: 0.8rem 1.6rem 1.6rem;
-            display: flex;
-            grid-gap: 0.6rem;
-
-            & .dc-btn {
-                &:only-child {
-                    max-width: 14rem;
-                    width: auto;
-                    min-width: 9rem;
-                }
-            }
-        }
-    }
-}
-.dc-modal__container_cfd-success-dialog {
-    .success-change__icon-area {
-        width: 128px;
-        margin: 0 auto;
-        position: relative;
-
-        &--large .bottom-right-overlay {
-            position: absolute;
-            left: 76px;
-            top: 76px;
-
-            @include mobile {
-                left: 78px;
-                top: 58px;
-            }
-        }
-        &--xlarge .bottom-right-overlay {
-            position: absolute;
-            bottom: 0.8rem;
-            right: -2.8rem;
-            height: 5.2rem;
-            width: 5.2rem;
-        }
-    }
-    .dc-modal-body {
-        .dc-modal-header__title {
-            text-align: center;
-            margin: auto;
-            padding: 1.6rem 0 0.8rem;
-            width: fit-content;
-        }
-        @include mobile {
-            font-size: 1.4rem;
-        }
-    }
-    .cfd-account__platform {
-        font-style: italic;
-    }
-}
-.cfd-personal-details-form-error {
-    @include typeface(--paragraph-left-normal-red);
-    @include desktop {
-        white-space: nowrap;
-        display: flex;
-        align-items: flex-end;
-    }
-}
-
-/* stylelint-enable */
diff --git a/packages/trader/src/sass/app/modules/mt5/cfd.scss b/packages/trader/src/sass/app/modules/mt5/cfd.scss
deleted file mode 100644
index 8b8da00191ca..000000000000
--- a/packages/trader/src/sass/app/modules/mt5/cfd.scss
+++ /dev/null
@@ -1,394 +0,0 @@
-.dc-modal__container_cfd-password-modal,
-.dc-mobile-dialog__cfd-password-modal {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    max-width: 424px;
-
-    form {
-        flex-grow: 1;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: space-between;
-        padding: 0 2.4rem 1.2rem;
-
-        @include mobile {
-            padding: 0;
-        }
-    }
-    &__description {
-        @include typeface(--small-center-normal-black);
-        color: var(--text-prominent);
-        text-transform: none;
-        margin-top: 1rem;
-        top: 2rem;
-        position: relative;
-        padding: 1.3rem;
-    }
-    &__hint {
-        max-width: 40rem;
-    }
-    &__body {
-        flex-grow: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: flex-start;
-    }
-    .dc-input {
-        &__label {
-            top: 1.2rem;
-            @include mobile {
-                top: 0.9rem;
-                background-color: var(--fill-normal);
-            }
-        }
-    }
-    .dc-password-meter {
-        &__bg {
-            background: var(--general-section-2);
-            @include mobile {
-                background: var(--fill-disabled);
-            }
-        }
-    }
-    .status-dialog {
-        margin-top: 3em;
-    }
-    .cfd-password-reset {
-        @include mobile {
-            flex: 1;
-        }
-    }
-    & .dc-password-meter__container {
-        flex-grow: 1;
-        margin: auto;
-
-        @include mobile {
-            width: calc(100vw - 4.8rem);
-            max-width: 30rem;
-        }
-    }
-    & .mt5-password-field {
-        margin-bottom: 1em;
-        width: 80%;
-    }
-    .input-element {
-        width: 100%;
-    }
-    @include mobile {
-        .cfd-password-modal__content {
-            overflow-y: auto;
-            overflow-x: hidden;
-            height: 100%;
-            max-height: calc(100% - 6.4rem);
-            padding: 1rem;
-        }
-    }
-    @include tablet-up {
-        .cfd-password-modal__content {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            margin-bottom: 2rem;
-
-            &--password-reset {
-                padding: 0 2.5rem;
-            }
-        }
-    }
-}
-.dc-mobile-dialog__mt5-email-sent {
-    padding-bottom: 1rem;
-}
-
-.cfd-password-modal {
-    &__warning {
-        padding: 2.5rem;
-        max-width: 50rem;
-        align-self: center;
-        &-text {
-            border-radius: 0.8rem;
-            padding: 0.8rem;
-            background-color: var(--status-warning);
-        }
-    }
-
-    &__message {
-        max-width: 32rem;
-        margin: auto;
-        line-height: 1.43;
-    }
-    &__radio {
-        &.dc-radio-group {
-            display: grid;
-            grid-gap: 2rem;
-            margin-top: 0;
-            padding-bottom: 2.4rem;
-        }
-        &.dc-radio-group__item {
-            display: flex;
-            flex-direction: row;
-        }
-    }
-    &__create-password {
-        padding: 0 1.2rem;
-
-        &-content {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            align-items: center;
-            margin-top: -2.5rem;
-
-            .dc-icon {
-                margin-left: 1.1rem;
-                flex: none;
-            }
-        }
-        &-title {
-            margin-top: 2.4rem;
-            margin-bottom: 0.8rem;
-        }
-        &-description {
-            max-width: 30rem;
-            margin-bottom: 1.6rem;
-        }
-    }
-    &__change-password-confirmation {
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-        max-width: 30rem;
-
-        @include desktop {
-            margin-top: -2.5rem;
-        }
-
-        &-wrapper {
-            display: flex;
-            justify-content: center;
-            width: 100%;
-        }
-        .dc-form-submit-button {
-            margin-bottom: 2.2rem;
-        }
-    }
-}
-
-.dc-modal__container_top-up-virtual {
-    width: 384px;
-    min-height: 367px;
-    display: flex;
-    flex-direction: column;
-
-    &__body {
-        display: flex;
-        flex-direction: column;
-        padding: 4.8rem 4.2rem;
-        flex-grow: 1;
-        justify-content: space-around;
-        align-items: center;
-    }
-    &__description {
-        text-transform: none;
-    }
-    &--h4 {
-        @include typeface(--small-center-bold-black);
-        text-transform: none;
-        color: var(--text-prominent);
-    }
-    &--balance {
-        @include typeface(--title-center-bold-black);
-        line-height: 1.5;
-        color: var(--text-profit-success);
-    }
-}
-
-.cfd-success-topup {
-    &__heading {
-        @include typeface(--paragraph-center-bold-black);
-        margin: 1.6rem 1.8rem;
-    }
-    &__description {
-        p {
-            @include typeface(--small-center-normal-black);
-            color: var(--text-general);
-            text-transform: none;
-        }
-    }
-}
-
-.cfd-dashboard {
-    &__container {
-        & .dc-popover__target {
-            display: flex;
-        }
-    }
-}
-
-.cfd-verification-email-sent {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    &__title {
-        @include typeface(--title-center-bold-black);
-        margin: 0.8rem 0;
-
-        &--sub {
-            margin-bottom: 0.8rem;
-            margin-top: 3rem;
-        }
-    }
-    &__resend-button {
-        display: block;
-        @include typeface(--paragraph-center-bold-black);
-        color: var(--brand-red-coral);
-        text-decoration: none;
-        margin: 3.2rem 0 0;
-    }
-    & .countdown {
-        margin: 0 0.4rem;
-    }
-}
-
-.cfd-reset-password {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    @include typeface(--paragraph-left-normal-black);
-    color: var(--text-prominent);
-
-    &__container {
-        display: grid;
-        grid-template-rows: 12rem 7rem;
-        height: 100%;
-        width: 100%;
-        justify-items: center;
-        flex-grow: 1;
-
-        @include mobile {
-            min-height: 24rem;
-            width: calc(100vw - 3.2rem);
-        }
-    }
-    &__heading {
-        @include typeface(--paragraph-center-bold-black);
-        margin: 1.6rem 0 0;
-    }
-    &__hint {
-        @include typeface(--small-left-normal-black);
-        color: var(--text-less-prominent);
-        margin-left: 1.2rem;
-    }
-    &__password-field {
-        margin-bottom: 0.5rem;
-
-        & .dc-input__label {
-            top: 0.9rem;
-        }
-    }
-    &__password-area {
-        @include desktop {
-            width: calc(min(33rem, 100vw));
-            padding: 2.4rem;
-        }
-        @include mobile {
-            width: 100%;
-            max-width: calc(100% - 2.4rem);
-        }
-    }
-    &__error {
-        display: flex;
-        max-width: 38.4rem;
-        min-height: 28.4rem;
-        flex-direction: column;
-        align-items: center;
-        padding-top: 2rem;
-        margin: 0 auto;
-    }
-    &__description {
-        @include typeface(--paragraph-left-normal-black);
-        color: var(--text-prominent);
-        margin-bottom: 2.4rem;
-
-        &--is-centered {
-            margin-bottom: 2.4rem;
-            max-width: 70%;
-        }
-    }
-    &__confirm-button {
-        margin-top: 2.4rem;
-    }
-    &__success {
-        height: 28.4rem;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: space-around;
-        padding: 2.4rem 0 2rem;
-
-        @include mobile {
-            width: calc(100vw - 3.2rem);
-            height: 100%;
-        }
-    }
-    @include mobile {
-        & .dc-form-submit-button {
-            all: unset;
-        }
-    }
-}
-
-/** @define poi-icon-row; weak */
-.poi-icon-row {
-    display: flex;
-    margin-bottom: 16px;
-
-    &__icon-container {
-        align-items: center;
-        display: flex;
-        flex-direction: column;
-        color: var(--text-less-prominent);
-
-        &:not(:first-child):not(:last-child) {
-            margin: 0 40px;
-        }
-        p {
-            font-size: var(--text-size-xxs);
-        }
-        p:first-of-type {
-            line-height: 1.5;
-            margin-top: 8px;
-            font-weight: bold;
-        }
-        @include mobile {
-            &:not(:first-child):not(:last-child) {
-                margin: 0;
-            }
-            & .dc-icon {
-                width: 8.8rem;
-                height: auto;
-
-                /* iPhone SE screen width fixes due to UI space restrictions */
-                @media only screen and (max-width: 340px) {
-                    width: 7rem;
-                }
-            }
-            p {
-                line-height: 20px;
-            }
-        }
-    }
-    @include mobile {
-        display: grid;
-        grid-gap: 2.4rem;
-        grid-template-columns: 1fr 1fr 1fr;
-        margin-top: 4rem;
-    }
-}
diff --git a/packages/trader/src/sass/app/modules/reports.scss b/packages/trader/src/sass/app/modules/reports.scss
deleted file mode 100644
index 6b5c4e740926..000000000000
--- a/packages/trader/src/sass/app/modules/reports.scss
+++ /dev/null
@@ -1,1005 +0,0 @@
-@import '../_common/components/composite-calendar';
-
-$side-padding: 1.2em;
-
-/** @define reports; weak */
-.reports {
-    height: 100%;
-
-    &__meta {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        padding: 0 2.4rem 1.6rem 0;
-
-        @include mobile {
-            padding: 0 1.6rem 1.6rem;
-        }
-
-        flex-direction: column-reverse;
-        padding-bottom: 0;
-
-        &-filter {
-            position: relative;
-            display: flex;
-            width: 100%;
-            @include desktop {
-                max-width: 36rem;
-                margin-left: auto;
-            }
-            &--statement {
-                @include desktop {
-                    max-width: 50rem;
-                }
-            }
-        }
-
-        @include desktop {
-            align-items: center;
-        }
-
-        @include mobile {
-            flex-direction: column;
-            padding-bottom: 0;
-
-            &-filter {
-                padding: 0 0 1.6rem;
-            }
-            #dt_calendar_input {
-                text-align: left;
-                padding-left: 3rem;
-            }
-        }
-    }
-    &__mobile-wrapper {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-    }
-    &__route-selection {
-        padding: 1.6rem;
-    }
-    &__content {
-        width: 100%;
-        display: flex;
-        flex: 1;
-        flex-direction: column;
-        @media only screen and (min-width: 1280px) {
-            overflow: visible;
-        }
-    }
-    .unknown-icon {
-        margin-left: 8px;
-        fill: var(--text-general);
-        border-radius: $BORDER_RADIUS;
-    }
-    /* postcss-bem-linter: ignore */
-    .dc-tabs--open-positions {
-        flex: 1;
-        grid-template-rows: 36px calc(100% - 36px);
-        grid-template-columns: 100%;
-
-        .dc-tabs__content {
-            display: flex;
-            height: 100%;
-        }
-    }
-    /* postcss-bem-linter: ignore */
-    .statement__row--detail {
-        overflow: hidden;
-        min-height: 63px;
-        display: flex;
-        align-items: center;
-        padding: 0;
-        justify-content: center;
-        background-color: var(--general-section-1);
-
-        /* postcss-bem-linter: ignore */
-        &-text {
-            padding: 1.12em;
-            word-break: break-all;
-
-            .dc-popover__wrapper {
-                display: inline-block;
-                margin-left: 1rem;
-            }
-        }
-    }
-    .dc-vertical-tab__content--floating {
-        margin-right: 0;
-    }
-    .table__head {
-        height: auto;
-        .table__cell {
-            @include tablet-up {
-                white-space: break-spaces;
-            }
-        }
-    }
-}
-
-/** @define reports-page-wrapper; weak */
-.reports-page-wrapper {
-    height: 100%;
-}
-
-/** @define statement; weak */
-.statement {
-    .table__head {
-        font-weight: bold;
-        align-items: flex-start;
-        height: auto;
-
-        .table__cell {
-            height: auto;
-        }
-        @include desktop {
-            white-space: normal;
-        }
-    }
-
-    @include desktop {
-        height: 100%;
-    }
-    @include mobile {
-        flex: 1;
-
-        &__data-list-body {
-            height: 100%;
-
-            .action_type {
-                display: flex;
-                flex: none;
-                align-items: center;
-
-                &__row-title {
-                    display: none;
-                }
-            }
-            .balance {
-                display: flex;
-
-                &__row-title {
-                    flex: 50%;
-                }
-            }
-        }
-    }
-
-    &__content {
-        width: 100%;
-        max-height: 100%;
-    }
-    /*
-        TABLE STYLES
-    */
-    &__table {
-        height: calc(100% - 42px);
-        flex: 1;
-        min-width: 85rem;
-    }
-    &__row {
-        /* icon refId currency tr_time transaction cred/debt balance */
-        /* stylelint-disable-next-line declaration-colon-space-after */
-        grid-template-columns:
-            minmax(120px, 0.8fr) minmax(85px, 1.4fr) minmax(110px, 1.2fr) minmax(85px, 1.2fr) minmax(85px, 1fr)
-            minmax(85px, 1.2fr) minmax(85px, 1fr);
-
-        .date {
-            text-align: left;
-        }
-    }
-    .amount,
-    .balance {
-        justify-content: flex-end;
-    }
-    .amount {
-        font-weight: bold;
-
-        &--profit {
-            color: var(--text-profit-success);
-        }
-        &--loss {
-            color: var(--text-loss-danger);
-        }
-    }
-    .market-symbol-icon {
-        @include mobile {
-            width: 80px;
-        }
-    }
-    /*
-        MOBILE CARDS
-    */
-    &--card-view {
-        background: var(--general-main-2);
-        overflow: hidden;
-
-        .statement__filter {
-            padding: 0 $side-padding;
-            border-bottom: 1px solid var(--general-section-1);
-
-            &-content {
-                padding: 0;
-                margin: 0 auto;
-                max-width: 450px;
-                display: grid;
-                grid-template-columns: 1fr 3em 1fr;
-                text-align: center;
-
-                .datepicker__input-field {
-                    width: 100%;
-                }
-            }
-            &-label {
-                display: none;
-            }
-        }
-        .statement__content {
-            padding: 0;
-        }
-        .statement__card-list {
-            padding: 0 $side-padding;
-            height: 100%;
-        }
-    }
-    &__statement-header {
-        justify-content: flex-end;
-    }
-    &__account-statistics {
-        background-color: var(--general-section-1);
-        @include desktop {
-            margin: 1.6rem 0;
-            width: 100%;
-        }
-        @include mobile {
-            margin: 0.8rem 0 1.6rem;
-            order: 1;
-        }
-        height: 4.8rem;
-        display: flex;
-        flex-direction: row;
-        text-align: left;
-
-        &-item {
-            flex: 1;
-            display: flex;
-
-            &:last-child {
-                border-right: unset;
-            }
-            &:first-child {
-                .statement__account-statistics--is-rectangle {
-                    padding-left: 0;
-                }
-            }
-            &:not(:first-child) {
-                justify-content: center;
-            }
-        }
-        &-total-withdrawal {
-            @include desktop {
-                min-width: 19rem;
-            }
-            @include mobile {
-                min-width: 12.3rem;
-            }
-        }
-        &--is-rectangle {
-            height: 100%;
-            display: flex;
-            justify-content: center;
-            margin: auto;
-
-            @include desktop {
-                padding: 0.4rem 1.6rem;
-            }
-            @include mobile {
-                flex-direction: column;
-            }
-        }
-        &-title {
-            margin: auto;
-
-            @include mobile {
-                font-size: 1rem;
-                margin-bottom: 0;
-            }
-        }
-        &-amount {
-            margin: auto;
-
-            @include desktop {
-                margin-left: 1rem;
-            }
-            @include mobile {
-                font-size: 1.4rem;
-                margin-top: 1rem;
-            }
-        }
-    }
-}
-
-/** @define statement-card */
-.statement-card {
-    &__header {
-        font-size: 1em;
-        padding: 0.5em;
-        border-bottom: 1px solid var(--general-section-1);
-        display: flex;
-        justify-content: space-between;
-    }
-    /* postcss-bem-linter: ignore */
-    &__refid a {
-        color: $COLOR_SKY_BLUE;
-        text-decoration: none;
-    }
-    &__body {
-        padding: 0.5em;
-        font-size: 1.2em;
-    }
-    &__desc {
-        margin-bottom: 0.7em;
-    }
-    &__row {
-        display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        font-weight: bold;
-    }
-    &__cell-text {
-        vertical-align: middle;
-    }
-    &__amount {
-        &--sell,
-        &--deposit {
-            color: var(--text-profit-success);
-        }
-        &--buy,
-        &--withdrawal {
-            color: var(--text-loss-danger);
-        }
-    }
-    &__icon {
-        display: inline-block;
-        height: 1.6em;
-        width: 1.6em;
-        background-size: 1.6em 1.6em;
-        vertical-align: middle;
-        margin-right: 0.5em;
-    }
-}
-
-/** @define statement-empty */
-.statement-empty {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    &__icon {
-        height: 6.4em;
-        width: 6.4em;
-        margin-bottom: 1.4em;
-    }
-    &__text {
-        font-size: 1.4em;
-    }
-}
-
-/** @define profit-table; weak */
-.profit-table {
-    .table__head,
-    .table__foot {
-        font-weight: bold;
-    }
-    .table__head {
-        white-space: normal;
-        .table__cell {
-            align-items: flex-start;
-        }
-    }
-
-    @include desktop {
-        height: 100%;
-    }
-
-    @include mobile {
-        flex: 1;
-
-        &__data-list-body {
-            height: calc(100% - 50px);
-
-            .sell_time__row-title {
-                display: flex;
-                align-items: center;
-
-                .dc-icon {
-                    margin-left: 4px;
-                }
-            }
-        }
-        &__data-list-footer {
-            height: 50px;
-            min-height: 50px;
-            font-weight: bold;
-
-            .data-list__row__content {
-                font-size: 1.2rem;
-                color: var(--text-prominent);
-            }
-            .data-list__row {
-                padding: 0;
-            }
-        }
-    }
-
-    &__content {
-        width: 100%;
-        max-height: 100%;
-    }
-    /*
-        TABLE STYLES
-    */
-    &__table {
-        height: calc(100% - 42px);
-        flex: 1;
-        min-width: 90rem;
-    }
-    &__row {
-        /* icon refId currency buy_time buy_price sell_time sell_price profit/loss */
-        /* stylelint-disable-next-line declaration-colon-space-after */
-        grid-template-columns:
-            minmax(120px, 0.6fr) minmax(130px, 1fr) minmax(85px, 1fr) minmax(85px, 1.2fr) minmax(85px, 1fr)
-            minmax(85px, 1.2fr) minmax(95px, 1fr) minmax(130px, 1fr);
-    }
-    .buy_price,
-    .sell_price,
-    .profit_loss {
-        @include desktop {
-            justify-content: flex-end;
-            text-align: right;
-        }
-        @include mobile {
-            justify-content: center;
-        }
-    }
-    .sell_time,
-    .purchase_time {
-        text-align: left;
-        min-width: 12.5rem;
-    }
-    .profit_loss {
-        font-weight: bold;
-        @include tablet-up {
-            word-break: break-word;
-        }
-        @include mobile {
-            display: flex;
-
-            &__row-title {
-                flex: 50%;
-            }
-        }
-    }
-    .market-symbol-icon {
-        @include mobile {
-            width: 80px;
-        }
-    }
-    .duration-type {
-        flex: none;
-        position: relative;
-        height: 24px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0px 16px;
-        font-size: 1.4rem;
-        font-weight: bold;
-
-        &__background {
-            position: absolute;
-            height: 100%;
-            width: 100%;
-            opacity: 0.16;
-            border-radius: 16px;
-        }
-        &__ticks {
-            color: $color-yellow;
-
-            &__background {
-                background: $color-yellow;
-            }
-        }
-        &__seconds {
-            color: $color-green-1;
-
-            &__background {
-                background: $color-green-1;
-            }
-        }
-        &__minutes {
-            color: $color-blue-1;
-
-            &__background {
-                background: $color-blue-1;
-            }
-        }
-        &__hours {
-            color: $COLOR_BLUE;
-
-            &__background {
-                background: $COLOR_BLUE;
-            }
-        }
-        &__days {
-            color: $color-purple;
-
-            &__background {
-                background: $color-purple;
-            }
-        }
-    }
-}
-
-/** @define open-positions; weak */
-.open-positions {
-    height: 100%;
-
-    @include mobile {
-        flex: 1;
-        padding-top: 0.8rem;
-
-        &-multiplier,
-        &-accumulator {
-            /* postcss-bem-linter: ignore */
-            & .data-list__item {
-                background-color: var(--general-section-1);
-                border-radius: $BORDER_RADIUS;
-                border: 1px solid var(--border-disabled);
-                padding: 0;
-
-                /* postcss-bem-linter: ignore */
-                & .dc-progress-slider--completed {
-                    display: none;
-                }
-                /* postcss-bem-linter: ignore */
-                & .dc-contract-card {
-                    background-color: var(--general-main-2);
-                    /* postcss-bem-linter: ignore */
-                    &__wrapper {
-                        background-color: var(--general-main-2);
-                        max-width: unset;
-                        margin: 0;
-                    }
-                    /* postcss-bem-linter: ignore */
-                    &-item__footer {
-                        background-color: var(--general-main-2);
-                        border-radius: $BORDER_RADIUS;
-                    }
-                    /* postcss-bem-linter: ignore */
-                    &__grid-underlying-trade {
-                        border-bottom: 1px solid var(--border-disabled);
-                        margin-bottom: 5px;
-                    }
-                    /* postcss-bem-linter: ignore */
-                    &__grid-items {
-                        grid-template-columns: 1fr 1fr 1fr;
-                        margin-top: 0.4rem;
-                        margin-bottom: 0.4rem;
-                    }
-                    /* postcss-bem-linter: ignore */
-                    &__sell-button {
-                        border-top: 1px solid var(--border-disabled);
-                    }
-                    /* postcss-bem-linter: ignore */
-                    &-item {
-                        /* postcss-bem-linter: ignore */
-                        &__total-profit-loss {
-                            border-color: var(--border-disabled);
-                        }
-                        /* postcss-bem-linter: ignore */
-                        &:nth-child(1) {
-                            order: 0;
-                        }
-                        /* postcss-bem-linter: ignore */
-                        &:nth-child(3),
-                        &:nth-child(5) {
-                            order: 2;
-                        }
-                        /* postcss-bem-linter: ignore */
-                        &:nth-child(6) {
-                            order: 6;
-                        }
-                    }
-                }
-                /* postcss-bem-linter: ignore */
-                & .dc-contract-card-dialog-toggle {
-                    border-color: var(--border-disabled);
-                }
-            }
-            /* postcss-bem-linter: ignore */
-            & .open-positions__data-list-body {
-                padding: 0;
-                height: calc(100% - 48px);
-            }
-            /* postcss-bem-linter: ignore */
-            & .open-positions__data-list-footer {
-                height: 48px;
-                min-height: 48px;
-                font-weight: bold;
-                align-items: center;
-                padding: 0;
-
-                /* postcss-bem-linter: ignore */
-                &--content {
-                    padding: 0 1.6rem;
-                    display: grid;
-                    grid-template-columns: 0.7fr 1fr;
-
-                    /* postcss-bem-linter: ignore */
-                    .profit {
-                        align-items: flex-start;
-                    }
-                }
-            }
-        }
-        &__data-list {
-            margin-top: 0.8rem;
-        }
-        &__data-list-body {
-            height: calc(100% - 95px);
-
-            .dc-progress-bar__container {
-                max-width: 120px;
-                align-self: center;
-            }
-        }
-        &__data-list-footer {
-            height: 95px;
-            min-height: 95px;
-            font-weight: bold;
-            align-items: flex-start;
-            padding: 0.8rem 4rem 0 1rem;
-
-            &--title {
-                font-size: 1.4rem;
-                font-weight: bold;
-                color: var(--text-prominent);
-            }
-            &--content {
-                flex: 1;
-                padding: 0.8rem 1.6rem 0;
-                display: flex;
-                justify-content: space-between;
-
-                .purchase,
-                .indicative {
-                    padding-bottom: 8px;
-                }
-            }
-            .data-list__row-title {
-                font-size: 1rem;
-                line-height: 1.4rem;
-            }
-            .data-list__row-content {
-                font-size: 1rem;
-                line-height: 1.4rem;
-                color: var(--text-prominent);
-            }
-        }
-        .dc-contract-card__no-resale-msg {
-            display: flex;
-            font-size: 1.4rem;
-            color: var(--text-general);
-            justify-content: center;
-            padding: 0.8rem 0rem;
-        }
-    }
-
-    &__content {
-        width: fit-content;
-        max-height: 100%;
-    }
-    &__indicative {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-        width: 100%;
-
-        &--amount {
-            display: flex;
-            align-items: center;
-            @include desktop {
-                line-height: 2;
-            }
-        }
-        .dc-btn--sell {
-            height: 2.4rem;
-        }
-        &-no-resale-msg {
-            clear: both;
-            text-align: center;
-            font-size: smaller;
-        }
-    }
-    &__profit-loss {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-weight: bold;
-
-        &--movement {
-            width: 16px;
-            height: 16px;
-
-            &-complete,
-            &-complete:after {
-                display: none;
-            }
-            &:after {
-                content: '';
-                width: 16px;
-            }
-        }
-        &--negative {
-            color: var(--text-loss-danger);
-
-            &:before {
-                content: '-';
-                color: inherit;
-            }
-        }
-        &--positive {
-            color: var(--text-profit-success);
-
-            &:before {
-                content: '+';
-                color: inherit;
-            }
-        }
-    }
-    /*
-        TABLE STYLES
-    */
-    &__table {
-        height: calc(100% - 24px);
-        flex: 1;
-        margin-top: 20px;
-
-        .table__head {
-            height: auto;
-            white-space: normal;
-            @include tablet-up {
-                .profit,
-                .indicative {
-                    white-space: break-spaces;
-                }
-            }
-
-            .table__cell {
-                font-weight: bold;
-                align-items: flex-start;
-            }
-        }
-        .table__body {
-            .open-positions__row_wrapper {
-                border-bottom: 1px solid var(--general-section-1);
-            }
-        }
-        .table__foot {
-            font-weight: bold;
-            white-space: normal;
-        }
-    }
-    &__row {
-        /* type refId currency buy_price payout_limit indicative_profit/loss indicative_price rem_time */
-        /* stylelint-disable-next-line declaration-colon-space-after */
-        grid-template-columns:
-            minmax(110px, 0.7fr) minmax(130px, 0.8fr) minmax(100px, 1.1fr) minmax(90px, 1.1fr) minmax(90px, 1.1fr)
-            minmax(140px, 1.1fr) minmax(120px, 1.1fr) minmax(85px, 1.1fr);
-        width: 100%;
-        grid-auto-rows: 100%;
-
-        &_wrapper {
-            display: flex;
-            flex-direction: row;
-            height: 100%;
-        }
-    }
-    &__reports-meta {
-        @include mobile {
-            padding-bottom: 0px;
-        }
-    }
-    .growth_rate,
-    .buy_price,
-    .payout,
-    .indicative,
-    .purchase,
-    .multiplier,
-    .currency,
-    .profit {
-        @include desktop {
-            justify-content: center;
-        }
-    }
-    .type {
-        padding-right: 0;
-    }
-    .dc-progress-slider {
-        border: none;
-        margin: 0;
-
-        &__ticks {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &-step {
-                background: var(--state-hover);
-            }
-            &-wrapper {
-                margin-top: 6px;
-            }
-            &-caption {
-                padding: 0;
-                margin-right: 8px;
-                white-space: nowrap;
-            }
-        }
-    }
-    .market-symbol-icon {
-        @include mobile {
-            width: 80px;
-        }
-    }
-}
-
-/** @define open-positions-multiplier & open-positions-accumulator; weak */
-.open-positions-multiplier,
-.open-positions-accumulator {
-    .open-positions {
-        &__row {
-            /* icon multiplier currency stake cancellation buy_price limit_order current_stake total_profit_loss action */
-            /* stylelint-disable-next-line declaration-colon-space-after */
-            grid-template-columns:
-                minmax(85px, 1fr) minmax(125px, 1fr) minmax(65px, 1fr) minmax(105px, 1fr) minmax(100px, 1fr)
-                minmax(105px, 1fr) minmax(105px, 1fr) minmax(105px, 1fr) minmax(125px, 1fr) minmax(90px, 1fr);
-
-            &-action {
-                display: flex;
-                flex-direction: column;
-                flex: 1;
-
-                .dc-remaining-time {
-                    margin-left: 0.4rem;
-                    font-size: inherit;
-                }
-                .dc-btn {
-                    height: 2.4rem;
-                    padding: 0 0.8rem;
-                    min-width: 93px;
-
-                    .dc-btn__text {
-                        font-size: 1.2rem;
-                    }
-                    &:first-child {
-                        margin-bottom: 0.4rem;
-                    }
-                }
-            }
-            .limit_order,
-            .cancellation,
-            .bid_price {
-                @include desktop {
-                    justify-content: center;
-                    text-align: center;
-                    width: 100%;
-                    white-space: break-spaces;
-                }
-            }
-            .limit_order {
-                flex-direction: column;
-                align-items: flex-end;
-                text-align: right;
-                justify-content: flex-start;
-            }
-            .action {
-                padding-bottom: 0;
-                justify-content: center;
-            }
-        }
-        &__bid_price {
-            font-weight: bold;
-
-            &--negative {
-                color: var(--text-loss-danger);
-            }
-            &--positive {
-                color: var(--text-profit-success);
-            }
-        }
-    }
-}
-
-.open-positions-accumulator {
-    .open-positions {
-        &__row {
-            /* icon accumulator currency stake take_profit bid_price total_profit_loss action */
-            /* stylelint-disable-next-line declaration-colon-space-after */
-            grid-template-columns:
-                minmax(85px, 1fr) minmax(125px, 1fr) minmax(65px, 1fr) minmax(105px, 1fr) minmax(105px, 1fr)
-                minmax(112px, 1fr) minmax(149px, 1fr) minmax(90px, 1fr);
-
-            .limit_order {
-                @include desktop {
-                    justify-content: center;
-                    align-items: center;
-                }
-            }
-        }
-    }
-}
-
-.open-positions,
-.statement,
-.profit-table {
-    /* postcss-bem-linter: ignore */
-    .data-list__body,
-    .data-list__footer {
-        padding: 0 1.6rem;
-    }
-    /* postcss-bem-linter: ignore */
-    .data-list__item {
-        background-color: var(--general-section-1);
-    }
-    .currency {
-        &__wrapper {
-            background: var(--border-active);
-            border-radius: $BORDER_RADIUS;
-            padding: 0 0.4rem;
-        }
-    }
-}
-
-/** @define empty-trade-history; weak*/
-.empty-trade-history {
-    position: absolute;
-    top: 20%;
-    left: 10%;
-    width: 50%;
-    display: flex;
-    flex-flow: column nowrap;
-    align-items: center;
-    justify-content: center;
-    margin: auto;
-
-    @media only screen and (max-width: 769px) {
-        position: static;
-        width: 50%;
-    }
-
-    &__icon {
-        width: 96px;
-        height: 96px;
-        margin-bottom: 16px;
-        @include colorIcon(var(--text-disabled));
-    }
-    &__text {
-        line-height: 20px;
-    }
-    .dc-btn {
-        width: 100%;
-        height: 40px;
-        border: 1px solid var(--button-secondary-default);
-        color: var(--text-general);
-        background: transparent;
-
-        &:hover {
-            background: var(--button-secondary-hover);
-        }
-    }
-}