<commit_before>/* Product Listing colors, mixins, etc */


$colorDarkGray: #333;
$colorMediumGray: #656;
$colorLightGray: #999;
$colorFeaturedPrice: #C00;
$colorProductListHeaderBg: #EBEEEE;
$colorLightGrayBorder: #DCDEDE;
$colorQuickViewBackground: #EAEDED;
$colorQuickViewLink: #0066CC;
$colorQuickViewTitle: #3D4146;

$colorNewProduct: #cd9d37;
$colorSaleBG:#ffba62;

$sizeHeaderFont: 80px;
$sizeHeaderFontMed: 60px;
$sizeHeaderFontSmall: 32px;
$sizeHeaderFilterFont: 18px;
$sizeHeaderFilterFontSmall: 14px;

$wrapperPaddingLarge: 40px 30px 35px;
$wrapperPaddingSmall: 20px 15px;

$leftColWidth: 255px;

@mixin add-cart-cta {
    @include border-radius(3px);
    @include box-shadow(
        // horizontal offset | vertical offset |  blur | zoom/distance | color
      inset 0 2px 3px 1px rgba(205, 205, 205, 0.55), // top internal shadow
      inset 0 -1px 4px 1px rgba(164, 0, 0, 1) // bottom internal shadow
    ); // this needs fallback to image for ie8
    background-color: $colorVzwRed;
    border: none;
    color: #FFF;
    cursor: pointer;
    font: {
        family: $fontVzwBook;
        size: 14px;
        weight: normal;
    }
}

/* copied from other.scss  */
	@mixin cartRounded { -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

	@mixin cartHilight {
		-webkit-box-shadow: inset 0px 5px 4px 1px rgba(255, 255, 255, 0.9),
			inset 0 -1px 3px 1px rgba(0, 0, 0, .15) ;
		-moz-box-shadow: inset 0px 5px 4px 1px rgba(255, 255, 255, 0.9),
			inset 0 -1px 3px 1px rgba(0, 0, 0, .15) ;
        box-shadow: inset 0px 5px 4px 1px rgba(255, 255, 255, 0.9),
			inset 0 -1px 3px 1px rgba(0, 0, 0, .15) ;
		}

	@mixin cartButtonUp {
		@include cartRounded;
		@include boxBrdrA;
		@include cartHilight;
		background: #edf1f2;
		font-size:14px;
		padding:0 10px 0 10px;
		text-transform: lowercase;
		font-family: $fontVzwBook;
		cursor:pointer;

		span { color: $cartGreyDk;
			text-shadow: 0px 1px 1px #fff;
			}
		}

/* end copy */





/* Begin content styles */


/* Temp header stuff........................ TEMP ...................................... */

.new-product, .sale-featured, .sale-item { display: none; }



/* page styles  */

#secondary-column {
    float: left;
    max-width: $leftColWidth;
    width: $leftColWidth;
}
#main-column {
    float: none;
    width: auto;
    margin-left: $leftColWidth + $columnGutter;
}

