.advanced-tab { display: flex; flex-flow: column; &__transaction-data-summary { padding-left: 24px; padding-right: 24px; } &__transaction-data-summary { display: flex; flex-flow: column; color: var(--mid-gray); margin-top: 12px; padding-left: 18px; padding-right: 18px; &__titles, &__container { @include H7; display: flex; flex-flow: row; justify-content: space-between; color: #888ea3; } &__container { @include Paragraph; margin-top: 0; } &__fee { @include Paragraph; color: #313a5e; } &__time-remaining { @include Paragraph; /*rtl:ignore*/ direction: ltr; color: #313a5e; .minutes-num, .seconds-num { @include Paragraph; } .seconds-num { @include Paragraph; margin-left: 7px; } .minutes-label, .seconds-label { @include Paragraph; } } } &__fee-chart { margin-top: 8px; height: 265px; background: #f8f9fb; border-bottom: 1px solid #d2d8dd; border-top: 1px solid #d2d8dd; position: relative; &__title { @include H7; color: #313a5e; margin-left: 22px; } &__speed-buttons { @include H8; position: absolute; bottom: 13px; display: flex; justify-content: space-between; padding-left: 20px; padding-right: 19px; width: 100%; color: #888ea3; } .loading-overlay { height: auto; } } &__slider-container { padding-left: 27px; padding-right: 27px; } &__gas-inputs { display: flex; flex-flow: row; justify-content: space-between; margin-left: 20px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px; } }