/** Shopify CDN: Minification failed

Line 235:0 Unexpected "}"

**/
/*==================================================
    LEVORA FLOATING UGC
==================================================*/



.levora-floating-ugc.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/*==========================
LEFT / RIGHT
==========================*/

.levora-floating-ugc.left{
    left:20px;
    right:auto;
}

.levora-floating-ugc.right{
    right:20px;
    left:auto;
}

/*==========================
VIDEO
==========================*/

.levora-floating-ugc{

    position:fixed;

    right:20px;
    bottom:20px;

    width:210px;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    /* box-shadow:0 12px 35px rgba(0,0,0,.16); */
    box-shadow:0 8px 24px rgba(0,0,0,.18);

    z-index:99999;

    opacity:0;
    visibility:hidden;

    transform:translateY(40px);

    transition:.35s ease;
}



/* .levora-video{
    position:relative;
    width:100%;
    aspect-ratio:9 / 16;
    overflow:hidden;
    background:#000;
} */
.levora-video{
    width:100%;
    aspect-ratio:4 / 5;
    overflow:hidden;
    background:#000;
    position:relative;
}


.levora-video img{
    display:none !important;
}


/*==========================
CLOSE
==========================*/

.levora-close{

    position:absolute;

    top:8px;
    right:8px;

    width:30px;
    height:30px;
 backdrop-filter:blur(8px);
     border:1px solid rgba(255,255,255,.25);

    border-radius:50%;

    background:rgba(0,0,0,.35);

    color:#fff;

    font-size:18px;

    cursor:pointer;

    z-index:10;

    transition:.25s;
}

.levora-close:hover{

    background:#510982;
}

/*==========================
CONTENT
==========================*/

.levora-content{

    padding:12px 14px 14px;
}


/*==========================
MOBILE
==========================*/
/* 
@media(max-width:768px){

    .levora-floating-ugc{

        width:165px;

        right:12px;

        bottom:95px;

        border-radius:14px;
    }

    .levora-floating-ugc.left{

        left:12px;
        right:auto;
    }

    .levora-video{

        aspect-ratio:9/16;
    }

 
  .levora-title{

    font-size:13px;

    min-height:34px;
}
   

  .levora-close{

    width:30px;
    height:30px;

    background:rgba(0,0,0,.35);

    backdrop-filter:blur(8px);

    border:1px solid rgba(255,255,255,.2);
} */


@media(max-width:768px){

    .levora-floating-ugc{

        width:120px;          /* was 165px */

        right:10px;

        bottom:90px;

        border-radius:12px;
    }

    .levora-video{

        aspect-ratio:4/5;
    }

    .levora-content{

        padding:8px;
    }

    .levora-title{

        font-size:12px;

        min-height:auto;

        margin-top:6px;

        margin-bottom:2px;
    }

    .levora-price{

        font-size:14px;
    }

    .levora-close{

        width:26px;

        height:26px;

        font-size:16px;
    }

}



}

/*==========================
LARGE SCREEN
==========================*/

@media(min-width:1600px){

    .levora-floating-ugc{

        width:240px;
    }

}

.levora-floating-ugc{

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        opacity .35s ease;
}

.levora-floating-ugc:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 45px rgba(0,0,0,.22);
}


/* Shopify generated video */

.levora-video-player{

    position:absolute;
    inset:0;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    opacity:0;

    transition:opacity .35s ease;
    
}


.levora-title{

    font-size:15px;
    font-weight:600;
    color:#222;
    line-height:1.35;

    margin-top:10px;
    margin-bottom:6px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;

    min-height:40px;
}

.levora-price{

    font-size:17px;

    font-weight:700;

    color:#510982;

    margin-top:4px;

    line-height:1;
}