/** Shopify CDN: Minification failed

Line 723:0 Unexpected "}"
Line 1077:0 Unexpected "}"
Line 1630:0 Unexpected "}"
Line 1980:0 Unexpected "}"

**/
/* use this file for additional css while we figure out how rto compile the theme css file */

/* 
Blush: FA9BCB
Rosa: E45C96
Plum: AA4C7D 
Almond: #D0B298
Clay: #CFA597
Mocha: #A88768
Cacao: #5E4945 
*/

/*
old colors 
Blush: FA9BCB
Rosa: E45C96
Plum: AA4C7D 
Almond: #D0B298
Clay: #BC9689
Mocha: #A88768
Cacao: #735458 
*/

/* Blush: FA9BCB
Rosa: E45C96
Plum: AA4C7D
Almond: D0B298
Clay: CFA597
Mocha: A88768
Cacao: 5E4945
Periwinkle: B9C3F8
Iris: 8980D4 */

/* PINK1 */
.color-swatch--blush,
.color-option.Blush {
    background: #FA9BCB !important;
}

/* PINK2 */
.color-swatch--rosa,
.color-option.Rosa {
    background: #E45C96 !important;
}

/* PINK3 */
.color-swatch--plum,
.color-option.Plum {
    background: #AA4C7D !important;
}
.color-swatch--almond,
.color-option.Almond{
    background: #D0B298 !important;
}
.color-swatch--clay,
.color-option.Clay{
    background: #CFA597 !important;
}
.color-swatch--mocha,
.color-option.Mocha{
    background: #A88768 !important;
}
.color-swatch--cacao,
.color-option.Cacao{
    background: #5E4945 !important;
}

/* VIOLETTA */
.color-swatch--periwinkle,
.color-option.Periwinkle{
    background: #B9C3F8 !important;
}
.color-swatch--iris,
.color-option.Iris{
    background: #8980D4 !important;
}

.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Periwinkle],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Periwinkle] {
    background: #B9C3F8;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Iris],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Iris] {
    background: #8980D4;
}



/* Alternative color swatches from the build a system page (old version) */
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Blush], 
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Blush] {
    background: #FA9BCB;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Rosa], 
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Rosa] {
    background: #E45C96;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Plum], 
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Plum] {
    background: #AA4C7D;
}
/* create the same for the other almond/clay/mocha/cacao colors */
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Almond],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Almond] {
    background: #D0B298;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Clay],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Clay] {
    background: #CFA597;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Mocha],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Mocha] {
    background: #A88768;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Cacao],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Cacao] {
    background: #5E4945;
}

/* set the cardinality/order of the product colors */
.colorTerracotta {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}

/* set the cardinality/order of the product colors */
.colorPetal {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
}

/* set the cardinality/order of the product colors */
.colorBlush {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
}

/* set the cardinality/order of the product colors */
.colorRosa {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
}

/* set the cardinality/order of the product colors */
.colorPlum {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
}


/* set the cardinality/order of the product colors */
.colorEucalyptus {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
}

/* .colorSand {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
} */
.colorAlmond {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
}
.colorClay {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 9;
    order: 9;
}
.colorMocha {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 10;
    order: 10;
}
.colorCacao {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 11;
    order: 11;
}





/* set the cardinality/order of the product colors */
/* .color5PM {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 14;
    order: 14;
}

/* set the cardinality/order of the product colors */
/* .color6PM {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 15;
    order: 15;
}  */

/* set the cardinality/order of the product colors */
.color7PM {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 15;
    order: 15;
}


.colorPacific {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 16;
    order: 16;
}
.colorPeriwinkle {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 17;
    order: 17;
}
.colorLavender {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 18;
    order: 18;
}
.colorIris {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 19;
    order: 19;
}

/* set the cardinality/order of the product colors */
.colorCharcoal {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 20;
    order: 20;
}

.title-with-badge {
    display: flex;
    align-items: center;
  }
  
  .title-with-badge h1 {
    margin-right: 10px;
    line-height: 1.2;
  }
  
  .title-with-badge .badge {
    /* display: inline-block;
    padding: 5px; */
    /* background: linear-gradient(to right, #AA4C7D, #f05b8c); */
    /* border-radius: 2px;
background: linear-gradient(103deg, rgba(170, 76, 125, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(231, 152, 182, 0.75) 0%, rgba(228, 92, 150, 0.90) 103.47%);
    background: #6C2A12;
    color: #fff;
    border-radius: 4px;
    float: right;
    margin-bottom: 1.5rem;
    font-size: 11px;
    padding: 5px 15px;
    margin-left: 20px;
    text-align: center; */

    display: inline-block;
    /* padding: 5px; */
    /* background: linear-gradient(to right, #AA4C7D, #f05b8c); */
    border-radius: 2px;
    /* background: linear-gradient(103deg, rgba(170, 76, 125, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(231, 152, 182, 0.75) 0%, rgba(228, 92, 150, 0.90) 103.47%); */
    background: #6C2A12;
    /* background: #B33030; */
    color: #fff;
    border-radius: 2px;
    /* float: right; */
    /* margin-bottom: 1.5rem; */
    font-size: 11px;
    padding: 5px 6px;
    /* margin-left: 20px; */
    /* text-align: center; */
    margin-left: 14px;
    line-height: 100%;
    color: #FFF;
    /* font-family: 'SpeziaWideSemiBold';
    font-size: 11px;
    font-style: normal; */
    letter-spacing: -0.25px;

  }

/* .variant-input.colorBlush:not(.active),
.variant-input.colorRosa:not(.active),
.variant-input.colorPlum:not(.active)
{
    border: solid rgb(187, 97, 175) 3px !important;
} */
  /* limited edition color pink */
  /* .color-limited-edition {
    background: linear-gradient(to right, #f05b8c, #f7a9c4);
    background: linear-gradient(103deg, rgba(170, 76, 125, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(231, 152, 182, 0.75) 0%, rgba(228, 92, 150, 0.90) 103.47%);
}

.pink-gradient {
    background: linear-gradient(to right, #f05b8c, #f7a9c4);
    background: linear-gradient(103deg, rgba(170, 76, 125, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(231, 152, 182, 0.75) 0%, rgba(228, 92, 150, 0.90) 103.47%);
} */

