.quickview{--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;z-index:999}@media (min-width:1024px){.quickview{display:none}}@media (max-width:1023px){.quickview.is-open{opacity:1;pointer-events:auto}}.quickview.is-loading .quickview__modal{opacity:0;pointer-events:none;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.quickview.is-loading .quickview__spinner{--tw-translate-x:-50%;--tw-translate-y:-50%;height:4rem;left:50%;pointer-events:none;position:absolute;right:50%;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(50%,-50%);width:4rem;z-index:5}.quickview.is-loading .quickview__spinner:before{animation:loading .3s linear infinite;border:.3rem solid #525252;border-radius:50%;border-top-color:gray;content:"";inset:0;pointer-events:none;position:absolute}.quickview__modal{border-radius:.5rem;height:100%;max-width:94.5rem;overflow:hidden;padding:1.8rem;position:relative;width:100%;z-index:-1}.quickview__close{--tw-bg-opacity:1;align-items:flex-end;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:50%;cursor:pointer;display:flex;height:1.6rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:1.6rem}.quickview__inner{height:100%}