.max-elements-mini-cart {
    .max-elements-mini-cart-container {
        background-color: #fff;
        padding: 15px;
        overflow: hidden;
        -webkit-box-shadow: 0 1px 10px rgba(204, 204, 204, 0.5);
        box-shadow: 0 1px 10px rgba(204, 204, 204, 0.5);
        display: none;
        position: absolute;
        z-index: 9;
        width: 350px;
        text-align: left;

        .mini-cart-header {
            clear: both;
            overflow: hidden;
            padding-bottom: 10px;

            ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: block;

                li {
                    float: left;
                    -webkit-transition: all 0.4s;
                    transition: all 0.4s;

                    &:last-child {
                        float: right;
                    }
                }

                a,
                li {
                    color: #465157;
                    font-size: 13px;
                    line-height: 15px;
                    font-weight: 600;
                    float: left;
                    text-transform: uppercase;
                    list-style: none;
                }
            }
        }

        .max-elements-dropdown-menu-mini-cart {
            ul li {
                position: relative;
                overflow: hidden;
                padding: 15px 10px;
                border-bottom: 1px solid #e6ebee;

                &:first-of-type {
                    border-top: 1px solid #e6ebee;
                }

                a {
                    color: #465157;
                    font-size: 15px;
                    font-weight: 600;
                    line-height: 18px;
                    display: block;
                    margin-bottom: 10px;

                    >img {
                        max-width: 80px;
                        float: right;
                    }

                    &.remove {
                        position: absolute;
                        right: 6px;
                        top: 6px;
                        background-color: #fff;
                        height: 20px;
                        width: 20px;
                        text-align: center;
                        line-height: 20px;
                        border-radius: 100px;
                        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
                        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
                        margin: 0;
                    }
                }

                .quantity {
                    display: block;
                    color: #737373;
                    font-size: 13px;
                    line-height: 13px;
                }
            }

            .woocommerce-mini-cart__total {
                color: #465157;
                font-size: 15px;
                font-weight: 600;
                text-transform: uppercase;
                overflow: hidden;
                margin: 0;
                padding: 15px 0;

                .amount {
                    float: right;
                }
            }

            .woocommerce-mini-cart__buttons {
                margin: 0;

                .wc-forward {
                    display: none;

                    &.checkout {
                        color: #fff;
                        font-size: 12px;
                        line-height: 18px;
                        text-transform: uppercase;
                        border-radius: 0;
                        display: block;
                        padding: 14px 10px;
                        text-align: center;
                        font-weight: 600;
                        background-color: #004ef5;
                    }
                }
            }
        }
    }

    .max-elements-dropdown-back {
        display: inline-block;
        cursor: pointer;
        position: relative;
        color: #465157;

        >svg {
            max-width: 16px;
            height: auto;
            vertical-align: middle;
        }

        .amount {
            color: #465157;
        }
    }

    &.is--active {
        .max-elements-mini-cart-visibility-off_canvas {
            >.max-elements-mini-cart-container {
                -webkit-transition: -webkit-transform 0.8s ease-in-out;
                transition: -webkit-transform 0.8s ease-in-out;
                transition: transform 0.8s ease-in-out;
                transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
                -webkit-transform: translateX(0);
                transform: translateX(0);
                visibility: visible;
            }

            +.max-elements-mini-cart--backdrop {
                opacity: 1;
                visibility: visible;
            }
        }

        +.max-elements-mini-cart--backdrop {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-transition: all 0.8s ease;
            transition: all 0.8s ease;
            opacity: 0;
            visibility: hidden;
            cursor: pointer;
            z-index: 9998;
        }
    }

    ul.max-elements-dropdown-menu.max-elements-dropdown-menu-mini-cart {
        display: none;
    }
}

.max-elements-mini-cart-visibility-hover {
    z-index: 9;

    &:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 100%;
        background-color: transparent;
        z-index: -1;
    }
}

.max-elements-mini-cart-visibility-off_canvas>.max-elements-mini-cart-container {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
    -webkit-transition: visibility 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
    transition: visibility 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out, visibility 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out, visibility 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
    overflow-y: auto;
    cursor: default;
    z-index: 9999;
}


body.admin-bar .max-elements-mini-cart-visibility-off_canvas>.max-elements-mini-cart-container {
    top: 32px;
}