
.utuwb-minicart-popup-wrap {

    position: relative;
    z-index: 99999;
}
.utuwb-minicart-popup-inner-wrap {  

    position: fixed;

    top: 0;

    bottom: 0;

    z-index: 9999;

    transition: all 0.3s;

    max-width: 400px;

}
.utuwb-minicart-popup-wrap.utuwb-left .utuwb-minicart-popup-inner-wrap{

    left: 0;

    transform: translateX(-100%);

}

.utuwb-minicart-popup-wrap.utuwb-right .utuwb-minicart-popup-inner-wrap{
    right: 0;

    transform: translateX(100%);

}

.utuwb-minicart-popup-wrap.utuwb-open .utuwb-minicart-popup-inner-wrap{

    transform: translateX(0%);

}







.utuwb-minicart-popup-wrap.utuwb-open .utuwb-minicart-content-wrap{







    margin-left: 0%;







    margin-right: 0%;







} 







.utuwb-minicart-popup-wrap:after {







    content: '';







    position: fixed;







    left: 0;







    top: 0;







    bottom: 0;







    right: 0;







    background-color: #000;







    opacity: 0.3;







    display: none;







}







.utuwb-minicart-popup-wrap.utuwb-open:after{







    display: block;







    







}







.utuwb-popup-trigger {







    position: absolute;







    width: auto;







    bottom: 0;







    display: flex;







    align-items: center;







    line-height: 1;







    padding: 12px;







    cursor: pointer;







    background-color: #fff;







    border: 1px solid #dadada;







    border-radius: 8px;







    margin: 20px;

    transition: all 0.3s;





}



.utuwb-popup-trigger.utuwb-shake{



    animation: shake 0.75s linear 1;







}



@keyframes shake {



    10% {



      transform: translateX(3px) rotate(2deg);



    }



  



    20% {



      transform: translateX(-3px) rotate(-2deg);



    }



  



    30% {



      transform: translateX(3px) rotate(2deg);



    }



  



    40% {



      transform: translateX(-3px) rotate(-2deg);



    }



  



    50% {



      transform: translateX(2px) rotate(1deg);



    }



  



    60% {



      transform: translateX(-2px) rotate(-1deg);



    }



  



    70% {



      transform: translateX(2px) rotate(1deg);



    }



  



    80% {



      transform: translateX(-2px) rotate(-1deg);



    }



  



    90% {



      transform: translateX(1px) rotate(0);



    }



  



    100% {



      transform: translateX(-1px) rotate(0);



    }



  }



.utuwb-minicart-popup-wrap.utuwb-left .utuwb-popup-trigger{







    left: 100%;















}







.utuwb-minicart-popup-wrap.utuwb-right .utuwb-popup-trigger {







    right: 100%;







}







.utuwb-popup-trigger .utuwb-cart-items-count-inline {







    position: absolute;







    width: 1.5em;







    height: 1.5em;







    font-size: 9px;







    background-color: #000;







    color: #fff;







    text-align: center;







    display: flex;







    align-items: center;







    justify-content: center;







    border-radius: 50%;







    right: -10px;







    top: -6px;







}







.utuwb-minicart-content-wrap {







    position: relative;







    background-color: #fff;







    z-index: 1;







    max-width: 100%;







    width: 100vw;







    height: 100vh;







    overflow: hidden;







    overflow-y: auto;







    transition: all 0.3s;







}







.utuwb-minicart-content-inner-wrap {







    padding: 20px;







}







.utuwb-minicart-content-inner-wrap {







    padding: 20px;







}















.utuwb-cart-title,







.utuwb-cart-item:not(:last-child) {







    padding-bottom: 15px;







    margin-bottom: 15px;







    border-bottom: 1px solid #d4d4d4;







}















.utuwb-cart-close {







    position: absolute;







    width: 20px;







    height: 20px;







    right: 20px;







    font-size: 0;







    top: 20px;







    display: flex;







    align-items: center;







    justify-content: center;







    cursor: pointer;







}















.utuwb-cart-close:before, 







