.quickview .modal-dialog {
    width     : calc(100% - 30px);
    max-width : 64rem
}

.quickview .modal-content {
    background : var(--color-grey-default);
    min-height : 28.13rem
}

.quickview .modal-header {
    border  : none;
    padding : .625rem
}

.quickview .modal-body {
    min-height : 23.75rem
}

.quickview .modal-footer {
    border-top : 1px solid hsla(0, 0%, 48%, .3)
}

.quickview .layer {
    display : none
}

.quickview .product-cover img {
    width : 95%
}

.quickview .images-container {
    display    : -webkit-box;
    display    : -ms-flexbox;
    display    : flex;
    z-index    : 1;
    min-height : 21.88rem
}

.quickview .images-container .product-images > li.thumb-container > .thumb {
    width         : 100%;
    max-width     : 4.938rem;
    margin-bottom : .8125rem;
    background    : #fff
}

.quickview .mask {
    width       : 35%;
    max-height  : 22.5rem;
    overflow    : hidden;
    margin-left : .625rem
}

.quickview .arrows {
    position   : absolute;
    top        : 0;
    bottom     : 0;
    max-height : 22.5rem;
    right      : 5rem;
    z-index    : 0
}

.quickview .arrows .arrow-up {
    margin-top : -3.125rem;
    cursor     : pointer;
    opacity    : .2
}

.quickview .arrows .arrow-down {
    position : absolute;
    bottom   : -1.875rem;
    cursor   : pointer
}

.quickview .social-sharing {
    margin-top  : 0;
    margin-left : 2.5rem
}