.quickview{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;opacity:0;pointer-events:none;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;background-color:rgba(var(--bg-box-dark, #181818),.6)}.quickview.is-open{opacity:1;pointer-events:all}.quickview.is-loading .quickview__modal:before{content:"";position:absolute;top:50%;right:50%;z-index:5;margin-right:-2rem;-webkit-border-radius:50%;border-radius:50%;border:.3rem solid var(--color-neutrals-light, #e9e9e9);border-top-color:var(--bg-box-light, #fff);pointer-events:none;width:4rem;height:4rem;margin-top:-.75rem;-webkit-animation:loading .3s linear infinite;animation:loading .3s linear infinite}.quickview.is-loading .quickview__modal:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;z-index:4;background-color:var(--color-neutrals-light, #e9e9e9);pointer-events:none}.quickview__modal{position:relative;z-index:-1;width:100%;height:95%;margin:1.6rem;max-width:94.5rem;padding:2rem 0;overflow:hidden;-webkit-border-radius:1.2rem;border-radius:1.2rem;-webkit-box-shadow:rgba(0,0,0,.19) 0 10px 20px,rgba(0,0,0,.23) 0 6px 6px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;background-color:var(--bg-box-light, #fff)}@media screen and (min-width: 640px){.quickview__modal{max-height:56rem;padding:4rem 0 3rem}}.quickview__close{position:absolute;top:1.2rem;right:1rem;z-index:2;width:3rem;height:3rem;padding:.5rem;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:rgba(0,0,0,.19) 0 10px 20px,rgba(0,0,0,.23) 0 6px 6px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;background-color:var(--bg-box-light, #fff);cursor:pointer}@media screen and (min-width: 960px){.quickview__close{top:1rem;right:2rem}}.quickview__inner{max-height:-webkit-calc(100vh - 7rem);max-height:calc(100vh - 7rem);overflow:hidden auto;padding:0 2rem}@media screen and (min-width: 640px){.quickview__inner{max-height:50rem;padding:0 3rem}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/component-quickview.css.map */