.utuwb-cart-close:after {







    content: '';







    width: 80%;







    height: 1px;







    position: absolute;







    background-color: currentColor;







    transform: rotate(45deg);







}















.utuwb-cart-close:after {







    transform: rotate(-45deg);







}







.utuwb-cart-items {







    margin: 20px 0;







}







.utuwb-cart-item {







    padding-left: 110px;







    position: relative;







}







.utuwb-product-image img {







    position: absolute;







    left: 0;







    right: 0;







    top: 0;







    border: 0;







    width: 100%;







    height: 100%;







    object-fit: cover;







}















.utuwb-cart-item .utuwb-product-image {







    width: 90px;







    padding: 0;







    height: 90px;







    position: absolute;







    left: 0;







}















.utuwb-product-title {







    margin: 0 0 5px 0;







    padding: 0 40px 0 0;







}















.utuwb-product-price {







    font-size: 13px;







    font-weight: 400;







    margin: 0 0 5px 0;







}







.utuwb-remove-item {







    position: absolute;







    right: 0;







    top: 0;







    line-height: 1;







}















.utuwb-remove-item a {







    color: #000;







    font-size: 13px;







}















.utuwb-product-quantity {







    display: inline-flex;







    flex-wrap: wrap;







}















.utuwb-product-quantity>span, .utuwb-product-quantity>input[type=number] {







    width: 35px;







    padding: 4px;







    display: inline-block;







    height: auto;







    min-height: inherit;







    font-size: 14px;







    text-align: center;







    border: 1px solid #b2b2b2;







    margin: 0;







}















.utuwb-product-quantity>span {







    cursor: pointer;







    transition: all 0.3s;







}















.utuwb-product-quantity>span:hover, .utuwb-product-quantity>span:focus {







    color: #fff;







    background-color: #000;







    border-color: #000;







}















.utuwb-product-quantity>input[type=number]::-webkit-outer-spin-button,







.utuwb-product-quantity>input[type=number]::-webkit-inner-spin-button {







  -webkit-appearance: none;







  margin: 0;







}















.utuwb-product-quantity>input[type=number] {







  -moz-appearance: textfield;







  margin: 0 -1px;















}







.utuwb-cart-summary>div {







    padding: 7px 0;







    border-top: 1px solid #d6d6d6;







}















.utuwb-cart-summary>div .amount {







    font-weight: 400;







    margin: 0 0 0 5px;







}







.utuwb-cart-links {







    margin: 0 -5px;







    display: flex;







    flex-wrap: wrap;

    align-items: center;





}















.utuwb-cart-links .button {







    margin: 0 5px;







    display: inline-block;







}















.utuwb-cart-links a.button {







    margin: 5px;







    display: inline-block;







    width: calc(50% - 10px);







    text-transform: none;







    padding: 15px;







    text-align: center;







}















.utuwb-cart-links a.button.utuwb-continue-shopping {







    width: 100%;







}







.utuwb-minicart-popup-wrap.utuwb-loading .utuwb-minicart-content-inner-wrap:before,







.utuwb-minicart-popup-wrap.utuwb-loading .utuwb-minicart-content-inner-wrap:after{







    position: fixed;







    z-index: 9;







}







.utuwb-minicart-popup-wrap.utuwb-loading .utuwb-minicart-content-inner-wrap:before{







    content: "";







    left: 0;







    right: 0;







    height: 100%;







    top: 0;







    background-color: rgb(255 255 255 / 60%);







}







.utuwb-minicart-popup-wrap.utuwb-loading .utuwb-minicart-content-inner-wrap:after{







    font-family: WooCommerce;







    content: "\e01c";







    left: 50%;







    top: 50%;







    animation: spin 2s linear infinite;







    font-size: 30px;







    opacity: 0.6;







}



.utuwb-product-title dl {



    flex-wrap: wrap;



    font-size: 80%;



    margin: 10px 0



}



.utuwb-product-title dl dt,



.utuwb-product-title dl dd{



    display: inline-block;



    width: 30%;



}



.utuwb-product-title dl dd {



    width: 70%;



    margin: 0;



}



.utuwb-product-title dl dd p{



    margin: 0;



}