<commit_before>/* stylelint-disable color-no-hex */
#content.trade-content {
    margin-top: 0;
    margin-bottom: 31px;

    #trade_app {
        overflow: hidden;

        .notice-msg {
            background: unset;
            border: 1px solid #f2f2f2;
        }
        fieldset {
            input, select {
                width: 100%;
                height: 32px;
                font-size: 1rem;
                font-weight: 300;
                align-self: center;
                appearance: none;
                box-sizing: border-box;
                padding: 2px 5px;
            }
            input {
                &:hover {
                    border-color: #2a3052;
                }
                &:active, &:focus {
                    outline: 0;
                    border-color: #2a3052;
                    box-shadow: 0 0 0 2px rgba(42, 48, 82, 0.2);
                }
            }
            .select-wrapper {
                position: relative;

                &:after {
                    content: '\25bc';
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 8px;
                    font-size: 12px;
                    transform: translateY(-50%);
                }
            }
            select {
                margin: 8px 0;
                display: block;

                &:hover {
                    border-color: #2a3052;
                }
                &:active, &:focus {
                    outline: 0;
                    border-color: #2a3052;
                    box-shadow: 0 0 0 2px rgba(42, 48, 82, 0.2);
                }
            }
            .clock-header, .fieldset-header {
                height: 1.5rem;
                position: relative;

                span.field-info {
                    position: absolute;
                    color: $primaryBrandColor;
                    font-size: 0.7rem;
                    font-weight: 400;
                    margin: 5px 0 12px;

                    &.left {
                        left: 5px;

                        &.icon {
                            top: -3px;

                            &:before {
                                content: '';
                                margin-right: 5px;
                                display: inline-flex;
                                justify-content: center;
                                align-items: center;
                                vertical-align: middle;
                            }
                            &.start-time:before {
                                content: url('../images/trading_app/sidebar/light/ic_watch_later_light.svg');
                            }
                            &.trade-duration:before {
                                content: url('../images/trading_app/sidebar/light/ic_timelapse_light.svg');
                            }
                            &.invest-amount:before {
                                content: url('../images/trading_app/sidebar/light/ic_monetization_light.svg');
                            }
                            &.barriers:before {
                                content: url('../images/trading_app/sidebar/light/ic_barrier_light.svg');
                            }
                            &.digits:before {
                                content: url('../images/trading_app/sidebar/light/ic_digit_light.svg');
                            }
                        }
                    }
                    &.right {
                        top: -3px;
                        right: 5px;
                        font-size: 0.5625rem; /* stylelint-disable-line number-max-precision */
                    }
                }
            }
        }
    }
}
/* stylelint-enable color-no-hex */<commit_msg>move fieldset icon styles outside, so they can be reused in minimized versions<commit_after>/* stylelint-disable color-no-hex */
#content.trade-content {
    margin-top: 0;
    margin-bottom: 31px;

    #trade_app {
        overflow: hidden;

        .notice-msg {
            background: unset;
            border: 1px solid #f2f2f2;
        }
        .field-info {
            color: $primaryBrandColor;
            font-size: 0.7rem;
            font-weight: 400;

            &.icon {
                &:before {
                    content: '';
                    margin-right: 5px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    vertical-align: middle;
                }
                &.start-time:before {
                    content: url('../images/trading_app/sidebar/light/ic_watch_later_light.svg');
                }
                &.trade-duration:before {
                    content: url('../images/trading_app/sidebar/light/ic_timelapse_light.svg');
                }
                &.invest-amount:before {
                    content: url('../images/trading_app/sidebar/light/ic_monetization_light.svg');
                }
                &.barriers:before {
                    content: url('../images/trading_app/sidebar/light/ic_barrier_light.svg');
                }
                &.digits:before {
                    content: url('../images/trading_app/sidebar/light/ic_digit_light.svg');
                }
            }
        }
        fieldset {
            input, select {
                width: 100%;
                height: 32px;
                font-size: 1rem;
                font-weight: 300;
                align-self: center;
                appearance: none;
                box-sizing: border-box;
                padding: 2px 5px;
            }
            input {
                &:hover {
                    border-color: #2a3052;
                }
                &:active, &:focus {
                    outline: 0;
                    border-color: #2a3052;
                    box-shadow: 0 0 0 2px rgba(42, 48, 82, 0.2);
                }
            }
            .select-wrapper {
                position: relative;

                &:after {
                    content: '\25bc';
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: 8px;
                    font-size: 12px;
                    transform: translateY(-50%);
                }
            }
            select {
                margin: 8px 0;
                display: block;

                &:hover {
                    border-color: #2a3052;
                }
                &:active, &:focus {
                    outline: 0;
                    border-color: #2a3052;
                    box-shadow: 0 0 0 2px rgba(42, 48, 82, 0.2);
                }
            }
            .clock-header, .fieldset-header {
                height: 1.5rem;
                position: relative;

                span.field-info {
                    position: absolute;
                    margin: 5px 0 12px;

                    &.icon {
                        top: -3px;
                    }
                    &.left {
                        left: 5px;
                    }
                    &.right {
                        top: -3px;
                        right: 5px;
                        font-size: 0.5625rem; /* stylelint-disable-line number-max-precision */
                    }
                }
            }
        }
    }
}
/* stylelint-enable color-no-hex */
{'fraction_non_alphanumeric': 0.09532016439082593, 'fraction_numerical': 0.025454063370011933, 'mean_word_length': 0.7564610011641444, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5367145', 'n_tokens_mistral': 2107, 'n_tokens_neox': 1794, 'n_words': 338}