<commit_before>@supports (display: grid) {
    .app-contents {
        margin: $HEADER_HEIGHT 0 $FOOTER_HEIGHT;
        height: calc(100vh - #{$HEADER_HEIGHT} - #{$FOOTER_HEIGHT});
        overflow-y: auto;
        overflow-x: hidden;

        &--show-portfolio-drawer {
            margin-right: $PORTFOLIO_DRAWER_WIDTH;
        }
        @media screen and (max-width: 768px) {
            // no footer:
            margin-bottom: 0;
            height: calc(100vh - #{$HEADER_HEIGHT});
        }

        .login-message-wrapper {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;

            .message {
                a {
                    text-decoration: none;
                    color: $COLOR_BLUE;

                    &:hover {
                        font-weight: 500;
                    }
                }
            }
        }
    }
    /* trade-app layout */
    .trade-container {
        position: relative;
        padding: 8px 12px 0;
        display: grid;
        grid-template-columns: repeat(12, [col-start] 1fr);
        grid-template-rows: 1fr;
        grid-gap: 4px;
        min-height: calc(100vh - 91px);

        .chart-container {
            position: relative;

            cq-context { // stylelint-disable-line selector-type-no-unknown
                top: 0;
                left: 0;
                z-index: 0;

                div.ciq-chart {
                    height: calc(100% - 50px);

                    div.chartContainer {
                        background: transparent;
                        min-height: 100%;
                    }
                    div.cq-chart-controls {
                        box-shadow: none;
                    }
                }
            }
            div.debug-text {
                display: none;
            }
        }
        .sidebar-container, .sidebar-items {
            position: relative;
            min-height: 500px;
        }
        & > * {
            grid-column: col-start / span 12;
        }
        @media (max-width: 768px) {
            grid-template-rows: 1fr auto auto;
        }
        @media (min-width: 769px) {
            .chart-container {
                grid-column: col-start 1 / span 10;
                margin-left: -15px;

                fieldset {
                    display: inline-grid;
                    width: 25%;
                    margin: 0 8px 16px;
                }
            }
            .sidebar-container {
                grid-column: col-start 11 / span 2;
                transition: all 0.25s;

                fieldset {
                    margin-bottom: 5px;

                    div.duration-container, div.amount-container {
                        display: grid;
                        grid-gap: 8px;
                        grid-template-columns: 1fr;
                        grid-auto-columns: auto;
                    }
                    div.endtime-container {
                        display: grid;
                        grid-gap: 8px;
                        grid-template-columns: 1fr;
                        grid-auto-columns: auto;

                        &.has-time {
                            grid-template-columns: 1.5fr 1fr;
                        }
                    }
                    .time-picker, .datepicker-container {
                        margin-top: 8px;
                    }
                    @media (min-width: 979px) {
                        div.duration-container {
                            grid-template-columns: 1fr 1.5fr;
                        }
                        div.amount-container {
                            grid-template-columns: 1fr 1.5fr;
                            grid-gap: 0;

                            div:first-child {
                                border-right-width: 0px;
                                border-left-width: 1px;
                                border-top-left-radius: $BORDER_RADIUS;
                                border-bottom-left-radius: $BORDER_RADIUS;
                                border-top-right-radius: 0;
                                border-bottom-right-radius: 0;

                                &:hover, &:focus, &:active, &.clicked {
                                    border-right-width: 1px;
                                    border-left-width: 1px;
                                }
                                &.dropdown-container {
                                    &:hover, &:active, &:focus, &.show {
                                        border-top-left-radius: $BORDER_RADIUS;
                                        border-bottom-left-radius: $BORDER_RADIUS;
                                    }
                                }
                            }
                            input:last-child {
                                border-right-width: 1px;
                                border-left-width: 1px;
                                border-top-left-radius: 0;
                                border-bottom-left-radius: 0;
                                border-top-right-radius: $BORDER_RADIUS;
                                border-bottom-right-radius: $BORDER_RADIUS;
                            }
                            &.three-columns {
                                grid-template-columns: 1.5fr 1.2fr 1.5fr;

                                div, input {
                                    border-radius: 0;
                                    border-left-width: 0;
                                    border-right-width: 0;

                                    &:first-child div, &:first-child input {
                                        border-right-width: 1px;
                                        border-left-width: 1px;
                                        border-top-left-radius: $BORDER_RADIUS;
                                        border-bottom-left-radius: $BORDER_RADIUS;
                                    }
                                    &:last-child div, &:last-child input {
                                        border-right-width: 1px;
                                        border-left-width: 1px;
                                        border-top-left-radius: 0;
                                        border-bottom-left-radius: 0;
                                        border-top-right-radius: $BORDER_RADIUS;
                                        border-bottom-right-radius: $BORDER_RADIUS;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        @media (min-width: 979px) and (max-width: 1125px) {
            .chart-container {
                grid-column: col-start 1 / span 9 !important;
            }
            .sidebar-container {
                grid-column: col-start 10 / span 3 !important;
            }
        }
    }
    .inline-icon {
        pointer-events: none;
    }
    .category-wrapper, .type-wrapper {
        width: 30px;
        height: 30px;
        background: $COLOR_GRAY;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        .category-type, .type {
            transform: scale(1.2, 1.2);
        }
    }
}

/* flexbox fallback is if the browser does not support display:grid */
@supports not (display: grid) {
    .trade-container {
        display: flex;
        flex-flow: row wrap;
        padding: 20px;

        @media screen and (min-width: 769px) {
            .chart-container {
                flex: 0 1 calc(75% - 1.5vw);
            }
            .sidebar-container {
                flex: 0 1 calc(25% - 1.5vw);

                fieldset {
                    margin: 10px 0;
                }
            }
        }
    }
}

// Helpers
.no-scroll {
    overflow: hidden;
    max-height: 100vh;
}

.desktop-only {
    @media (max-width: 768px) {
        display: none !important;
    }
}

.mobile-only {
    @media (min-width: 769px) {
        display: none !important;
    }
}

.error-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 90px); // TODO: replace with 100vh - header height - footer height

    p {
        @include interpolate(font-size, 320px, 1440px, 14px, 20px);
        color: $COLOR_LIGHT_BLACK;
    }
}
<commit_msg>removed lingering box-shadow on smartcharts for dark theme<commit_after>@supports (display: grid) {
    .app-contents {
        margin: $HEADER_HEIGHT 0 $FOOTER_HEIGHT;
        height: calc(100vh - #{$HEADER_HEIGHT} - #{$FOOTER_HEIGHT});
        overflow-y: auto;
        overflow-x: hidden;

        &--show-portfolio-drawer {
            margin-right: $PORTFOLIO_DRAWER_WIDTH;
        }
        @media screen and (max-width: 768px) {
            // no footer:
            margin-bottom: 0;
            height: calc(100vh - #{$HEADER_HEIGHT});
        }

        .login-message-wrapper {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;

            .message {
                a {
                    text-decoration: none;
                    color: $COLOR_BLUE;

                    &:hover {
                        font-weight: 500;
                    }
                }
            }
        }
    }
    /* trade-app layout */
    .trade-container {
        position: relative;
        padding: 8px 12px 0;
        display: grid;
        grid-template-columns: repeat(12, [col-start] 1fr);
        grid-template-rows: 1fr;
        grid-gap: 4px;
        min-height: calc(100vh - 91px);

        .chart-container {
            position: relative;

            cq-context { // stylelint-disable-line selector-type-no-unknown
                top: 0;
                left: 0;
                z-index: 0;

                div.ciq-chart {
                    height: calc(100% - 50px);
                    box-shadow: none;

                    div.chartContainer {
                        background: transparent;
                        min-height: 100%;
                    }
                    div.cq-chart-controls {
                        box-shadow: none;
                    }
                }
            }
            div.debug-text {
                display: none;
            }
        }
        .sidebar-container, .sidebar-items {
            position: relative;
            min-height: 500px;
        }
        & > * {
            grid-column: col-start / span 12;
        }
        @media (max-width: 768px) {
            grid-template-rows: 1fr auto auto;
        }
        @media (min-width: 769px) {
            .chart-container {
                grid-column: col-start 1 / span 10;
                margin-left: -15px;

                fieldset {
                    display: inline-grid;
                    width: 25%;
                    margin: 0 8px 16px;
                }
            }
            .sidebar-container {
                grid-column: col-start 11 / span 2;
                transition: all 0.25s;

                fieldset {
                    margin-bottom: 5px;

                    div.duration-container, div.amount-container {
                        display: grid;
                        grid-gap: 8px;
                        grid-template-columns: 1fr;
                        grid-auto-columns: auto;
                    }
                    div.endtime-container {
                        display: grid;
                        grid-gap: 8px;
                        grid-template-columns: 1fr;
                        grid-auto-columns: auto;

                        &.has-time {
                            grid-template-columns: 1.5fr 1fr;
                        }
                    }
                    .time-picker, .datepicker-container {
                        margin-top: 8px;
                    }
                    @media (min-width: 979px) {
                        div.duration-container {
                            grid-template-columns: 1fr 1.5fr;
                        }
                        div.amount-container {
                            grid-template-columns: 1fr 1.5fr;
                            grid-gap: 0;

                            div:first-child {
                                border-right-width: 0px;
                                border-left-width: 1px;
                                border-top-left-radius: $BORDER_RADIUS;
                                border-bottom-left-radius: $BORDER_RADIUS;
                                border-top-right-radius: 0;
                                border-bottom-right-radius: 0;

                                &:hover, &:focus, &:active, &.clicked {
                                    border-right-width: 1px;
                                    border-left-width: 1px;
                                }
                                &.dropdown-container {
                                    &:hover, &:active, &:focus, &.show {
                                        border-top-left-radius: $BORDER_RADIUS;
                                        border-bottom-left-radius: $BORDER_RADIUS;
                                    }
                                }
                            }
                            input:last-child {
                                border-right-width: 1px;
                                border-left-width: 1px;
                                border-top-left-radius: 0;
                                border-bottom-left-radius: 0;
                                border-top-right-radius: $BORDER_RADIUS;
                                border-bottom-right-radius: $BORDER_RADIUS;
                            }
                            &.three-columns {
                                grid-template-columns: 1.5fr 1.2fr 1.5fr;

                                div, input {
                                    border-radius: 0;
                                    border-left-width: 0;
                                    border-right-width: 0;

                                    &:first-child div, &:first-child input {
                                        border-right-width: 1px;
                                        border-left-width: 1px;
                                        border-top-left-radius: $BORDER_RADIUS;
                                        border-bottom-left-radius: $BORDER_RADIUS;
                                    }
                                    &:last-child div, &:last-child input {
                                        border-right-width: 1px;
                                        border-left-width: 1px;
                                        border-top-left-radius: 0;
                                        border-bottom-left-radius: 0;
                                        border-top-right-radius: $BORDER_RADIUS;
                                        border-bottom-right-radius: $BORDER_RADIUS;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        @media (min-width: 979px) and (max-width: 1125px) {
            .chart-container {
                grid-column: col-start 1 / span 9 !important;
            }
            .sidebar-container {
                grid-column: col-start 10 / span 3 !important;
            }
        }
    }
    .inline-icon {
        pointer-events: none;
    }
    .category-wrapper, .type-wrapper {
        width: 30px;
        height: 30px;
        background: $COLOR_GRAY;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        .category-type, .type {
            transform: scale(1.2, 1.2);
        }
    }
}

/* flexbox fallback is if the browser does not support display:grid */
@supports not (display: grid) {
    .trade-container {
        display: flex;
        flex-flow: row wrap;
        padding: 20px;

        @media screen and (min-width: 769px) {
            .chart-container {
                flex: 0 1 calc(75% - 1.5vw);
            }
            .sidebar-container {
                flex: 0 1 calc(25% - 1.5vw);

                fieldset {
                    margin: 10px 0;
                }
            }
        }
    }
}

// Helpers
.no-scroll {
    overflow: hidden;
    max-height: 100vh;
}

.desktop-only {
    @media (max-width: 768px) {
        display: none !important;
    }
}

.mobile-only {
    @media (min-width: 769px) {
        display: none !important;
    }
}

.error-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 90px); // TODO: replace with 100vh - header height - footer height

    p {
        @include interpolate(font-size, 320px, 1440px, 14px, 20px);
        color: $COLOR_LIGHT_BLACK;
    }
}

{'fraction_non_alphanumeric': 0.09186825998251238, 'fraction_numerical': 0.021684640046633636, 'mean_word_length': 0.8085599831330381, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 46, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2482683', 'n_tokens_mistral': 4748, 'n_tokens_neox': 4157, 'n_words': 823}