/** Shopify CDN: Minification failed

Line 86:13 Expected ":"

**/
   /* Samples section in mini cart */
   .cart-drawer-samples {
        display: flex;   
        width: 100%;
        flex-direction: column;
        padding-top: 2rem;
        margin-top: 2rem;
        border-top: solid 1px var(--color-border)
    }

     .cart-drawer-samples .heading-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .cart-drawer-samples .heading {
        font-size: 18px;
        margin: 0px
    }

    .cart-drawer-samples .samples-link {
        color: #2D2D2D;
    }

    .cart-drawer-samples .sample-slider {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: nowrap;
        width: 100%;
        gap: 10px;
        margin-bottom: 10px;
    }

    .cart-drawer-samples .sample-slider .sample-card {
        width: 30%;
        background-color: #F5F5F5;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        height: 130px;
    }

    .cart-drawer-samples .sample-slider .sample-card .sample-cta {
        font-size: 24px;
        border: 1px solid #3FA533;
        height: 35px;
        width: 35px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cart-drawer-samples .sample-slider .sample-card--populated {
        padding: 0;
    }

    .cart-drawer-samples .sample-slider .sample-card--populated img {
        width: 100%;
    }

    .cart-drawer-samples .sample-slider .sample-card .sample-cta span {
        margin-bottom: 2px;
    }

    .cart-drawer-samples .sample-slider .sample-card--populated {
        background-color: white;
    }

    /* drawer styles */
    .drawers-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
        width 100%;
        height: 100%
    }
    .f-cart-drawer__inner, .samples-drawer-inner {
        transition: all 0.8s ease;
        width: 100%;
        min-width: var(--f-drawer-width);
    }

    .drawers-wrapper.show-samples-drawer .f-cart-drawer__inner {
        transform: translate(-100%);
    }

    .drawers-wrapper.show-samples-drawer .samples-drawer-inner {
        transform: translate(-100%);
    }
    
    /* Samples Drawer */
    .samples-drawer-inner {
        background-color: #F5F5F5;
    }

    .samples-drawer-heading {
        padding: 1.6rem 2rem;
        background-color: white;
        display: flex;
        align-items: center;
    }

    .samples-drawer-heading .back-button {
        cursor: pointer;
    }

    .samples-drawer-heading svg {
        height: 30px;
    }

    .samples-drawer-heading .title {
        font-size: 18px;
    }

    .samples-drawer-body {
        padding: 1.6rem 2rem;
    }

    .samples-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sample-wrapper {
        background-color: white;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        margin: 2rem 0;
    }

    .sample-toggle {
        font-size: 20px;
        border: 1px solid #3FA533;
        height: 25px;
        width: 25px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 10px;
        right: 10px;
        cursor: pointer;
    }

    .selected .sample-toggle {
        color: white;
        background-color: var(--color-text-body);
    }

    .sample-toggle[disabled] {
        pointer-events: none;
    }

     .sample-toggle span {
        margin-bottom: 3px;
    }

    .selected .sample-toggle span.add {
        display: none;
    }

    .sample-toggle span.added {
        display: none;
    }

    .sample-toggle span.added svg {
        width: 14px;
        height: 14px;
        margin-inline-end: 5px;
    }

     .selected .sample-toggle span.added {
        display: block;
    }

    .samples-drawer-inner .f-drawer__footer {
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .samples-drawer-footer {
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    }
    
    .selected-samples {
        text-transform: uppercase;
    }

    .add-samples {
        background-color: var(--color-text-body);
        color: white;
        text-transform: uppercase;
        border-radius: 0;
        cursor: pointer;
        width: 100%;
    }

   .add-samples[disabled] {
    pointer-events: none;
   }

   /* cart page styles */
   .main-cart-samples {
        margin: 20px 0;
        color: #42B029 !important;
        text-transform: uppercase;
        cursor: pointer;
   }
.template-cart .f-cart__title-wrapper{
    align-items: flex-start;
}
    @media (max-width: 768px) {
        .f-cart-drawer, .f-drawer-samples {
            --f-drawer-width: 100vw !important;
        }
        .cart-drawer-samples .sample-slider .sample-card {
            height: 25vw;
        }
    }