.blue-gradient {
    background: linear-gradient(103deg, rgba(98, 76, 170, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(51, 185, 74, 0.75) 0%, rgb(205 201 134 / 90%) 103.47%);
}
/* santorinitime */
/* .terracotta-solid {
    background: #6C2A12 !important;
} */

.color-limited-edition-message {
    margin: 20px 20px 0px 0px;
    font-size: 14px;
    font-weight: 600;
}

.cart__item-notice{
    font-size: 10px; 
    line-height: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.image-preview-banner-badge-wrapper {
    
}

.image-preview-banner-badge {
    
    z-index: 100;
    position: absolute;
    top: 15px;
    right: 15px;
    
    background: linear-gradient(103deg, rgba(170, 76, 125, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(231, 152, 182, 0.75) 0%, rgba(228, 92, 150, 0.90) 103.47%);
    width: auto;
    text-align: center;
    display: initial;
    width: auto;
    padding: 3px 9px;
    border-radius: 4px;
    color: white;
    font-size: 15px;
}

.option-callout {
    width: auto;
    text-align: center;
    display: initial;
    width: auto;
    padding: 3px 9px;
    border-radius: 4px;
    color: white;
    font-size: 13px;
    margin-right: auto;
    margin-left: 10px;
    position: unset;
    font-style: normal;
}

.image-preview-banner-badge.hidden {
    display: none !important;
}


/* test this for mobile phones */
/* @media only screen and (max-width: 767px) {
    .template-product .product-section .product-single__meta .color-variants-wrapper div.color-options .variant-input label {
        padding: 0;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0;
    }
} */

/* to run as ab test */
/* //increase the size of the color swatch color options in the PDPs
      $('.color-swatch.color-option').css('width', '2.2rem'); $('.color-swatch.color-option').css('height', '2.2rem'); */

.checkout-warning-element {
    margin: 0px 10px 15px 0px;
    border: solid black 1px;
    padding: 10px;
    border-radius: 10px;
    max-width: 85%;
    /* pink border */
    border: solid #583407 3px;
}

/* targeting the cart expected to ship message, removing a bit of padding */
/* div.cart-expected-to-ship p {
    margin-bottom: 0px;
} */

/* spatula changes */
#CartDrawer .cart-expected-to-ship {
    /* max-width: 100% !important; */
        max-width: 100% !important;
        display: none;
        line-height: 16px;
        letter-spacing: -.01em;
        -webkit-font-feature-settings: "tnum" on, "lnum" on, "ss01" on;
        font-feature-settings: "tnum" on, "lnum" on, "ss01" on;
        color: #2b2b2b;
        font-size: 12px;
        margin-top: 10px;
        /* margin-bottom: -20px; */
        width: 100%;
        display: block;
        padding: 16px;
        border-radius: 2px;
        border: 1px solid var(--Dark-Stone, #BAB1A6);
        font-weight: 600;
        margin-bottom: 15px;
        background-color: #FFC29B;
        color: #A34000 !important;
}

#CartDrawer .cart-expected-to-ship p {
    margin-bottom: 0px;
}


/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY8============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container>div {
        width: 100%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container div,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container label,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container div,
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container label,
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container option {
        font-size: 16px
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span {
        font-size: 0.35rem;
        line-height: 0.35rem;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img {
    width: 16% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img.araki {
    width: 84% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#\35PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#\36PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-8 {
    left: 55%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-7 {
    left: 42%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-6 {
    left: 28.5%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-4 {
    left: 34.8%;
    top: 44%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-5 {
    left: 48.8%;
    top: 44%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-3 {
    left: 55%;
    top: 32.2%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-2 {
    left: 42%;
    top: 32.2%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-1 {
    left: 28.5%;
    top: 32.2%
}

@media only screen and (max-width:769px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-8 {
        left: 55%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-7 {
        left: 42%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-6 {
        left: 28.5%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-4 {
        left: 34.8%;
        top: 44%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-5 {
        left: 48.8%;
        top: 44%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-3 {
        left: 55%;
        top: 32.2%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-2 {
        left: 42%;
        top: 32.2%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-1 {
        left: 28.5%;
        top: 32.2%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY4============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */


.page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container>div {
        width: 100%
    }
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container div,
.page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container label,
.page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container div,
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container label,
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-4-labels-container option {
        font-size: 16px
    }
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span {
        font-size: 1.25vw;
       line-height: 1.25vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span img {
    width: 16% !important;
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span img.araki {
    width: 84% !important;
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span img#\35PM-icon,
.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span img#\36PM-icon,
.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-4 {
    left: 41.9%;
    top: 55%
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-3 {
    left: 48.3%;
    top: 44%;
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-2 {
    left: 34.8%;
    top: 44%
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-1 {
    left: 41.9%;
    top: 32.2%;
}

@media only screen and (max-width:769px) {
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-4 {
        left: 41.9%;
        top: 55%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-3 {
        left: 48.3%;
        top: 44%;
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-2 {
        left: 34.8%;
        top: 44%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-labels-main .label-1 {
        left: 41.9%;
        top: 32.2%;
    }
}

.page-the_flex_132_\(medium\)_-_set_of_4 .build-your-4-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINALS BY8========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container>div {
        width: 100%
    }
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container div,
.page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container label,
.page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container div,
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container label,
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-8-labels-container option {
        font-size: 16px
    }
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span {
        font-size: 0.35rem;
        line-height: 0.35rem;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span img {
    width: 16% !important;
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span img.araki {
    width: 84% !important;
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span img#\35PM-icon,
.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span img#\36PM-icon,
.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-8 {
    left: 55%;
    top: 55%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-7 {
    left: 42%;
    top: 55%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-6 {
    left: 28.5%;
    top: 55%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-4 {
    left: 34.8%;
    top: 44%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-5 {
    left: 48.8%;
    top: 44%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-3 {
    left: 55%;
    top: 32.2%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-2 {
    left: 42%;
    top: 32.2%
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-1 {
    left: 28.5%;
    top: 32.2%
}

@media only screen and (max-width:769px) {
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-8 {
        left: 55%;
        top: 55%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-7 {
        left: 42%;
        top: 55%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-6 {
        left: 28.5%;
        top: 55%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-4 {
        left: 34.8%;
        top: 44%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-5 {
        left: 48.8%;
        top: 44%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-3 {
        left: 55%;
        top: 32.2%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-2 {
        left: 42%;
        top: 32.2%
    }
    
    .page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-labels-main .label-1 {
        left: 28.5%;
        top: 32.2%
    }
}

.page-the_flex_132_\(medium\)_-_set_of_8 .build-your-8-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINAL BY4========================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

.page-the_originals_-_set_of_4 .build-4-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_originals_-_set_of_4 .build-4-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_4 .build-4-labels-container>div {
        width: 100%
    }
}

.page-the_originals_-_set_of_4 .build-4-labels-container div,
.page-the_originals_-_set_of_4 .build-4-labels-container label,
.page-the_originals_-_set_of_4 .build-4-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_originals_-_set_of_4 .build-4-labels-container div,
    .page-the_originals_-_set_of_4 .build-4-labels-container label,
    .page-the_originals_-_set_of_4 .build-4-labels-container option {
        font-size: 16px
    }
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_4 .build-your-4-labels-main span {
        font-size: 1.25vw;
       line-height: 1.25vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main span img {
    width: 16% !important;
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main span img.araki {
    width: 84% !important;
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main span img#\35PM-icon,
.page-the_originals_-_set_of_4 .build-your-4-labels-main span img#\36PM-icon,
.page-the_originals_-_set_of_4 .build-your-4-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main .label-4 {
    left: 41.9%;
    top: 52.5%;
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main .label-3 {
    left: 48%;
    top: 44%;
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main .label-2 {
    left: 35.6%;
    top: 44%;
}

.page-the_originals_-_set_of_4 .build-your-4-labels-main .label-1 {
    left: 41.9%;
    top: 35.2%;
}

@media only screen and (max-width:769px) {
    .page-the_originals_-_set_of_4 .build-your-4-labels-main .label-4 {
        left: 41.9%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_4 .build-your-4-labels-main .label-3 {
        left: 48%;
        top: 44%;
    }
    
    .page-the_originals_-_set_of_4 .build-your-4-labels-main .label-2 {
        left: 35.6%;
        top: 44%;
    }
    
    .page-the_originals_-_set_of_4 .build-your-4-labels-main .label-1 {
        left: 41.9%;
        top: 35.2%;
    }
}

.page-the_originals_-_set_of_4 .build-your-4-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINALS BY8========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-the_originals_-_set_of_8 .build-8-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_originals_-_set_of_8 .build-8-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_8 .build-8-labels-container>div {
        width: 100%
    }
}

.page-the_originals_-_set_of_8 .build-8-labels-container div,
.page-the_originals_-_set_of_8 .build-8-labels-container label,
.page-the_originals_-_set_of_8 .build-8-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_originals_-_set_of_8 .build-8-labels-container div,
    .page-the_originals_-_set_of_8 .build-8-labels-container label,
    .page-the_originals_-_set_of_8 .build-8-labels-container option {
        font-size: 16px
    }
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_8 .build-your-8-labels-main span {
        font-size: 0.35rem;
        line-height: 0.35rem;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img {
    width: 16% !important;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img.araki {
    width: 84% !important;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#\35PM-icon,
.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#\36PM-icon,
.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-8 {
    left: 54%;
    top: 52.5%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-7 {
    left: 42%;
    top: 52.5%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-6 {
    left: 29.5%;
    top: 52.5%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-4 {
    left: 35.8%;
    top: 44%
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-5 {
    left: 47.8%;
    top: 44%
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-3 {
    left: 54%;
    top: 35.2%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-2 {
    left: 42%;
    top: 35.2%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-1 {
    left: 29.5%;
    top: 35.2%;
}

@media only screen and (max-width:769px) {
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-8 {
        left: 54%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-7 {
        left: 42%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-6 {
        left: 29.5%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-4 {
        left: 35.8%;
        top: 44%
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-5 {
        left: 47.8%;
        top: 44%
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-3 {
        left: 54%;
        top: 35.2%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-2 {
        left: 42%;
        top: 35.2%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-1 {
        left: 29.5%;
        top: 35.2%;
    }
}

.page-the_originals_-_set_of_8 .build-your-8-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}


/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY8============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container>div {
        width: 100%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container div,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container label,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container div,
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container label,
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-8-labels-container option {
        font-size: 16px
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span {
        font-size: 0.35rem;
        line-height: 0.35rem;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img {
    width: 16% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img.araki {
    width: 84% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#\35PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#\36PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-8 {
    left: 55%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-7 {
    left: 42%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-6 {
    left: 28.5%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-4 {
    left: 34.8%;
    top: 44%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-5 {
    left: 48.8%;
    top: 44%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-3 {
    left: 55%;
    top: 32.2%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-2 {
    left: 42%;
    top: 32.2%
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-1 {
    left: 28.5%;
    top: 32.2%
}

@media only screen and (max-width:769px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-8 {
        left: 55%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-7 {
        left: 42%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-6 {
        left: 28.5%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-4 {
        left: 34.8%;
        top: 44%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-5 {
        left: 48.8%;
        top: 44%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-3 {
        left: 55%;
        top: 32.2%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-2 {
        left: 42%;
        top: 32.2%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-labels-main .label-1 {
        left: 28.5%;
        top: 32.2%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_flex .build-your-8-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY4============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */


.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container>div {
        width: 100%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container div,
.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container label,
.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container div,
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container label,
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-4-labels-container option {
        font-size: 16px
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span {
        font-size: 1.25vw;
       line-height: 1.25vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span img {
    width: 16% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span img.araki {
    width: 84% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span img#\35PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span img#\36PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-4 {
    left: 41.9%;
    top: 55%
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-3 {
    left: 48.3%;
    top: 44%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-2 {
    left: 34.8%;
    top: 44%
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-1 {
    left: 41.9%;
    top: 32.2%;
}

@media only screen and (max-width:769px) {
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-4 {
        left: 41.9%;
        top: 55%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-3 {
        left: 48.3%;
        top: 44%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-2 {
        left: 34.8%;
        top: 44%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-1 {
        left: 41.9%;
        top: 32.2%;
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINALS BY8========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container>div {
        width: 100%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container div,
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container label,
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container div,
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container label,
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-8-labels-container option {
        font-size: 16px
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span {
        font-size: 0.35rem;
        line-height: 0.35rem;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span img {
    width: 16% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span img.araki {
    width: 84% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span img#\35PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span img#\36PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-8 {
    left: 54.1%;
    top: 52.5%;
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-7 {
    left: 41.7%;
    top: 52.5%;
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-6 {
    left: 29.5%;
    top: 52.5%;
}
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-5 {
    left: 48.1%;
    top: 44%
}
.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-4 {
    left: 35.8%;
    top: 44%
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-3 {
    left: 54.2%;
    top: 35.2%;
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-2 {
    left: 42%;
    top: 35.2%;
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-1 {
    left: 29.5%;
    top: 35.2%;
}

@media only screen and (max-width:769px) {
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-8 {
        left: 54.1%;
        top: 52.5%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-7 {
        left: 41.7%;
        top: 52.5%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-6 {
        left: 29.5%;
        top: 52.5%;
    }
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-5 {
        left: 48.1%;
        top: 44%
    }
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-4 {
        left: 35.8%;
        top: 44%
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-3 {
        left: 54.2%;
        top: 35.2%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-2 {
        left: 42%;
        top: 35.2%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-labels-main .label-1 {
        left: 29.5%;
        top: 35.2%;
    }
}

.page-paint_the_year_pink_bundle_-_set_of_8_original .build-your-8-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINAL BY4========================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container>div {
        width: 100%
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container div,
.page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container label,
.page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container div,
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container label,
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-4-labels-container option {
        font-size: 16px
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span {
        font-size: 1.25vw;
       line-height: 1.25vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span img {
    width: 16% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span img.araki {
    width: 84% !important;
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span img#\35PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span img#\36PM-icon,
.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-4 {
    left: 41.9%;
    top: 52.5%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-3 {
    left: 48%;
    top: 44%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-2 {
    left: 35.6%;
    top: 44%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-1 {
    left: 41.9%;
    top: 35.2%;
}

@media only screen and (max-width:769px) {
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-4 {
        left: 41.9%;
        top: 52.5%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-3 {
        left: 48%;
        top: 44%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-2 {
        left: 35.6%;
        top: 44%;
    }
    
    .page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-labels-main .label-1 {
        left: 41.9%;
        top: 35.2%;
    }
}

.page-paint_the_year_pink_bundle_-_set_of_4_original .build-your-4-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINALS BY8========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-the_originals_-_set_of_8 .build-8-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_originals_-_set_of_8 .build-8-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_8 .build-8-labels-container>div {
        width: 100%
    }
}

.page-the_originals_-_set_of_8 .build-8-labels-container div,
.page-the_originals_-_set_of_8 .build-8-labels-container label,
.page-the_originals_-_set_of_8 .build-8-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_originals_-_set_of_8 .build-8-labels-container div,
    .page-the_originals_-_set_of_8 .build-8-labels-container label,
    .page-the_originals_-_set_of_8 .build-8-labels-container option {
        font-size: 16px
    }
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.45vw;
    line-height: 0.45vw;
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_8 .build-your-8-labels-main span {
        font-size: 0.35rem;
        line-height: 0.35rem;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img {
    width: 16% !important;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img.araki {
    width: 84% !important;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#\35PM-icon,
.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#\36PM-icon,
.page-the_originals_-_set_of_8 .build-your-8-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-8 {
    left: 54%;
    top: 52.5%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-7 {
    left: 42%;
    top: 52.5%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-6 {
    left: 29.5%;
    top: 52.5%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-4 {
    left: 35.8%;
    top: 44%
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-5 {
    left: 47.8%;
    top: 44%
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-3 {
    left: 54%;
    top: 35.2%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-2 {
    left: 42%;
    top: 35.2%;
}

.page-the_originals_-_set_of_8 .build-your-8-labels-main .label-1 {
    left: 29.5%;
    top: 35.2%;
}

@media only screen and (max-width:769px) {
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-8 {
        left: 54%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-7 {
        left: 42%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-6 {
        left: 29.5%;
        top: 52.5%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-4 {
        left: 35.8%;
        top: 44%
    }

    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-5 {
        left: 47.8%;
        top: 44%
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-3 {
        left: 54%;
        top: 35.2%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-2 {
        left: 42%;
        top: 35.2%;
    }
    
    .page-the_originals_-_set_of_8 .build-your-8-labels-main .label-1 {
        left: 29.5%;
        top: 35.2%;
    }
}

.page-the_originals_-_set_of_8 .build-your-8-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINAL BY3========================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

.page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container>div {
        width: 100%
    }
}

.page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container div,
.page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container label,
.page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container div,
    .page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container label,
    .page-the_gradients_bundle_-_set_of_3_original .build-3-labels-container option {
        font-size: 16px
    }
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.8vw;
    line-height: 0.8vw;
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span {
        font-size: 2vw;
        line-height: 2vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span img {
    width: 24% !important;
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span img.araki {
    width: 84% !important;
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span img#\35PM-icon,
.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span img#\36PM-icon,
.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main .label-3 {
    left: 52.6%;
    top: 50%;
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main .label-2 {
    left: 31%;
    top: 50%;
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main .label-1 {
    left: 41.9%;
    top: 34.5%;
}

@media only screen and (max-width:769px) {
    .page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main .label-3 {
        left: 52.6%;
        top: 50%;
    }
    
    .page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main .label-2 {
        left: 31%;
        top: 50%;
    }
    
    .page-the_gradients_bundle_-_set_of_3_original .build-your-3-labels-main .label-1 {
        left: 41.9%;
        top: 34.5%;
    }
}

.page-the_gradients_bundle_-_set_of_3_original .build-your-3-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}



/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY2============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

.page-flex-set-of-2 .build-2-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-flex-set-of-2 .build-2-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-flex-set-of-2 .build-2-labels-container>div {
        width: 100%
    }
}

.page-flex-set-of-2 .build-2-labels-container div,
.page-flex-set-of-2 .build-2-labels-container label,
.page-flex-set-of-2 .build-2-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-flex-set-of-2 .build-2-labels-container div,
    .page-flex-set-of-2 .build-2-labels-container label,
    .page-flex-set-of-2 .build-2-labels-container option {
        font-size: 16px
    }
}

.page-flex-set-of-2 .build-your-2-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-flex-set-of-2 .build-your-2-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.9vw;
    line-height: 0.8vw;
}

@media screen and (max-width:768px) {
    .page-flex-set-of-2 .build-your-2-labels-main span {
        font-size: 2vw;
       line-height: 2vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
}

.page-flex-set-of-2 .build-your-2-labels-main span img {
    width: 30% !important;
}

.page-flex-set-of-2 .build-your-2-labels-main span img.araki {
    width: 84% !important;
}

.page-flex-set-of-2 .build-your-2-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-flex-set-of-2 .build-your-2-labels-main span img#\35PM-icon,
.page-flex-set-of-2 .build-your-2-labels-main span img#\36PM-icon,
.page-flex-set-of-2 .build-your-2-labels-main span img#\37PM-icon {
    width: 75% !important
}


.page-flex-set-of-2 .build-your-2-labels-main .label-2 {
    left: 54%;
    top: 44%;
}

.page-flex-set-of-2 .build-your-2-labels-main .label-1 {
    left: 29.4%;
    top: 44%;
}

/* .page-flex-set-of-2 .build-your-2-labels-main .label-1 {
    left: 41.9%;
    top: 36.2%;
} */

@media only screen and (max-width:769px) {
    
    .page-flex-set-of-2 .build-your-2-labels-main .label-2 {
        left: 54%;
        top: 44%;
    }
    
    .page-flex-set-of-2 .build-your-2-labels-main .label-1 {
        left: 29.4%;
        top: 44%;
    }
    
    /* .page-flex-set-of-2 .build-your-2-labels-main .label-1 {
        left: 41.9%;
        top: 36.2%;
    } */
}

.page-flex-set-of-2 .build-your-2-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* ADJUSTMENTS FOR BY3 */
@media only screen and (min-width: 769px){

    .page-flex-set-of-2 .build-your-2-labels-main span {
        opacity: 0.75;
        font-size: 1vw;
    }

}
/* fix the width of the font past a certain point */
@media only screen and (min-width: 1450px){
    /* .flex-7-v2 .build-your-2-labels-main span, */
    .page-flex-set-of-2 .build-your-2-labels-main span {
        opacity: 0.75;
        font-size: 16px;
    }
}


/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY3============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

.page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container>div {
        width: 100%
    }
}

.page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container div,
.page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container label,
.page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container div,
    .page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container label,
    .page-the_gradients_bundle_-_set_of_3_flex .build-3-labels-container option {
        font-size: 16px
    }
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.9vw;
    line-height: 0.8vw;
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span {
        font-size: 2vw;
       line-height: 2vw;
    }
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span img {
    width: 30% !important;
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span img.araki {
    width: 84% !important;
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span img#\35PM-icon,
.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span img#\36PM-icon,
.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span img#\37PM-icon {
    width: 75% !important
}


.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main .label-3 {
    left: 54%;
    top: 57%;
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main .label-2 {
    left: 29.4%;
    top: 57%;
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main .label-1 {
    left: 41.9%;
    top: 36.2%;
}

@media only screen and (max-width:769px) {
    
    .page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main .label-3 {
        left: 54%;
        top: 57%;
    }
    
    .page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main .label-2 {
        left: 29.4%;
        top: 57%;
    }
    
    .page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main .label-1 {
        left: 41.9%;
        top: 36.2%;
    }
}

.page-the_gradients_bundle_-_set_of_3_flex .build-your-3-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* ADJUSTMENTS FOR BY3 */
@media only screen and (min-width: 769px){

    .page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span {
        opacity: 0.75;
        font-size: 1vw;
    }

}
/* fix the width of the font past a certain point */
@media only screen and (min-width: 1450px){
    /* .flex-7-v2 .build-your-3-labels-main span, */
    .page-the_gradients_bundle_-_set_of_3_flex .build-your-3-labels-main span {
        opacity: 0.75;
        font-size: 16px;
    }
}




/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINALS BY9========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container>div {
        width: 100%
    }
}

.page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container div,
.page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container label,
.page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container div,
    .page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container label,
    .page-the_gradients_bundle_-_set_of_9_original .build-9-labels-container option {
        font-size: 16px
    }
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 1vw;
    line-height: 1vw;
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span {
        font-size: 2vw;
        line-height: 2vw;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span img {
    width: 37% !important;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span img.araki {
    width: 84% !important;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span img#\35PM-icon,
.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span img#\36PM-icon,
.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-9 {
    left: 53%;
    top: 59%;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-8 {
    left: 31%;
    top: 59%;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-7 {
    left: 9%;
    top: 59%;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-6 {
    left: 64%;
    top: 44%;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-5 {
    left: 42%;
    top: 44%
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-4 {
    left: 20%;
    top: 44%
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-3 {
    left: 75%;
    top: 28.7%;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-2 {
    left: 53%;
    top: 28.7%;
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-1 {
    left: 31%;
    top: 28.7%;
}

@media only screen and (max-width:769px) {
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-9 {
        left: 53%;
        top: 59%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-8 {
        left: 31%;
        top: 59%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-7 {
        left: 9%;
        top: 59%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-6 {
        left: 64%;
        top: 44%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-5 {
        left: 42%;
        top: 44%
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-4 {
        left: 20%;
        top: 44%
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-3 {
        left: 75%;
        top: 28.7%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-2 {
        left: 53%;
        top: 28.7%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_original .build-your-9-labels-main .label-1 {
        left: 31%;
        top: 28.7%;
    }
}

.page-the_gradients_bundle_-_set_of_9_original .build-your-9-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* ==============================FLEX BY9========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container>div {
        width: 100%
    }
}

.page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container div,
.page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container label,
.page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container div,
    .page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container label,
    .page-the_gradients_bundle_-_set_of_9_flex .build-9-labels-container option {
        font-size: 16px
    }
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 1vw;
    line-height: 1vw;
}

@media screen and (max-width:768px) {
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span {
        font-size: 2vw;
        line-height: 2vw;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span img {
    width: 37% !important;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span img.araki {
    width: 84% !important;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span img#\35PM-icon,
.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span img#\36PM-icon,
.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-9 {
    left: 53.5%;
    top: 64.5%;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-8 {
    left: 30%;
    top: 64.5%;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-7 {
    left: 6.5%;
    top: 64.5%;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-6 {
    left: 65.5%;
    top: 44%;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-5 {
    left: 41.5%;
    top: 44%
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-4 {
    left: 18.5%;
    top: 44%
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-3 {
    left: 77%;
    top: 23.7%;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-2 {
    left: 53.5%;
    top: 23.7%;
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-1 {
    left: 30.5%;
    top: 23.7%;
}

@media only screen and (max-width:769px) {
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-9 {
        left: 53.5%;
        top: 64.5%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-8 {
        left: 30%;
        top: 64.5%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-7 {
        left: 6.5%;
        top: 64.5%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-6 {
        left: 65.5%;
        top: 44%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-5 {
        left: 41.5%;
        top: 44%
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-4 {
        left: 18.5%;
        top: 44%
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-3 {
        left: 77%;
        top: 23.7%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-2 {
        left: 53.5%;
        top: 23.7%;
    }
    
    .page-the_gradients_bundle_-_set_of_9_flex .build-your-9-labels-main .label-1 {
        left: 30.5%;
        top: 23.7%;
    }
}

.page-the_gradients_bundle_-_set_of_9_flex .build-your-9-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================FLEX BY5============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */


.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container>div {
        width: 100%
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container div,
.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container label,
.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container div,
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container label,
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-5-labels-container option {
        font-size: 16px
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.75vw;
    line-height: 0.75vw;
}

@media screen and (max-width:768px) {
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span {
        font-size: 1.75vw;
       line-height: 1.75vw;
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span img {
    width: 16% !important;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span img.araki {
    width: 84% !important;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span img#\35PM-icon,
.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span img#\36PM-icon,
.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-5 {
    left: 61.7%;
    top: 50%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-4 {
    left: 41.5%;
    top: 50%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-3 {
    left: 21.3%;
    top: 50%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-2 {
    left: 51.3%;
    top: 32.5%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-1 {
    left: 31%;
    top: 32.5%;
}

@media only screen and (max-width:769px) {
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-5 {
        left: 61.7%;
        top: 50%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-4 {
        left: 41.5%;
        top: 50%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-3 {
        left: 21.3%;
        top: 50%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-2 {
        left: 51.3%;
        top: 32.5%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-labels-main .label-1 {
        left: 31%;
        top: 32.5%;
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_flex .build-your-5-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* =============================================================== */
/* =============================================================== */
/* =========================ORIGINALS BY5============================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */


.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container>div {
        width: 100%
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container div,
.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container label,
.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container div,
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container label,
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-5-labels-container option {
        font-size: 16px
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.75vw;
    line-height: 0.75vw;
}

@media screen and (max-width:768px) {
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span {
        font-size: 1.65vw;
       line-height: 1.65vw;
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span img {
    width: 16% !important;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span img.araki {
    width: 84% !important;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span img#\35PM-icon,
.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span img#\36PM-icon,
.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main span img#\37PM-icon {
    width: 75% !important
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-5 {
    left: 60.7%;
    top: 48.7%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-4 {
    left: 41.5%;
    top: 48.7%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-3 {
    left: 22.3%;
    top: 48.7%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-2 {
    left: 50.3%;
    top: 35.5%;
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-1 {
    left: 32%;
    top: 35.5%;
}

@media only screen and (max-width:769px) {
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-5 {
        left: 60.7%;
        top: 48.7%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-4 {
        left: 41.5%;
        top: 48.7%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-3 {
        left: 22.3%;
        top: 48.7%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-2 {
        left: 50.3%;
        top: 35.5%;
    }
    
    .page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-labels-main .label-1 {
        left: 32%;
        top: 35.5%;
    }
}

.page-a_moment_in_neutral_bundle_-_set_of_5_original .build-your-5-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}


/* hiding expanded text on the cart and checkout pages */
shopify-payment-terms {
    display: none;
}

.order-summary__sections .product__description .expand-wrapper .expand-trigger {
    display: none;
}


/* <span class="" style="
    font-size: 10px;
    border: solid 1px gray;
    padding: 3px 8px;
    border-radius: 5px;
    margin: 20px;
    margin-bottom: 20px !important;
">
        Bundle Savings
</span> */

#price-eyebrow-v2{
    font-size: 1.5rem;
}


.cart-expected-to-ship-bundles{
    font-size: 15px;
}

.forefront {
    z-index: 2;
}

.cart-limited-edition-bundles {
    line-height: 161%;
    letter-spacing: -.01em;
    -webkit-font-feature-settings: "tnum" on,"lnum" on,"ss01" on;
    font-feature-settings: "tnum" on,"lnum" on,"ss01" on;
    margin-top: 12px;
    font-size: 13px;
    color: #2b2b2b;
    font-family: SpeziaBold;
    font-weight: 400;
}

.shop-all-subheading{
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.01em;
    -webkit-font-feature-settings: 'tnum' on,'lnum' on,'ss01' on;
    font-feature-settings: 'tnum' on,'lnum' on,'ss01' on;
    font-family: SpeziaCustomMedium;
    position: relative;
    top: -14px;
    margin-bottom: 16px;
}



/* =========================================ORIGINALS 6====================== */

.page-the_originals_-_set_of_6 .build-your-6-labels-main span.araki {
    opacity: 1
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main span img {
    width: 42% !important
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main span img.araki {
    width: 70% !important
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main span img#\35PM-icon,
.page-the_originals_-_set_of_6 .build-your-6-labels-main span img#\36PM-icon,
.page-the_originals_-_set_of_6 .build-your-6-labels-main span img#\37PM-icon {
    width: 63% !important
}

@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_6 .build-your-6-labels-main span {
        font-size: 1.6vw;
        line-height: 1.8vw
    }
}

@media screen and (min-width:1280px) {
    .page-the_originals_-_set_of_6 .build-your-6-labels-main span {
        font-size: .8rem;
        line-height: .7rem
    }
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main .label-1 {
    left: 39.3%;
    top: 24%;
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main .label-2 {
    left: 30.3%;
    top: 37.5%;
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main .label-3 {
    left: 49%;
    top: 37.5%;
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main .label-4 {
    left: 21%;
    top: 50.5%;
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main .label-5 {
    left: 39.5%;
    top: 50.5%;
}

.page-the_originals_-_set_of_6 .build-your-6-labels-main .label-6 {
    left: 58%;
    top: 50.5%;
}

.page-the_originals_-_set_of_6 .build-your-6-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* ORIGINALS 12 */
@media screen and (max-width:768px) {
    .page-the_originals_-_set_of_12 .build-your-12-labels-main span {
        font-size: 1.8vw;
        line-height: 1.8vw
    }
}

@media screen and (min-width:1280px) {
    .page-the_originals_-_set_of_12 .build-your-12-labels-main span {
        font-size: .75rem;
        line-height: .8rem
    }
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-1 {
    left: 25.5%;
    top: 31%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-2 {
    left: 44.5%;
    top: 31%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-3 {
    left: 63.25%;
    top: 31%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-4 {
    left: 82%;
    top: 31%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-5 {
    left: 16.5%;
    top: 44%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-6 {
    left: 35.5%;
    top: 44%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-7 {
    left: 54.25%;
    top: 44%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-8 {
    left: 73%;
    top: 44%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-9 {
    left: 7.5%;
    top: 57%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-10 {
    left: 25.5%;
    top: 57%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-11 {
    left: 44.5%;
    top: 57%
}

.page-the_originals_-_set_of_12 .build-your-12-labels-main .label-12 {
    left: 63.25%;
    top: 57%
}

.page-the_originals_-_set_of_12 .build-your-12-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* BY7 */

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-6 {
    left: 41.8%;
    top: 71%
}

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-5 {
    left: 19%;
    top: 57.2%
}

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-2 {
    left: 19%;
    top: 30.5%
}

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-1 {
    left: 41.8%;
    top: 17%
}

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-4 {
    left: 65%;
    top: 30.5%
}

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-7 {
    left: 65%;
    top: 57.2%
}

.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-3 {
    left: 41.8%;
    top: 44%
}

@media only screen and (max-width:769px) {
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-7 {
        left: 63%;
        top: 55%
    }

    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-6 {
        left: 39.8%;
        top: 68.5%
    }

    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-5 {
        left: 17%;
        top: 55%
    }

    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-4 {
        left: 63%;
        top: 28%
    }


    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-3 {
        left: 40.5%;
        top: 42%;
    }

    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-2 {
        left: 17%;
        top: 28%
    }

    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-1 {
        left: 39.8%;
        top: 14.5%
    }

    

    

    
}

@media screen and (min-width:768px) {
    .page-goody .filter-item, .page-shop .filter-item, .page-shop_all .filter-item {
        min-width: unset !important;
    }
}

#shopify-section-cad-header .announcement__text {
    font-size: 14px;
}

@media screen and (max-width: 768px){
    #shopify-section-cad-header .announcement__text {
        font-size: 14px;
    }
}   

.custom-home-shop-item .custom-home-shop-itemImageWrapper {
    padding-top: 100% !important;
}


.page-cadence .yotpo.bottomLine.yotpo-small{
    padding-top: 4px;
}


.text-m{
    display: block !important;
    text-decoration: underline !important;
    margin-left: 9px !important;
    line-height: 21px;
}

.page-build_a_system_landing .product-section [data-main-photos-swiper-thumbs] .swiper-slide, .page-build_a_system_new .product-section [data-main-photos-swiper-thumbs] .swiper-slide, .page-cadence_reviews .product-section [data-main-photos-swiper-thumbs] .swiper-slide, .page-lifeproof .product-section [data-main-photos-swiper-thumbs] .swiper-slide, .page-lifeproof_flow .product-section [data-main-photos-swiper-thumbs] .swiper-slide, .template-product .product-section [data-main-photos-swiper-thumbs] .swiper-slide {
    overflow: hidden;
}

.page-build_a_system_landing .product-section [data-main-photos-swiper-thumbs] video, .page-build_a_system_new .product-section [data-main-photos-swiper-thumbs] video, .page-cadence_reviews .product-section [data-main-photos-swiper-thumbs] video, .page-lifeproof .product-section [data-main-photos-swiper-thumbs] video, .page-lifeproof_flow .product-section [data-main-photos-swiper-thumbs] video, .template-product .product-section [data-main-photos-swiper-thumbs] video {
    width: 100%;
    max-height: 66px;
    object-fit: cover;
}

/* PAGESTYLING101 */
.standard-page-styling h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    width: 100%;
    letter-spacing: -.03em;
    -webkit-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
    font-family: SpeziaMedium,SuisseInt,sans-serif;
    margin: 0;
    text-align: left;
}

.standard-page-styling p {
    font-size: 14px;
    line-height: 161%;
    letter-spacing: -.01em;
    -webkit-font-feature-settings: "tnum" on,"lnum" on,"ss01" on;
    font-feature-settings: "tnum" on,"lnum" on,"ss01" on;
    margin: 0;
    padding-right: 10px;
    max-height: 350px;
}

@media screen and (min-width: 768px){
    .standard-page-styling h1  {
        font-size: 75px;
        line-height: 82px;
    }
}

.standard-page-styling h2 {
    margin-bottom: 27px;
    font-size: 40px;
    line-height: 119%;
    letter-spacing: -.03em;
    -webkit-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
    font-family: SpeziaMedium;
    font-weight: 500;
    margin-top: 20px;
}

.standard-page-styling h3 {
    margin-bottom: 27px;
    font-size: 30px;
    line-height: 119%;
    letter-spacing: -.03em;
    -webkit-font-feature-settings: "ss01" on;
    font-feature-settings: "ss01" on;
    font-family: SpeziaMedium;
    font-weight: 500;
    margin-top: 20px;
}

.standard-page-styling .section-header {
    margin-top: 20px;
}



/* GIFTING2023 */

input, textarea, select {
    background-color: #F7F5F3;
    border: 1px solid #D0CAC3;
}

.page-gift_card_edit .selectize-input, .page-e-gift_card .selectize-input {
    background-color: #F7F5F3 !important;
}
.page-e-gift_card .gift-card-amount .gift-row>div.gift-info, .page-e-gift_card .gift-options .gift-row>div.gift-info {
    display: none;
}

.page-e-gift_card .product-single__price-wrapper:after {
    content: unset !important;
}


.page-find_your_perfect_set #shopify-section-cad-header {
    position: unset !important;
}

/* TWODAYSHIPPING */
.content-box__emphasis s {
    font-weight: 500;
    color: #909090;
}


/* RIBBONTIME */
.ribbon-box {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    width: 250px;
    height: 250px;
    background-color: transparent;
}

.ribbon {
    position: absolute;
    display: block;
    width: 200%;
    height: auto;
    background-color: #333;
    color: #db1e1e;
    font-size: 13px;
    /* text-shadow: 0 1px 1px rgba(0,0,0,.2); */
    padding: 10px 0px;
}

.ribbon span {
    color: white;
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}

/* top left */
.ribbon-box.top-left {
    left: 0px;
    top: 0px;
}
.top-left .ribbon {
    left: -156px;
    top: 37px;
    transform: rotate(-30deg);
}

/* top right */
.ribbon-box.top-right {
    right: 0px;
    top: 0px;
}
.top-right .ribbon {
    right: -156px;
    top: 37px;
    transform: rotate(30deg);
}
/* bottom left */
.ribbon-box.bottom-left {
    left: 0px;
    bottom: 0px;
}
.bottom-left .ribbon {
    left: -156px;
    bottom: 37px;
    transform: rotate(30deg);
}

/* bottom right */
.ribbon-box.bottom-right {
    right: 0px;
    bottom: 0px;
}
.bottom-right .ribbon {
    right: -156px;
    bottom: 37px;
    transform: rotate(-30deg);
}

/* shop all ribbon */
.shop-all-ribbon .ribbon {
    right: -189px;
    bottom: 22px;
    transform: rotate(-31deg);
    font-size: 16px;
}


@media screen and (max-width: 768px){
    .ribbon {
        font-size: 12px;
    }
    
    .ribbon span {
        width: 166px;
    }

    .bottom-left .ribbon {
        left: -177px;
        bottom: 37px;
        transform: rotate(37deg);
    }
    .bottom-right .ribbon {
        right: -177px;
        bottom: 37px;
        transform: rotate(-37deg);
    }
    .top-left .ribbon {
        left: -177px;
        top: 37px;
        transform: rotate(-37deg);
    }
    .top-right .ribbon {
        right: -177px;
        top: 37px;
        transform: rotate(37deg);
    }

    /* shop all ribbon for mobile */
    .shop-all-ribbon .ribbon {
        right: -204px;
        bottom: 15px;
        transform: rotate(-31deg);
        font-size: 11px;
        /* change the ribbon for mobile */
        right: -215px;
        bottom: 10px;
        transform: rotate(-31deg);
        font-size: 9px;
        padding: 6px 0px;
        
    }

}



/* LANDINGPAGES2024 */
@media screen and (max-width: 768px){
    .halfsies .label-block {
        width: 48% !important;
    }
}

.template-product-landing24 .product-single__price-wrapper, 
.halfsies .product-single__price-wrapper{
    display: none;
}

.template-product-landing24 .yotpo.bottomLine.desktop-only.yotpo-small, 
.halfsies .yotpo.bottomLine.desktop-only.yotpo-small{
    padding-left: 0px;
}

/* =============================================================== */
/* =============================================================== */
/* ==============================FLEX BY7 V2========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */

/* VIOLETTA */
/* NOTE: replace .flex-7-v2 with .page-the_flex_132_\(medium\)_-_set_of_7 to target all by7 pages */

.flex-7-v2 .build-7-labels-container ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-7-v2 .build-7-labels-container>div ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .flex-7-v2 .build-7-labels-container>div ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container>div {
        width: 100%
    }
}

.flex-7-v2 .build-7-labels-container div,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container div,
.flex-7-v2 .build-7-labels-container label,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container label,
.flex-7-v2 .build-7-labels-container option ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .flex-7-v2 .build-7-labels-container div,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container div,
    .flex-7-v2 .build-7-labels-container label,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container label,
    .flex-7-v2 .build-7-labels-container option ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-7-labels-container option {
        font-size: 16px
    }
}

.flex-7-v2 .build-your-7-labels-main ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.flex-7-v2 .build-your-7-labels-main span ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 1vw;
    line-height: 1vw;
}

@media screen and (max-width:768px) {
    .flex-7-v2 .build-your-7-labels-main span ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
        font-size: 2vw;
        line-height: 2vw;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}
/* fix the width of the font past a certain point */
@media only screen and (min-width: 1450px){
    .flex-7-v2 .build-your-7-labels-main span ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
        opacity: 0.75;
        font-size: 16px;
    }
}


.flex-7-v2 .build-your-7-labels-main span img ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img {
    width: 37% !important;
}

.flex-7-v2 .build-your-7-labels-main span img.araki ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img.araki {
    width: 84% !important;
}

.flex-7-v2 .build-your-7-labels-main span img#choice-icon ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.flex-7-v2 .build-your-7-labels-main span img#\35PM-icon,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img#\35PM-icon,
.flex-7-v2 .build-your-7-labels-main span img#\36PM-icon,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img#\36PM-icon,
.flex-7-v2 .build-your-7-labels-main span img#\37PM-icon ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img#\37PM-icon {
    width: 75% !important
}


.flex-7-v2 .build-your-7-labels-main .label-7 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-7 {
    left: 53%;
    top: 63.5%;
}

.flex-7-v2 .build-your-7-labels-main .label-6 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-6 {
    
    left: 30%;
    top: 63.5%;
}

.flex-7-v2 .build-your-7-labels-main .label-5 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-5 {
    /* left: 64.5%; */
    left: 65%;
    top: 44%;
}

.flex-7-v2 .build-your-7-labels-main .label-4 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-4 {
    left: 41.5%;
    top: 44%
}

.flex-7-v2 .build-your-7-labels-main .label-3 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-3 {
    left: 77%;
    top: 23.7%;

    left: 18.5%;
    top: 44%
}

.flex-7-v2 .build-your-7-labels-main .label-2 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-2 {
    left: 53%;
    top: 24.5%;
}

.flex-7-v2 .build-your-7-labels-main .label-1 ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-1 {
    left: 30%;
    top: 24.5%;
}

@media only screen and (max-width:769px) {
    
    .flex-7-v2 .build-your-7-labels-main .label-7 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-7 {
        left: 53%;
        top: 63.5%;
    }
    
    .flex-7-v2 .build-your-7-labels-main .label-6 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-6 {
        
        left: 30%;
        top: 63.5%;
    }
    
    .flex-7-v2 .build-your-7-labels-main .label-5 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-5 {
        left: 65%;
        top: 44%;
    }
    
    .flex-7-v2 .build-your-7-labels-main .label-4 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-4 {
        left: 41.5%;
        top: 44%
    }
    
    .flex-7-v2 .build-your-7-labels-main .label-3 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-3 {
        left: 77%;
        top: 23.7%;
    
        left: 18.5%;
        top: 44%
    }
    
    .flex-7-v2 .build-your-7-labels-main .label-2 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-2 {
        left: 53%;
        top: 24.5%;
    }
    
    .flex-7-v2 .build-your-7-labels-main .label-1 ,
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main .label-1 {
        left: 30%;
        top: 24.5%;
    }
}

.flex-7-v2 .build-your-7-overlay-image ,
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}


/* =============================================================== */
/* =============================================================== */
/* ==============================FLEX BY6========================= */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */

/* flex tiles */
.flex-6-v2 .build-6-labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-6-v2 .build-6-labels-container>div {
    width: 48%;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .flex-6-v2 .build-6-labels-container>div {
        width: 100%
    }
}

.flex-6-v2 .build-6-labels-container div,
.flex-6-v2 .build-6-labels-container label,
.flex-6-v2 .build-6-labels-container option {
    font-size: 12px
}

@media screen and (max-width:768px) {

    .flex-6-v2 .build-6-labels-container div,
    .flex-6-v2 .build-6-labels-container label,
    .flex-6-v2 .build-6-labels-container option {
        font-size: 16px
    }
}

.flex-6-v2 .build-your-6-labels-main {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.flex-6-v2 .build-your-6-labels-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 17%;
    height: 12%;
    opacity: 0.75;
    /* font-size: 0.35rem; */
    font-size: 0.9vw;
    line-height: 1vw;
}

@media screen and (max-width:768px) {
    .flex-6-v2 .build-your-6-labels-main span {
        font-size: 2vw;
        line-height: 2vw;
        /* line-height: 2.2vw;
        width: 21%;
        height: 17% */
    }
}

/* fix the width of the font past a certain point */
@media only screen and (min-width: 1450px){
    .flex-6-v2 .build-your-6-labels-main span {
        font-size: 14px;
    }
}

.flex-6-v2 .build-your-6-labels-main span img {
    width: 37% !important;
}

.flex-6-v2 .build-your-6-labels-main span img.araki {
    width: 84% !important;
}

.flex-6-v2 .build-your-6-labels-main span img#choice-icon {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.flex-6-v2 .build-your-6-labels-main span img#\35PM-icon,
.flex-6-v2 .build-your-6-labels-main span img#\36PM-icon,
.flex-6-v2 .build-your-6-labels-main span img#\37PM-icon {
    width: 75% !important
}

.flex-6-v2 .build-your-6-labels-main .label-6 {
    left: 64.5%;
    top: 63.5%;
}

.flex-6-v2 .build-your-6-labels-main .label-5 {
    left: 41.5%;
    top: 63.5%;
}

.flex-6-v2 .build-your-6-labels-main .label-4 {
    left: 18.5%;
    top: 63.5%;
}

.flex-6-v2 .build-your-6-labels-main .label-3 {
    left: 53%;
    top: 43.7%;

}

.flex-6-v2 .build-your-6-labels-main .label-2 {
    left: 30%;
    top: 43.7%;
}

.flex-6-v2 .build-your-6-labels-main .label-1 {
    left: 41.5%;
    top: 24%;
}

@media only screen and (max-width:769px) {

    
    .flex-6-v2 .build-your-6-labels-main .label-6 {
        left: 64.5%;
        top: 63.5%;
    }
    
    .flex-6-v2 .build-your-6-labels-main .label-5 {
        left: 41.5%;
        top: 63.5%;
    }
    
    .flex-6-v2 .build-your-6-labels-main .label-4 {
        left: 18.5%;
        top: 63.5%;
    }
    
    .flex-6-v2 .build-your-6-labels-main .label-3 {
        left: 53%;
        top: 43.7%;
    
    }
    
    .flex-6-v2 .build-your-6-labels-main .label-2 {
        left: 30%;
        top: 43.7%;
    }
    
    .flex-6-v2 .build-your-6-labels-main .label-1 {
        left: 41.5%;
        top: 24%;
    }
}

.flex-6-v2 .build-your-6-overlay-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

/* override the styling for the featured block */
.template-product-landing24 .custom-home-featured-block {
    margin-top: 0px;
    margin-bottom: 28px;
    padding-top: 0px;
    margin-top: 40px;
    background: #EEEAE6;
    padding-top: 62px;
    padding-bottom: 62px;
    margin-bottom: 0px;
}



@media only screen and (max-width: 769px){
    .template-product-landing24 .custom-home-featured-block {
        padding-top: 42px;
        margin-top: 0px;
        
    }
}

.template-product-landing24 .custom-section-shop-all h1 {
    font-size: 25px;
}

.template-product-landing24 .product-section .product-single__meta {
    /* padding: 1rem 0 2.5rem; */
}
    
/* for desktop only */
@media only screen and (min-width: 769px){
    .template-product-landing24 .product-section .product-single__meta {
        width: calc(100% - 70px);
        padding: 1rem 0 2.5rem;
    }
}



.image-preview-mini-highlight {
    z-index: 100;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.image-preview-mini-highlight img {
    width: 100px;
    height: 100px;
}

@media only screen and (max-width: 769px){
    .page-build_a_system_new .build-a-system-landing_images .image__card__img, .page-lifeproof_flow .build-a-system-landing_images .image__card__img, .template-product .build-a-system-landing_images .image__card__img {
        background-size: cover;
        height: auto;
    }
}

/* =============================================================== */
/* =============================================================== */
/* ==============================FLEX BY7 adjustments ============ */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
@media only screen and (min-width: 769px){

    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
        width: 17%;
        opacity: 0.75;
        font-size: 1vw;
        width: 17%;
        opacity: 0.75;
        font-size: 0.8vw;
    }

}
/* fix the width of the font past a certain point */
@media only screen and (min-width: 1450px){
    /* .flex-7-v2 .build-your-7-labels-main span, */
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
        width: 18%;
        opacity: 0.75;
        font-size: 18px;
        
        font-size: 14px;
        line-height: 16px;
        margin-left: -4px;
    }
}


/* routeins stuff */
.section>.route-div .pw-route-protection .pw-container {
    padding: 13px 14px;
}

@media screen and (max-width: 768px){
    .template-product-landing24 .product-section .product-single__meta .product-single__title {
        margin-bottom: 3px;
    }

    .template-product-landing24 .feature-container {
        display: none;
    }
}

.template-product-landing24 .yotpo-pager {
    display: none !important;
}

.template-product-landing24 .custom-section-shop-all {
    display: block;
}

/* .template-product-landing24 .custom-home-featured-block {
    margin-top: 0px;
    background: #EEEAE6;
    padding-top: 32px;
} */

.template-product-landing24 .filter-label.filter-label-mobile.mobile-only {
    display: none;
}


.template-product-landing24 .yotpo.yotpo-main-widget .main-widget .yotpo-bottomline .customTitle{
    display: none;
}

@media screen and (max-width: 769px){

    .template-product-landing24 .customer-photos .customer-photos-wrapper {
        width: 207%;
    }

    .template-product-landing24 .customer-photos {
        margin-bottom: 30px;
    }

    /* note, remove the template product landing 24 to have this apply throughout the website */
    .template-product-landing24 .landing-advances .item .hidden-desktop {
        display: block;
    }

}

.sms-marketing-fieldset {
    /* display: none; */
}


/* set the cardinality/order of the product colors */
.colorOvernight {
    background: linear-gradient(299deg, rgba(255, 105, 180, 0.75) 0%, rgba(255, 105, 180, 0.08) 50%), linear-gradient(94deg, rgba(128, 0, 128, 0.75) 0%, rgba(128, 0, 128, 0.90) 50%);
}

.colorSelf-Love {
    background: linear-gradient(299deg, rgba(255, 105, 180, 0.75) 0%, rgba(255, 105, 180, 0.08) 50%), linear-gradient(94deg, rgba(128, 0, 128, 0.75) 0%, rgba(128, 0, 128, 0.90) 50%);
}

.colorEarly-Relationship {
    background: linear-gradient(299deg, rgba(255, 105, 180, 0.75) 0%, rgba(255, 105, 180, 0.08) 50%), linear-gradient(94deg, rgba(128, 0, 128, 0.75) 0%, rgba(128, 0, 128, 0.90) 50%);
}

.color-swatch--Overnight,
.color-option.Overnight{
    background: linear-gradient(299deg, rgba(255, 105, 180, 0.75) 0%, rgba(255, 105, 180, 0.08) 50%), linear-gradient(94deg, rgba(128, 0, 128, 0.75) 0%, rgba(128, 0, 128, 0.90) 50%) !important;
}

.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Overnight],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Overnight] {
    background: linear-gradient(299deg, rgba(255, 105, 180, 0.75) 0%, rgba(255, 105, 180, 0.08) 50%), linear-gradient(94deg, rgba(128, 0, 128, 0.75) 0%, rgba(128, 0, 128, 0.90) 50%);
}


#CartDrawer .cart-product-message {
    display: none;
    line-height: 16px;
    letter-spacing: -.01em;
    -webkit-font-feature-settings: "tnum" on,"lnum" on,"ss01" on;
    font-feature-settings: "tnum" on,"lnum" on,"ss01" on;
    color: #2b2b2b;
    font-size: 12px;
    margin-top: 10px;
    /* margin-bottom: -20px; */
    width: 100%;
    display: block;
    padding: 16px;
    border-radius: 2px;
    border: 1px solid var(--Dark-Stone, #BAB1A6);
    font-weight: 600;
}

.cart-product-message p {
    margin: 0;
}


.product-prelabeled-tags{
    margin-bottom: 20px;
}

.product-prelabeled-tags > svg {
    margin-right: 9px;
    height: 15px;
    width: 15px;
}

.template-product-landing24 .product-prelabeled-tags {
    margin-bottom: 8px;
    margin-top: 15px;
}

@media screen and (max-width: 769px){

    .template-product-landing24 .product-prelabeled-tags {
        margin-bottom: 0px;
        margin-top: 15px;
    }
}

.product-prelabeled-tags .tag-style .tag {
    border: solid 1px #585858;
    display: inline-block;
    padding: 2px 9px;
    margin-top: 5px;
    border-radius: 5px;
    margin-right: 1px;
    color: #585858;
    font-size: 13px;
}

.product-prelabeled-tags .bordered-tag-style {
    border: solid 1px #000000;
    display: inline-block;
    padding: 2px 9px;
    margin-top: 5px;
    border-radius: 5px;
    margin-right: 1px;
    color: #000000;
    font-size: 13px;
    line-height: 19px;
    opacity: 70%;
}

.bordered-tag-style-svg {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

/* BY12 ADJUSTEMENTS */
.page-the_originals_-_set_of_12 .build-your-12-labels-main span {
    font-size: .7vw;
    line-height: .7vw;
    margin-left: 0.2vw;
}

@media screen and (max-width: 768px){
    .page-the_originals_-_set_of_12 .build-your-12-labels-main span {
        font-size: 1.6vw;
        line-height: 1.6vw;
        margin-left: 0.2vw;
    }
}

/* BY6 ADJUSTEMENTS */
.page-the_originals_-_set_of_6 .build-your-6-labels-main span {
    font-size: .8vw;
    line-height: .8vw;
    margin-left: -0.1vw;
}

@media screen and (max-width: 768px){
    .page-the_originals_-_set_of_6 .build-your-6-labels-main span {
        /* font-size: 1.6vw;
        line-height: 1.6vw;
        margin-left: 0.2vw; */
    }
}

/* BY7 ADJUSTEMENTS */
.page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
    /* font-size: 0.8vw;
    line-height: 0.8vw; */
}

/* cap the size of the font once the image stops growing */
@media screen and (min-width: 1540px){
    .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span {
        font-size: 14px;
        line-height: 16px;
        /* margin-left: -9px; */
    }
    .flex-7-v2 .build-your-7-labels-main span img, .page-the_flex_132_\(medium\)_-_set_of_7 .build-your-7-labels-main span img {
        width: 29% !important;
    }
}

/* BAS-PRESETBUILD -- styling */
.bas-url-preset-link-container{
    font-family: SpeziaMedium;
    display: block;
    font-size: 0.75rem;
    line-height: 161%;
    letter-spacing: -0.01em;
    text-align: center;
    color: #2B2B2B;
    margin: 1.25rem auto 0;
    width: 100%;
    background-color: rgba(0,0,0,0.075);
    padding: 0.75rem 0.75rem;
    padding: 2px 10px; 
    display: block;
}

.bas-url-preset-link {
    text-decoration: underline;
    margin-left: 10px;
}

/* CORPORATE24 */

.hero-buttons-container {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .hero-buttons-container{
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
}


.hero-button-new {
    padding: 0.75rem 1.25rem;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #2B2B2B;
    text-align: center;
    border-radius: 2px;
    flex-basis: 48%;
    /* max-width: 163px; */
    /* width: 49%; */
    /* margin-bottom: 100px; */
    color: white;
}

.hero-button-new.transparent {
    background-color: transparent;
    text-align: center;
    border-radius: 2px;
    flex-basis: 48%;
    border: solid 1px #2B2B2B;
    
    color: black;
}


.corporate-gifting input, .corporate-gifting textarea, .corporate-gifting select {
    background-color: #D9D6D3;
    border: 1px solid #D0CAC3;
}

.corporate-gifting #submit-btn {
    background-color: #2B2B2B;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

/* change the width of the hero container */
@media only screen and (min-width: 768px){
    .corporate-gifting .custom-home-capsules-block-content.content-loaded {
        height: 51vh !important;
    }
    .corporate-gifting .custom-home-capsules-block .custom-home-capsules-block-content-left {
        width: 32% !important;
    }
}


.page-care-guide .common-videojs-block video {
    max-height: 440px;
}

.page-build_a_system_new .bas-review-tab .buttons .remove {
    /* opacity: 70%;
    zoom: 80%; */
}


/* updated menu mobile header */

.mobile-menu-header .menu-content {
    display: flex;
    align-items: center;
}

.mobile-menu-container .mobile-menu-header .menu-link-text {
    display: flex;
    align-items: flex-start;
    font-size: 22px;
}
.mobile-menu-header .menu-link .menu-link-text .menu-title{
    font-size: 25px; 
    font-weight: 500; 
    margin-right: 5px;
}

.mobile-menu-header .menu-link .menu-link-text .menu-subheading{
    display: none;
}


/* updated separated mobile menu container */
.new-nav.mobile-menu-container {
    padding: 28px 15px;
}

.new-nav.mobile-menu-container .mobile-menu-header li {
    margin-bottom: 16px;
}

.new-nav .mobile-menu-header .menu-content {
    display: flex;
    align-items: center;
    background-color: #D9D6D3;
    padding: 8px;
}

.new-nav.mobile-menu-container .mobile-menu-header .menu-link-text {
    flex-direction: column;
    gap: 6px;
}

.new-nav .mobile-menu-header .menu-link .menu-link-text .menu-subheading{
    font-size: 14px; 
    font-weight: 500; 
    margin-right: 5px;
    line-height: 14px;
    display: block;
}

/* make the label sand */
.page-build_a_system_new .label-list-wrapper .label-list-item .label-name {
    color: #2b2b2b;
}


/* build a system updates */
/* space them evenly */
.page-build_a_system_new .label-list-wrapper {
    justify-content: space-evenly;
}
/* for desktop screens, make them fit 130 px */
.page-build_a_system_new .label-list-wrapper .label-image {
    width: 120px;
}
.page-build_a_system_new .label-list-wrapper .label-list-item .label-list-item-text {
    width: 120px;
    border-top: 0px;
}

/* for smaller screens, 120px */
@media screen and (max-width: 1200px){
    .page-build_a_system_new .label-list-wrapper .label-image {
        /* width: 105px; */
    }

    .page-build_a_system_new .label-list-wrapper .label-list-item .label-list-item-text {
        /* width: 105px; */
    } 

}

/* for smaller screens, 120px */
@media screen and (max-width: 769px){
    .page-build_a_system_new .label-list-wrapper .label-image {
        width: 120px;
    }

    .page-build_a_system_new .label-list-wrapper .label-list-item .label-list-item-text {
        width: 120px;
    } 

}

@media screen and (max-width: 420px){
    .page-build_a_system_new .label-list-wrapper .label-image {
        width: 120px;
    }
    .page-build_a_system_new .label-list-wrapper .label-list-item .label-list-item-text {
        width: 120px;
    }
    .page-build_a_system_new .label-list-wrapper .label-list-item {
        width: 100px;
    }
    .page-build_a_system_new .label-list-wrapper .label-list-item .label-list-button.active {
        width: 120px;
    }
}


.page-build_a_system_new .label-list-wrapper .label-list-item .label-list-item-text {
    width: 120px;
    border-top: 0px;
}


/* RECYCLINTIME */
/* replace entire doc */
.color-swatch--recycled,
.color-option.Recycled{
    background: #2498AD !important;
}
/* RECYCLINTIME */
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Recycled],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Recycled] {
    background: #2498AD;
}

.color-swatch--renew,
.color-option.Renew{
    /* background: #2498AD !important; */
    background: rgb(60,192,249);
    background: linear-gradient(124deg, rgba(60,192,249,1) 23%, rgba(151,174,218,1) 48%, rgba(242,213,187,1) 74%) !important;
    background-image: url('https://cdn.shopify.com/s/files/1/0247/7326/3445/files/renew-pattern.png?v=1713205663') !important;
    background-size: cover !important;
}
/* RECYCLINTIME */
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Renew],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Renew] {
    /* background: #2498AD; */
    background: rgb(60,192,249);
    background: linear-gradient(124deg, rgba(60,192,249,1) 23%, rgba(151,174,218,1) 48%, rgba(242,213,187,1) 74%);
    background-image: url('https://cdn.shopify.com/s/files/1/0247/7326/3445/files/renew-pattern.png?v=1713205663');
    background-size: cover;
}

/* PetalBlush
TerraPetal
BlushTerra */
/* MEMORIALDAYPROMO */
.color-swatch--blushterra,
.free-capsule-color-option.BlushTerra,
.color-option.BlushTerra{
    background: rgb(157,84,71);
    background: linear-gradient(129deg, rgba(250,155,203,1) 49%, rgba(157,84,71,1) 49%) !important;
}

.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=BlushTerra],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=BlushTerra] {
    background: rgb(157,84,71);
    background: linear-gradient(129deg, rgba(250,155,203,1) 49%, rgba(157,84,71,1) 49%);
}

.color-swatch--petalblush,
.free-capsule-color-option.PetalBlush,
.color-option.PetalBlush{
    background: rgb(244,216,230);
    background: linear-gradient(129deg, rgba(244,216,230,1) 49%, rgba(250,155,203,1) 49%) !important;
}

.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=PetalBlush],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=PetalBlush] {
    background: rgb(244,216,230);
    background: linear-gradient(129deg, rgba(244,216,230,1) 49%, rgba(250,155,203,1) 49%);
}

.color-swatch--terrapetal,
.free-capsule-color-option.TerraPetal,
.color-option.TerraPetal{
    background: rgb(157,84,71);
    background: linear-gradient(129deg, rgba(157,84,71,1) 50%, rgba(244,216,230,1) 50%) !important;
}

.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=TerraPetal],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=TerraPetal] {
    background: rgb(157,84,71);
    background: linear-gradient(129deg, rgba(157,84,71,1) 50%, rgba(244,216,230,1) 50%);
}

/* UPDATING THE TERRACOTTA COLOR SWATCH TO BE REDDER */
.color-swatch--terracotta,
.color-option.Terracotta{
    background: rgba(157,84,71,1) !important;
}
.page-build_a_system[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Terracotta],
.page-lifeproof_flow[bas-step="5"] .build-a-system-calculator>.item .color .circle[data-color=Terracotta] {
    background: rgba(157,84,71,1);
}



/* hide the label selector for pages with this class */
.hidden-label-selector .color-dropdown .label-inner {
    display: none;
}

.custom-home-shop-item .custom-home-shop-itemBanner {
    z-index: 1;
}

/* hiding the label selector */
.cart__item-subtitle .expand-wrapper {
    /* display: none; */
}

div[data-cart-item-property]:not(:first-child):not(.visually-hidden):before {
    content: unset;
    margin: unset;
}


/* RECYCLINTIME */
/* updating the content of the labels if its disabled */
.page-build_a_system_new .bas-product-hero .current-item .content .size-select .size-select-item.outofstock, .page-build_a_system_new .bas-size-tab .size-list-item .size-select-item.outofstock{
    opacity: 35%;
    pointer-events: none;
    color: transparent;
    line-height: 0px;
    
    /* this is to add a strikethrough */
    /* position: absolute;
    content: "";
    left: 48%;
    top: 1px;
    bottom: 1px;
    border-left: 2px solid!important;
    border-color: #fff!important;
    transform: rotate(35deg); */
}

.page-build_a_system_new .bas-product-hero .current-item .content .size-select .size-select-item.outofstock::after,
.size-list-item .size-select-item.outofstock::after {
    content: "Unavailable";
    visibility: visible;
    color: Black;
    line-height: 20px;    
}

.page-build_a_system_new .bas-product-hero .current-item .content .size-select .size-select-item.disabled.outofstock, .page-build_a_system_new .bas-size-tab .size-list-item .size-select-item.disabled.outofstock{
    display: none; 
}

.page-build_a_system_new .bas-review-tab-preview-container.sticky {
    top: 0px;
}

/* new size 15% off */
.size-15-off {
    color: #FFF;
   
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.25px;
    padding: 2px 8px;
}

/* new limited edition badges */
.limited .color-limited-edition {
    color: #FFF;
    /* font-family: 'SpeziaWideSemiBold'; */
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.25px;
    padding: 2px 8px;
}

.title .color-limited-edition {
    color: #FFF;
    /* font-family: 'SpeziaWideSemiBold'; */
    font-family: 'SpeziaSemiBold';
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.24px;
    padding: 2px 8px;
    display: inline-block;
    /* width: auto;
    margin: 0 auto; */
}


/* to hide the labels in BAS */
.label-list-item[data-label-name="Hand Cream"]:not(.active),
.label-list-item[data-label-name="Toothpaste Tablets"]:not(.active),
.label-list-item[data-label-name="Necklace"]:not(.active),
.label-list-item[data-label-name="AM"]:not(.active),
.label-list-item[data-label-name="PM"]:not(.active),
.label-list-item[data-label-name="Monday"]:not(.active),
.label-list-item[data-label-name="Tuesday"]:not(.active),
.label-list-item[data-label-name="Wednesday"]:not(.active),
.label-list-item[data-label-name="Thursday"]:not(.active),
.label-list-item[data-label-name="Friday"]:not(.active),
.label-list-item[data-label-name="Saturday"]:not(.active),
.label-list-item[data-label-name="Sunday"]:not(.active),
.label-list-item[data-label-name="choice-icon"]:not(.active),
.label-list-item[data-label-name="atlantic-icon"]:not(.active),
.label-list-item[data-label-name="leaf-icon"]:not(.active),
.label-list-item[data-label-name="rainbow-icon"]:not(.active){
    display: none;
}

/* MEMORIALDAYPROMO */
div[data-cart-item-property-list] {
    display: flex;
    flex-direction: column;
}

/* .main-header .one-fifth { 
    width: 10%;
} */


/* NAVBARCHANGES- ALIGN TO THE LEFT
DEVTODO- NAVIGATION DESKTOP CHANGES */
/* @media screen and (min-width:768px) {   
    .desktop-navlogo {
        order: 1;
        width: 7%;
        display: flex;
        justify-content: flex-start;
    }
    .main-header .logo svg { 
        width: unset;
    }

    .desktop-navsection1 {
        order: 2;
        width: 68%;
    }
    .desktop-navsection2 {
        order: 3;
        width: 25%;
    }
} */

/* force-hide the beam impact modal by default */
/* DEVTODO-BEAM-ABTEST */
[data-beam-widget="select-nonprofit"] {
    display: none;
}

/* hide beam pdp widget */
/* [data-beam-widget="product-details-page] {
  display: none;
} */

/* stocking out hearts */
.page-heart_early_launch [data-product_handle="the-56"],
.page-heart_early_launch [data-product_handle="the-flex-tile"],
.page-heart_early_launch [data-product_handle="the-132"] {
    pointer-events: none;
    opacity: 20%;
}

.page-heart_early_launch [data-product_handle="the-56"] .custom-home-shop-itemImageWrapper::after,
.page-heart_early_launch [data-product_handle="the-flex-tile"] .custom-home-shop-itemImageWrapper::after,
.page-heart_early_launch [data-product_handle="the-132"] .custom-home-shop-itemImageWrapper::after {
    content: "sold out";
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 10px;
}



/* SPECIAL EDITION LANDING PAGE */
/* white bar logos */

.transparent-navigation-white-version .main-content {
    position: relative;
    top: -50px;
    top: -5.625rem;
}
.transparent-navigation-white-version #shopify-section-cad-header{
    background: rgba(255, 255, 255, 0.20) !important;
    background-image: none !important;
}

.transparent-navigation-white-version .main-header .navigation-menu>li {
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    .transparent-navigation-white-version #mobileMenuToggle span,
    .transparent-navigation-white-version #mobileMenuToggle span:after, 
    .transparent-navigation-white-version #mobileMenuToggle span:before {
        background: #fff;
    }
    .transparent-navigation-white-version .mobile-toggle.active#mobileMenuToggle span,
    .transparent-navigation-white-version .mobile-toggle.active#mobileMenuToggle span:after,
    .transparent-navigation-white-version .mobile-toggle.active#mobileMenuToggle span:before {
        background: #2b2b2b;
    }
}

/* cadence logo */
.transparent-navigation-white-version path.main-page-logo {
    fill: #fff !important;
}
.menu-open.transparent-navigation-white-version path.main-page-logo {
    fill: #2B2B2B !important;
}

/* closed menu */
.transparent-navigation-white-version .cart-link__icon.white-version {
    display: block;        
}
.transparent-navigation-white-version .cart-link__icon.black-version {
    display: none;
}

/* open menu */
.menu-open.transparent-navigation-white-version .cart-link__icon.white-version {
    display: none;        
}
.menu-open.transparent-navigation-white-version .cart-link__icon.black-version {
    display: block;
}

/* special edition collections page banner */
.transparent-navigation-white-version .collections-page-banner {
    height: 440px; /* Adjust the height as needed */
}


/* TRANSPARENT NAVIGATION BLACK */
.transparent-navigation .main-content {
    position: relative;
    top: -50px;
    top: -5.625rem;
}


.transparent-navigation #shopify-section-cad-header{
    background: transparent !important;
    background-image: none !important;
}

.transparent-navigation #shopify-section-cad-header .cad-header-wrapper{
    background: rgba(255, 255, 255, 0.20) !important;
    background-image: none !important;
}


/* special edition collections page banner */
.transparent-navigation .collections-page-banner {
    height: 440px; /* Adjust the height as needed */
}


@media screen and (max-width: 768px) {
    /* hide on mobile if they're on position */
    .hide-when-not-last.custom-home-shop-item.position-3,
    .hide-when-not-last.custom-home-shop-item.position-5
    {
    display: none;
    }
}

@media screen and (min-width: 768px) {
    /* hide on mobile if they're on position */
    .hide-when-not-last.custom-home-shop-item.position-2,
    .hide-when-not-last.custom-home-shop-item.position-4,
    .hide-when-not-last.custom-home-shop-item.position-5,
    .hide-when-not-last.custom-home-shop-item.position-7,
    .hide-when-not-last.custom-home-shop-item.position-8
    {
    display: none;
    }
}

.cart_recommendations .ribbon-box,
.cart_recommendations .custom-home-shop-itemBanner,
.product-quick-shop-list .custom-home-shop-itemBanner,
.product-quick-shop-list .ribbon-box {
    display: none;
}

/* temporarily hide this section when you're on this page */
/* .page-the_summer_set .product-quick-shop-list{
    display: none;
} */

/* spatula page additional styling */
.spatula-page .product-quick-shop-list {
    padding: 47px 40px 48px;
}

.extra-image-wrapper {
    display: none;
}
.spatula-page .template-product .size-select .size-select-item img {
    width: 45%;
    /* margin-top: 10px; */
    margin-top: 0px;
    height: auto;
    max-height: 79px;
    width: auto;
}

.spatula-page .template-product .size-select .size-select-item {
    width: 140px;
    /* height: 44px; */
    height: auto;
}

/* for the spatula only, make it a bit smaller */
.spatula-page .template-product .size-select .size-select-item.spatula-only {
    width: 100px;
}

.spatula-page.template-product .product-section .product-single__meta .product-single__price-wrapper:after {
    display: none;
}

/* product template changes */
.spatula-page .template-product .product-section {
    background-color: #E6E2DE;
}

@media screen and (min-width: 768px){
    .spatula-page .template-product .product-section {
        padding: 39px 96px 60px 40px;
    }
}
@media screen and (max-width: 768px){
    .spatula-page .template-product .product-section {
        padding-top: 14px;
    }
}
.sticky-nav {
    position: sticky;
    top: 0;
    background-color: transparent;
    padding: 20px 20px;
    padding-left: 3.125rem;
    padding-right: 2.5rem;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .nav-items {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .nav-items::-webkit-scrollbar { 
    display: none;
  }
  
  .nav-items li {
    margin-right: 20px;
    flex-shrink: 0;
  }
  
  .nav-items a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
  }
  
  .nav-items li.active a {
    font-weight: bold;
  }
  
  .nav-items li.active a::before {
    content: "→";
    margin-right: 5px;
  }
  
  .preorder-button .button {
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;

    background-color: transparent;
    font-size: 14px;
    color: black;
    border-radius: 2px;
    border: 2px solid var(--Soft-Black, #2B2B2B);
  }
  
  @media (max-width: 768px) {
        .sticky-nav {
          /* flex-wrap: wrap; */
          /* just hide it if they're on mobile */
          /* display: none; */
          /* flex-wrap: wrap; */
            /* display: none; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 6px;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        }
      
        .nav-items {
          width: 100%;
          /* margin-bottom: 10px; */
        }
      
        .preorder-button {
          margin-left: auto;
        }
    
        .video-text-part-2 {
          
          bottom: 16%;
          left: 10%;
          transform: unset;
          width: 80%;
          left: 6%;
          transform: unset;
          width: 85%;
        }
        
        .preorder-button.sticky-preorder .button {
            /* position: relative;
            top: 0px; */
                position: relative;
                top: 0px;
                text-wrap: nowrap;

        }
    
        /* when it is retracted */
        .fixed .preorder-button.sticky-preorder .button {
            /* position: relative;
            top: 10px; */
            text-wrap: nowrap;
        }

  }
  
.spatula-page .option-name .expand-value {
    margin-left: 5px;
}

/* add some padding to the addons above the footer */
.drawer__inner form .cart_recommendations>.title {
    margin-top: 20px;
}

.spatula-page .product-quick-shop-list .quick-shop-items .custom-home-shop-item .compare_price {
    display: none;
}


#CartDrawer.all-presale-items .drawer__fixed-header .drawer__header {
    height: auto;
    align-items: flex-start;
}

#CartDrawer.all-presale-items>.drawer__inner {
    top: 4.75rem;
}

/* FREEHAT -- NEWHATT */
/* FIXES AND POLISHING OF THE CART ITEMS */

#CartDrawer .cart-name-block .cart-price-wrapper .cart__item-price {
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 1rem;
    text-align: right;
}
.cart__item-price, [data-cart-item-price-container], .cart__item-price--bold {
    font-weight: 700;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.cart__item-price--original {
    font-weight: 400 !important;
    font-size: .8125rem;
    line-height: 1rem;
    text-align: right;
    opacity: 80%;
}



[data-cart-item-discount] small
 {
    opacity: 45%;
    font-size: 80%;
    text-align: right;
}


#CartDrawer .cart-name-block {
    align-items: flex-start;
    padding-top: 5px;
}


.cart__row-product {
    /* padding: 5px; */
}

/* [data-cart-variant-id="40680886009941"] .cart__row-product, */
.free-promotional-item .cart__row-product
 {
    background-color: #e5e0db;
    padding: 6px;
}

.free-promotional-item .cart__row-product .cart__remove,
.free-promotional-item[data-cart-variant-id="40680886009941"] .cart__row-product .cart__remove
{
    display: none;
}



/* =============================================================== */
/* =============================================================== */
/* ==============================FLEX BY4 adjustments ============ */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
/* =============================================================== */
@media only screen and (min-width: 769px){

}




.dynacapsule-4.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span {
    font-size: 0.9vw;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-1 {
    left: 41.5%;
    top: 28%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-2 {
    left: 31.5%;
    top: 45%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-3 {
    left: 51.5%;
    top: 45%;
}

.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main .label-4 {
    left: 41.5%;
    top: 62.5%;
}

/* fix the width of the font past a certain point */
@media only screen and (min-width: 1450px){
    /* .flex-7-v2 .build-your-7-labels-main span, */
    .dynacapsule-4.page-paint_the_year_pink_bundle_-_set_of_4_flex .build-your-4-labels-main span {
        font-size: 14px;
    }
}

/* changes to the mobile footer */
@media screen and (max-width: 768px) {
        .custom-footer .custom-footer-content .custom-footer-body .custom-footer-useful-links-link > img
    {
        display: none;
    }
        .custom-footer .custom-footer-content .custom-footer-body .custom-footer-useful-links .custom-footer-useful-links-item {
            height: auto;
            margin-bottom: 5px;
        }
        .custom-footer-useful-links-text img {
            display: block ;
        }
    }

    /* CHARCOALFINALSALE */
.featured-products .size-select-sizes,
.charcoal-sets .size-select-sizes {
    display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
}
.featured-products .size-select-sizes .size-select-item,
.charcoal-sets .size-select-sizes .size-select-item {
    width: 86px;
    height: unset;
    min-height: 40px;
    justify-content: center;
    width: calc(33.33% - 10px); /* Adjust the 10px based on your desired gap */
    margin-bottom: 10px; /* Add some vertical space between rows */
    height: 60px;
    line-height: 130%;

    /* to ensure there is always a gap */
    /* display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px; */
}

.charcoal-sets .custom-home-shop-item:hover .custom-home-shop-itemImage.default-preview {
    opacity: 100%;
    /* z-index: 1; */
}

.charcoal-sets .product-prelabeled-tags {
    font-weight: 800;
}

.template-product .product-section .product-single__meta .yotpo.bottomLine.yotpo-small {
    /* display: none !important; */
}

/* LABORDAYSALE */
.bundle-savings-badge-container{
    margin-bottom: 16px;
    width: 100%;
    /* background: lightgray; */
        background: #D0CAC3;
    border-bottom: 3px solid #b7b7b6;
    padding: 5px 11px;
    border-radius: 3px;
    text-align: center;
    font-family: 'SpeziaWideSemiBold';
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.25px;
    color: #5c5c5c;
    /* padding: 2px 8px; */
}

@media screen and (max-width:768px) {
    .bundle-savings-badge-container {
        /* margin-top: 14px; */
    }
}

.page-build_a_system_landing .product-section .product-single__meta, .page-build_a_system_new .product-section .product-single__meta, .page-cadence_reviews .product-section .product-single__meta, .page-lifeproof .product-section .product-single__meta, .page-lifeproof_flow .product-section .product-single__meta, .template-product .product-section .product-single__meta {
    padding-top: 0px;
}

/* BASAFFIRM */
.page-build_a_system_new .bas-product-hero .next-step-button {
    margin: 31px auto 10px;
}

/* FEATURED PRODUCTS */
.featured-products .custom-home-featured-block-content-body-slider img {
    display: none !important;
}

.featured-products .product-prelabels-image-tags-container {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .featured-products .template-index .custom-home-featured-block {
        padding: 47px 16px 60px !important;
    }
}

.featured-products .custom-home-featured-block-content-header.desktop-only {
    display: none !important;
}

.featured-products .yotpo div a {
    display: none !important;
}

.featured-product .text-m {
    display: none !important;
}

.featured-products .custom-home-capsules-block-content-left .reviews {
    display: none;
}

/* hide the color selector for the 132 set of 3 small or mediums */
.custom-home-shop-item[data-product_handle="the-132-set-of-3"] .custom-home-shop-itemColorContainer,
.custom-home-shop-item[data-product_handle="the-132-set-of-3-sm"] .custom-home-shop-itemColorContainer
 {
    display: none;
}

/* hide the images in the expand wrapper just for this set */
.cart__item[data-product-type="build-your-132-3"] .expand-content img {
    display: none;
}

.choose-product-badge {
    
    /* display: none; */
    padding: 2px 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-radius: 2px;
    background: #6c2a12;
    
    text-align: center;
    font-size: 10px;
    font-family: Spezia;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.14px;
    color: #fff;
    margin: 0 0 0 7px;

    background: linear-gradient(to right, #f05b8c, #f7a9c4);
    background: linear-gradient(103deg, rgba(170, 76, 125, 0.75) 0%, rgba(170, 76, 125, 0.08) 59.62%), linear-gradient(97deg, rgba(231, 152, 182, 0.75) 0%, rgba(228, 92, 150, 0.90) 103.47%);


    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: SpeziaMedium;
    background: #6C2A12;
    /* background: #B33030; */


    color: #FFF;
    /* font-family: 'SpeziaWideSemiBold'; */
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.25px;
    padding: 2px 8px;

}

.featured-products .color-container {   
    align-items: center;
}

.featured-products.template-product .custom-home-featured-block {
    margin-top: 10px;
    margin-bottom: 104px;
}

@media only screen and (max-width: 769px) {
    .featured-products.template-product .custom-home-featured-block {
        margin-top: 10px;
        margin-bottom: 104px;
        padding: 25px 12px 25px !important;
    }
}


.featured-products .custom-home-featured-block {
    padding: 1rem 0;
}

.featured-products .custom-home-featured-block .custom-home-featured-block-content .custom-home-featured-block-content-body {
    margin: 0 auto 1.75rem !important;
    overflow: hidden;
    width: 75%;
}

@media only screen and (max-width: 769px) {
.featured-products.template-index .custom-home-capsules-block .custom-home-capsules-block-content .custom-home-capsules-block-content-left{
    padding: 1.75rem 1rem 1rem 1rem;
    position: relative !important;
    width: 100%;
    margin-bottom: 3px;
    }
}


.featured-products.template-index .custom-home-capsules-block  {
    margin-bottom: 20px;
}

/* fix the images for the label floating stuff */
.hex-graphics img.product-label-image {
    padding: 4% 8% 0% 4%;   
}

/* build a sytem quick changes */
.page-build_a_system_new .content .settings .label-list-wrapper .label-image .active {
    display: none;
}

.page-build_a_system_new .bas-product-hero .current-item .label-list-wrapper .label-list-item {
    height: 40px;
}


.page-build_a_system_new .bas-review-tab .bas-review-item .buttons img {
    max-width: 20px;
}

.current-item .settings .selected-label .label-image img {
    display: none;
}

.page-build_a_system_new .bas-product-hero .current-item .selected-label {
    height: 71px;
}



/* SWIPER THUMBS FOR MOBILE ODDIT */
@media screen and (max-width: 768px) {
    [data-main-photos-swiper-thumbs] {
        display: block !important;
        position: static !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        padding-right: 0 !important;
        margin-top: 15px;
    }

    [data-main-photos-swiper-thumbs] .swiper-wrapper {
        display: flex !important;
        flex-direction: row !important;
        transform: none !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }

    [data-main-photos-swiper-thumbs] .swiper-slide {
        width: 64px !important;
        height: 64px !important;
        margin-right: 10px !important;
        margin-bottom: 0 !important;
        flex-shrink: 0;
    }

    [data-main-photos-swiper-thumbs] img,
    [data-main-photos-swiper-thumbs] video {
        width: 64px !important;
        height: 64px !important;
        object-fit: cover;
    }

    [data-main-photos-swiper-thumbs]::-webkit-scrollbar {
        height: 4px;
        width: auto;
    }

    [data-main-photos-swiper-thumbs]::-webkit-scrollbar-track {
        background: #D0CAC3;
    }

    [data-main-photos-swiper-thumbs]::-webkit-scrollbar-thumb {
        background: #2B2B2B;
    }

    .product-section [data-main-photos-swiper-thumbs],
    .main-content [data-main-photos-swiper-thumbs],
    .calculator-wrapper .current-item .content [data-main-photos-swiper-thumbs] {
        position: static;
        left: auto;
        top: auto;
    }

    .template-product .product-section [data-main-photos-swiper-thumbs] .swiper-slide {
        width: 64px !important;
        height: 64px !important;
        margin-right: 10px !important;
        margin-bottom: 0 !important;
        flex-shrink: 0;
        transition: opacity 0.3s ease;
    }

    .template-product .product-section .new-flex-product .product__gallery-wrapper .product__photos .swiper-wrapper {
        padding-bottom: 0px !important;
    }

}

/* Add these rules for desktop view */
@media screen and (min-width: 769px) {
    [data-main-photos-swiper-thumbs] .swiper-slide {
        opacity: 0.6;
        transition: opacity 0.3s ease;
    }
}

[data-main-photos-swiper-thumbs] .swiper-slide {
    opacity: 0.8;
}


[data-main-photos-swiper-thumbs] .swiper-slide-thumb-active.swiper-slide {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .swiper-slide-thumb-active .swiper-slide__content-wrapper {
        display: block !important
    }

    .template-product .product-section [data-main-photos-swiper-thumbs] .product__gallery-wrapper {
        padding-bottom: 0px !important;
    }
}

/* .swiper-slide-thumb-active .swiper-slide__content-wrapper img, */
.swiper-slide-thumb-active .product-image-main img,
.swiper-slide-thumb-active video {
    border: 1px solid #4f1f0e;
    border-radius: 3%;
}

.comma-separated-style svg {
    width: 16px;
    /* flex: 0 0 auto; */
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.comma-separated-style {
    /* display: flex;
    gap: 7px;
    flex-direction: row; */
    align-items: center;
    font-size: 14px;
    display: block;
    line-height: 150%;
}
  
  .list-of-labels-string {
    display: inline;
  }

/* hiding the swiper for AB test */
/* hiding the thumbs on the product page for mobile */
@media screen and (max-width: 768px) {
    [data-main-photos-swiper-thumbs] {
        /* display: none !important; */
    }
}

/* hiding the prelabeled tags */
.product-prelabeled-tags {
    /* display: none !important; */
}

/* hiding the value props for ab test */
.product-extra-information.valueprops {
    /* display: none; */
}

/* updated size measurements for BAS */
.bas-size-tab-container .size-description {
    line-height: 15px;
}
.bas-size-tab-container .size-description .size-measurement {
font-size: 70%;
line-height: 110%;
}

/* PDP margin adjustments */
.template-product .corporate-gifting-faq {
    margin-top: 15px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 769px) {
    .template-product .corporate-gifting-faq {
        margin-top: 15px;
        margin-bottom: 30px;
    }
}


/* updates to the mobile nav */
.new-nav .mobile-menu-header .menu-content {
    background-color: unset;
    padding: 4px;
    border: solid #c5c5c5 2px;
    border-radius: 3px;
}

/* changes just to the item with build your routine */
.new-nav .mobile-menu-header .mobile-nav-link.build-your-routine
.menu-content {
    border: solid #6c6c6c 2px;
}

.new-nav .mobile-menu-header .menu-link .menu-link-text .menu-subheading {
    display: none;
}


.menu-link-text .menu-title {
    display: flex;
    align-items: center;
}

.new-nav .mobile-menu-header .mobile-nav-link .menu-content img {
    width: 80px;
    height: 80px;
    border-radius: 2px;
    margin-right: 20px;
    object-fit: cover !important;
}

.menu-link-text .menu-title span,
.menu-link-text .menu-title .mobile-menu-item-badge
 {
    color: #fff;
    line-height: 18px;
    height: auto;
    border-radius: 2px;
    padding: 0px 4px;
    font-size: 11px;
    background: #6c2a12;
    /* background: #B33030; */
    color: #fff;
}

.new-nav.mobile-menu-container .mobile-menu-header li {
    margin-bottom: 13px;
}

/* adjustments to the faq questions */
.custom-faq-gradient-block-content-item-qa .custom-faq-gradient-block-content-item-qa-answer p {
    margin-bottom: 15px;
}

.custom-faq-gradient-block-content-item-qa .rte li {
    margin-bottom: .25em;
}

.custom-faq-gradient-block-content-item-qa .rte ul {
    font-size: .875rem;
}

/* adjust the css for the homepage video */
@media screen and (max-width: 769px) {
    .common-videojs-block video.center-image {
        height: 40vh;
        max-height: 500px;
    }
}

.menu-open .sticky-nav {
    display: none;
}


/* CSS FOR THE AB TEST, hide the animation stuff */
@media screen and (max-width: 769px) {
    #animation-section,
    .sticky-nav-link.animation-section
    {
        display: none !important;
    }
}


/* CSS FOR THE AB TEST, hide the animation stuff */
#introduction-section,
.sticky-nav
 {
    display: none !important;
}

/* hide the color selector for the parcel, before berry launch */
/* .page-the_parcel .variant-wrapper.color-variants-wrapper{
    display: none !important;
} */

.swiper-navigation-arrows-container {
    display: unset;
    top: 48%;
    position: absolute;
    z-index: 200;
    width: 100%;
    /* padding: 0px 17px; */
    font-size: 20px;
    cursor: pointer;
    /* prevent selection of text */
    user-select: none;
}

.swiper-navigation-arrows {
    display: flex;
    justify-content: space-between;
}

.swiper-navigation-arrows .nav-arrow {
    padding-left: 20px;
    padding-right: 20px;
}
.nav-arrow.swiper-button-disabled {
    opacity: 0.3;
}

.custom-home-shop-item .custom-home-shop-itemCopy .compare_price {
    display: unset;
    opacity: 0.5;
    margin-left: 2px;
}

.custom-home-shop-item .custom-home-shop-itemCopy .price {
    /* color: #B33030;
    font-weight: 700; */
}

/* side to side animations */
.announcement .animation-wrapper .announcement__wrapper {
    width: 100%;
    /* background-color: #B33030; */
}

#shopify-section-cad-header .announcement__wrapper {
    /* background-color: #B33030; */
    color: #fff;
}

.desktop-nav-link.gifts {
    /* color: #B33030 !important;
    font-weight: 800; */
}

.main-header .cart-link__bubble {
    /* background-color: #B33030; */
}


.announcement .animation-wrapper .announcement__wrapper.active .announcement_content {
    width: 100%;
    transition: 2s cubic-bezier(0.02,0.01,0,0.95);

}

.announcement .animation-wrapper .announcement__wrapper .announcement_content {
    top: 0px;
    opacity: 0;
}

.announcement .animation-wrapper .announcement__wrapper.active .announcement_content {
    opacity: 1;
    top: 0;
}

.new_announcement__arrow-left,
.new_announcement__arrow-right {
    cursor: pointer;
    font-size: 15px;
    padding: 0 12px;
}



.custom-home-shop-item .custom-home-shop-itemBanner {
    /* background: #B33030; */
}

.template-product .size-select .size-select-sizes.dynamic-size-select-container{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    justify-content: flex-start;
}

.template-product .size-select .size-select-item.dynamic-size-select-item {
    min-height: unset;
    display: flex;
    /* flex-wrap: wrap; */
    align-content: center;
    width: 31%;
    justify-content: center;
}

.dynamic-size-selector .comma-separated-style {
    margin-top: 10px;
}

.dynamic-size-selector .size-select-item img {
    display: none !important;
}

/* red button retheme */

.template-product .product-section .product-single__meta .quantity-controls .add-to-cart,
.template-index .custom-home-capsules-block .custom-home-capsules-block-content .custom-home-capsules-block-content-left-link,
.template-index .new-home-animation .new-home-animation-link,
.black-button
 {
    /* background-color: #B33030; */
}
/* BAS */
.page-build_a_system_new .sticky-button-wrapper .sticky-button,
.page-build_a_system_new .next-step-button,
.page-build_a_system_new .bas-product-hero .next-step-button,
.page-build_a_system_new .product-content .button-start-building {
    /* background: #B33030; */
}

/* filters in the shop all page for gifts */
@media screen and (max-width: 768px) {
    .page-holiday_gift_guide .filter-item {
        min-width: unset !important;
    }
}

.drawer__inner form .cart_recommendations .custom-home-shop-item {
    height: auto;
}
#CartDrawer > .drawer__inner {
    border-top: solid 1px lightgray;
}

.add-gift-note-wrapper {
    margin-bottom: 0px;
    margin-top: 11px;
}

.drawer__footer { height: 315px; }

#CartDrawer .cart__items {
    margin-top: 0.25rem;
}

#center-image-2 {
    height: 42vh;
    /* height: 33vh; */
    max-height: 420px;
}

.template-index .custom-home-capsules-block .custom-home-capsules-block-content .custom-home-capsules-block-content-right .image-banner{
    padding: 6px 5px;
}

.page-holiday_gift_guide .title-with-badge {
    display: none !important;
}


/* @media screen and (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .hide-on-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .ajaxcart__item-content {
        max-width: 75%; {
    }
} */


/* @media screen and (max-width: 420px) {
    .page-build_a_system_new .label-list-wrapper .label-list-item {
        width: 100px;
        zoom: 0.9;
    }
} */


/* .page-shop_all .custom-section-shop-all .custom-section-shop-all-filters .collection-filter, .page-welcome .custom-section-shop-all .custom-section-shop-all-filters .collection-filter {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media screen and (max-width: 768px) {
    .page-holiday_gift_guide .filter-item {
        min-width: unset !important;
        width: 31% !important;
        padding: 6px !important;
    }

    .page-shop_all .custom-section-shop-all .custom-section-shop-all-filters>div:first-child {
        width: 100%;
        gap: 6px;
    }
} */

/* .template-index .custom-home-capsules-block {
    margin-bottom: 0px;
} */


@media screen and (max-width: 768px) {
 
    .template-index .custom-home-capsules-block .custom-home-capsules-block-content .custom-home-capsules-block-content-left .custom-home-capsules-block-content-left-link {
        margin-bottom: 0px;
        
    }

    .template-index .custom-home-capsules-block .custom-home-capsules-block-content .custom-home-capsules-block-content-left{
        margin-bottom: 0px;
        /* padding: 1.75rem 2rem 1.75rem 1rem; */
        /* padding: 1rem 1rem 1rem 1rem; */
        padding: 1.75rem 1.25rem 2.2rem 1rem;
    }


    .template-index .custom-home-capsules-block .custom-home-capsules-block-content .custom-home-capsules-block-content-left .custom-home-capsules-block-content-left-body {
        margin-bottom: 20px;
        font-size: 14px !important;
    }

}
/* BERRYMOVAL */
/* hide the berry colors */
.size-select-item.berry {
    display: none !important;
}

.page-the_parcel .variant-wrapper.color-variants-wrapper {
    display: none !important;
}


@media screen and (max-width: 768px) {
    .main-header {
        height: 57px;
    }

    .logo svg {
        max-height: 30px;
        margin-top: 5px;
    }

    .right-menu.navigation-menu li {
        margin-bottom: 0em;
    }

    .mobile-menu-container {
        top: 57px;
        height: calc(100vh - 40px) !important;
        /* padding-bottom: 200px; */
    }


}



.plp-badge-container{
    display: flex;
    width: 100%;
    position: absolute;
    top: 0px;
    justify-content: flex-end;
    
    flex-wrap: wrap;
    padding: 8px;
    gap: 8px;
}

.custom-home-shop-item .standard-product-badge {
    
    font-size: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    color: black;
    padding: 2px 8px;
    border-radius: 3px;
    background: #FFF;
    /* height: 20px; */
    height: auto;
    /* font-family: SpeziaWideSemiBold; */
    z-index: 2;
    font-family: 'SpeziaMedium';
    font-size: 11px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -0.25px;
}

.standard-product-badge.holiday-offer {
    /* background: #B33030; */
    color: black;    
}

/* banner text */
.standard-product-badge span {
    font-size: 0.65rem;
    line-height: 0.65rem;
    text-align: center;
}

.product-addon__price {
    /* color: #B33030; */
}

.cart-quantity-area input {
    touch-action: none; /* Prevents default touch behaviors */
    -webkit-touch-callout: none; /* Prevents callout on long-press */
    user-select: none; /* Prevents text selection */
    pointer-events: none;;
}


/* fix the mobile cart experience */
@media screen and (max-width: 768px) {
    #CartDrawer .drawer__inner {
        padding: 0px 15px 80px;
    }
    .cart-quantity-area {
        margin-right: 0px;
    }

}


.drawer__footer .fixed {
    z-index: 4;
}


.product-single__meta .expand-wrapper {
    border-bottom: unset;
}

.community-modal-container {
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
}

.community-modal-container .js-modal-open-bas-color-filter {
    font-weight: 400;
    text-decoration: underline;
}


/* ch ch ch changes to the carousel in the PDP */
/* 2025 changes project2025 */
@media screen and (max-width: 768px) {
    /* push the carousel to the very left of the screen, no padding; */
    .template-product .product-section .product__gallery-wrapper {
        padding: 16px 0px 16px 0px !important;
        overflow: hidden;
    }

    .template-product .product-section .new-flex-product .product__gallery-wrapper .product__photos [data-main-photos-swiper-thumbs] {
        height: 100%;
        padding-left: 16px;
    }

}

.template-product .product-section .product-single__meta .color-variants-wrapper {
    margin-bottom: 0px;
}

/* shorten the parcel selector */
.dynamic-parcel .size-select .size-select-item img {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dynamic-parcel .template-product .size-select .size-select-item {
    min-height: unset;
    width: 5rem;
}

.page-the_you_set .expand-wrapper.size-select-expand {
    display: none;
}

/* dynamic bundle image adjustments */
/* desktop translation */
@media screen and (min-width: 769px) {
    .group.dynamicgroup-iris,
    .group.dynamicgroup-terracotta
    /* .group.dynamicgroup-atlantic */
    {
        transform: translate(0px, 30px);
    }
}

@media screen and (max-width: 769px) {
    /* .group.dynamicgroup-cacao, */
    .group.dynamicgroup-iris,
    .group.dynamicgroup-terracotta
    /* .group.dynamicgroup-atlantic */
    
    {
        transform: translate(0px, 22px);
    }
}

.page-the_flex_tile .extra-label-labels-main {
    display: none !important;
}


/* COLOR BUBBLE TEST */
/* document.body.classList.add('mobile-bubbles'); */
@media screen and (min-width: 768px) {
    .mobile-bubbles.template-product .product-section .product-single__meta .color-variants-wrapper div.color-options .variant-input.active .color-swatch:after {
        border: 1px solid #2B2B2B;
    }

    .mobile-bubbles.template-product .product-section .product-single__meta .color-variants-wrapper div.color-options .variant-input {
        position: relative;
        /* /* display: flex */
        align-items: unset;
        flex-direction: unset;
        border: 1px solid #D0CAC3;
        border-radius: 50%;
        width: unset;
        height: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        margin: unset;
        cursor: unset;
    }

    .mobile-bubbles.template-product .product-section .product-single__meta .color-variants-wrapper span.color-option-value {
        display: none;
    }

    .mobile-bubbles.template-product .product-section .product-single__meta .color-variants-wrapper div.color-options .variant-input {
        position: relative;
        margin: 8px;
    }
}

/* document.body.classList.add('carousel-deactivated'); */
/* homepage carousel ab test */
.carousel-deactivated .homepage-carousel .slider-nav,
.carousel-deactivated .homepage-carousel .prev,
.carousel-deactivated .homepage-carousel .next,
.carousel-deactivated .carousel-ui {
    display: none;
}