$hdrOfferCollapsed: 55px;
.spec-offer-header {
    position: relative;
    height: $hdrOfferCollapsed;
    overflow: hidden;
    padding: 0 30px;
    background-color: #29A0CD;
    a,
    p {
        color: white;
        line-height: $hdrOfferCollapsed;
    }
    .offer-content {
        position:relative;
        line-height: $hdrOfferCollapsed;
        background: transparent url(../img/product-category-listing/sp-ofr-jack-top-right.png) 0 12px no-repeat;
        @include background-size(75px);
        .offer-cta {
            display: none;
            font: {
                family: $fontVzwMedium;
                size: 18px;
            }
        }
        .offer-fig {
            position: absolute;
            top: -35px;
            right: 95px;
            width: 378px;
        }
        .offer-copy {
            margin: 0 0 0 120px;
            font: {
                family: $fontVzwBookItalic;
                size: 24px;
            }
            strong {
                line-height: 41px;
                sup {
                    vertical-align: super;
                }
            }
        }
    }
    .offer-actions {
        position: absolute;
        top: 0;
        right: 30px;
        text-align: right;
        .expand,
        .collapse {
            font: {
                family: $fontArial;
                size: 10px;
                weight: bold;
            }
            text-transform: uppercase;
        }
        .expand {
            padding-right: 15px;
            @include product-listing-sprite(sp-ofr-show-more-white, false, 58px, 3px);
            @include transition(width .25s cubic-bezier(0, .50, .51, 1.00));
        }
        .collapse {
            display: none;
            padding-right: 31px;
            @include product-listing-sprite(sp-ofr-close-white, false, 38px, 14px);
            color: rgba(255, 255, 255, 0.5);
            @include transition(width .25s cubic-bezier(0, .50, .51, 1.00));
        }
    }
    &.open {
        height: auto;
        .offer-content {
            padding: 55px 0 20px;
            @include background-size(130px);
            .offer-fig {
                position: absolute;
                top: 70px;
                right: 50px;
                width: 564px;
            }
            .offer-copy {
                margin-left: 75px;
                strong {
                    display: block;
                    margin: -40px 0 0 -10px;
                    font: {
                        family: $fontVzwMedium;
                        size: 148px;
                        weight: normal;
                    }
                    line-height: 1em;
                    sup, span { line-height: 1em; }
                    sup {
                        font: {
                            family: $fontVzwLight;
                            size: 85px;
                        }
                    }
                    span {
                        position: absolute;
                        bottom: 70px;
                        left: 247px;
                        text-transform: uppercase;
                        font: {
                            family: $fontVzwBold;
                            size: 40px;
                        }
                    }
                }
                .offer-cta {
                    display: block;
                    font: {
                        family: $fontVzwMedium;
                        size: 18px;
                    }
                    span { padding-left: 8px; }
                }
            }
        }
        .offer-actions {
            .expand { display: none; }
            .collapse {
                display: block;
            }
        }
    }
}
.filter-panels{
    display: none;
    top: 0;
    left: 0;
    background: #e5eaea;
    position:fixed;
    height: 0;
    width: 100%;
    z-index: 100;
    .close{
        cursor: pointer;
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
        color: #0066cc;
        font-family: Arial;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 10px;
    }
    .filter-panel{
        display: none;
        padding: 15px;
        .dimension-title{
            font-size: 18px;
            font-family: "Verizon Apex Book";
            font-weight: normal;
            color: #121212;
        }
        .dimension-list{
            li{
                padding-top: 25px;
                padding-bottom: 10px;
                margin: 0;
                font-size: 18px;
                font-family: "Verizon Apex Book";
                font-weight: normal;
                color: #666;
                border-bottom: 1px solid #ccc;
                width: 100%;
                cursor: pointer;
                &.last{
                    border-bottom: 0;
                }
                .facet-check{
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background: url(../img/mobile-checkbox.png) bottom right no-repeat;
                    margin-right: 10px;
                }
                .facet-thumb,.facet-count{
                    float: right;
                }
                &.selected{

                    .facet-check{
                        background: url(../img/mobile-checkbox.png) top right no-repeat;
                    }<commit_msg>facet color styles<commit_after>/* Product Listing colors, mixins, etc */


$colorDarkGray: #333;
$colorMediumGray: #656;
$colorLightGray: #999;
$colorFeaturedPrice: #C00;
$colorProductListHeaderBg: #EBEEEE;
$colorLightGrayBorder: #DCDEDE;
$colorQuickViewBackground: #EAEDED;
$colorQuickViewLink: #0066CC;
$colorQuickViewTitle: #3D4146;

$colorNewProduct: #cd9d37;
$colorSaleBG:#ffba62;

$sizeHeaderFont: 80px;
$sizeHeaderFontMed: 60px;
$sizeHeaderFontSmall: 32px;
$sizeHeaderFilterFont: 18px;
$sizeHeaderFilterFontSmall: 14px;

$wrapperPaddingLarge: 40px 30px 35px;
$wrapperPaddingSmall: 20px 15px;

$leftColWidth: 255px;

@mixin add-cart-cta {
    @include border-radius(3px);
    @include box-shadow(
        // horizontal offset | vertical offset |  blur | zoom/distance | color
      inset 0 2px 3px 1px rgba(205, 205, 205, 0.55), // top internal shadow
      inset 0 -1px 4px 1px rgba(164, 0, 0, 1) // bottom internal shadow
    ); // this needs fallback to image for ie8
    background-color: $colorVzwRed;
    border: none;
    color: #FFF;
    cursor: pointer;
    font: {
        family: $fontVzwBook;
        size: 14px;
        weight: normal;
    }
}

/* copied from other.scss  */
	@mixin cartRounded { -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}

	@mixin cartHilight {
		-webkit-box-shadow: inset 0px 5px 4px 1px rgba(255, 255, 255, 0.9),
			inset 0 -1px 3px 1px rgba(0, 0, 0, .15) ;
		-moz-box-shadow: inset 0px 5px 4px 1px rgba(255, 255, 255, 0.9),
			inset 0 -1px 3px 1px rgba(0, 0, 0, .15) ;
        box-shadow: inset 0px 5px 4px 1px rgba(255, 255, 255, 0.9),
			inset 0 -1px 3px 1px rgba(0, 0, 0, .15) ;
		}

	@mixin cartButtonUp {
		@include cartRounded;
		@include boxBrdrA;
		@include cartHilight;
		background: #edf1f2;
		font-size:14px;
		padding:0 10px 0 10px;
		text-transform: lowercase;
		font-family: $fontVzwBook;
		cursor:pointer;

		span { color: $cartGreyDk;
			text-shadow: 0px 1px 1px #fff;
			}
		}

/* end copy */





/* Begin content styles */


/* Temp header stuff........................ TEMP ...................................... */

.new-product, .sale-featured, .sale-item { display: none; }



/* page styles  */

#secondary-column {
    float: left;
    max-width: $leftColWidth;
    width: $leftColWidth;
}
#main-column {
    float: none;
    width: auto;
    margin-left: $leftColWidth + $columnGutter;
}

$hdrOfferCollapsed: 55px;
.spec-offer-header {
    position: relative;
    height: $hdrOfferCollapsed;
    overflow: hidden;
    padding: 0 30px;
    background-color: #29A0CD;
    a,
    p {
        color: white;
        line-height: $hdrOfferCollapsed;
    }
    .offer-content {
        position:relative;
        line-height: $hdrOfferCollapsed;
        background: transparent url(../img/product-category-listing/sp-ofr-jack-top-right.png) 0 12px no-repeat;
        @include background-size(75px);
        .offer-cta {
            display: none;
            font: {
                family: $fontVzwMedium;
                size: 18px;
            }
        }
        .offer-fig {
            position: absolute;
            top: -35px;
            right: 95px;
            width: 378px;
        }
        .offer-copy {
            margin: 0 0 0 120px;
            font: {
                family: $fontVzwBookItalic;
                size: 24px;
            }
            strong {
                line-height: 41px;
                sup {
                    vertical-align: super;
                }
            }
        }
    }
    .offer-actions {
        position: absolute;
        top: 0;
        right: 30px;
        text-align: right;
        .expand,
        .collapse {
            font: {
                family: $fontArial;
                size: 10px;
                weight: bold;
            }
            text-transform: uppercase;
        }
        .expand {
            padding-right: 15px;
            @include product-listing-sprite(sp-ofr-show-more-white, false, 58px, 3px);
            @include transition(width .25s cubic-bezier(0, .50, .51, 1.00));
        }
        .collapse {
            display: none;
            padding-right: 31px;
            @include product-listing-sprite(sp-ofr-close-white, false, 38px, 14px);
            color: rgba(255, 255, 255, 0.5);
            @include transition(width .25s cubic-bezier(0, .50, .51, 1.00));
        }
    }
    &.open {
        height: auto;
        .offer-content {
            padding: 55px 0 20px;
            @include background-size(130px);
            .offer-fig {
                position: absolute;
                top: 70px;
                right: 50px;
                width: 564px;
            }
            .offer-copy {
                margin-left: 75px;
                strong {
                    display: block;
                    margin: -40px 0 0 -10px;
                    font: {
                        family: $fontVzwMedium;
                        size: 148px;
                        weight: normal;
                    }
                    line-height: 1em;
                    sup, span { line-height: 1em; }
                    sup {
                        font: {
                            family: $fontVzwLight;
                            size: 85px;
                        }
                    }
                    span {
                        position: absolute;
                        bottom: 70px;
                        left: 247px;
                        text-transform: uppercase;
                        font: {
                            family: $fontVzwBold;
                            size: 40px;
                        }
                    }
                }
                .offer-cta {
                    display: block;
                    font: {
                        family: $fontVzwMedium;
                        size: 18px;
                    }
                    span { padding-left: 8px; }
                }
            }
        }
        .offer-actions {
            .expand { display: none; }
            .collapse {
                display: block;
            }
        }
    }
}
.filter-panels{
    display: none;
    top: 0;
    left: 0;
    background: #e5eaea;
    position:fixed;
    height: 0;
    width: 100%;
    z-index: 100;
    .close{
        cursor: pointer;
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
        color: #0066cc;
        font-family: Arial;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 10px;
    }
    .filter-panel{
        display: none;
        padding: 15px;
        .dimension-title{
            font-size: 18px;
            font-family: "Verizon Apex Book";
            font-weight: normal;
            color: #121212;
        }
        .dimension-list{
            li{
                padding-top: 25px;
                padding-bottom: 10px;
                margin: 0;
                font-size: 18px;
                font-family: "Verizon Apex Book";
                font-weight: normal;
                color: #666;
                border-bottom: 1px solid #ccc;
                width: 100%;
                cursor: pointer;
                &.last{
                    border-bottom: 0;
                }
                .facet-check{
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background: url(../img/mobile-checkbox.png) bottom right no-repeat;
                    margin-right: 10px;
                }
                .facet-thumb,.facet-count,.facet-color{
                    float: right;
                }
                .facet-color{
                    width: 40px;
                    height: 40px;
                    display: block;
                    margin-top: -12px;
                    &.red{
                        background: red;
                    }
                    &.orange{
                        background: orange;
                    }
                    &.purple{
                        background: purple;
                    }
                    &.green{
                        background: green;
                    }
                    &.white{
                        background: white;
                    }
                }
                &.selected{
                    font-weight: bold;
                    .facet-check{
                        background: url(../img/mobile-checkbox.png) top right no-repeat;
                    }
{'fraction_non_alphanumeric': 0.11092108477889079, 'fraction_numerical': 0.041412167114585875, 'mean_word_length': 1.1726380042462845, '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': '2209333', 'n_tokens_mistral': 5633, 'n_tokens_neox': 4700, 'n_words': 1116}