.quick-add-modal{pointer-events:none;position:fixed;top:0;left:0;height:100%;width:100%;z-index:103;opacity:0}.quick-add-modal__info-container{display:flex}.quick-add-modal__image{max-width:100px;max-height:150px;margin-right:10px}.quick-add-modal__info{flex:1}.quick-add-modal__title{margin-top:0;font-size:2rem}.quick-add-modal .price{font-size:1.3rem}.quick-add-modal__background{background-color:rgba(0,0,0,.5);height:100%}.quick-add-modal__container{background:#fff;position:absolute;bottom:0;left:0;width:100%;transition:transform .5s}.quick-add-modal__container-inner{max-height:70vh;overflow:auto;padding:4rem 2rem 2rem}.quick-add-modal__close{position:absolute;top:1rem;right:1rem;padding:.5rem;cursor:pointer}.quick-add-modal .product-form__submit{margin-top:.5rem}.quick-add-modal.open{pointer-events:auto;opacity:1}.quick-add-modal.open .quick-add-modal__container{animation:open-quick-add-container .5s}.quick-add-modal.open .quick-add-modal__background{animation:quick-add-background-fade .5s}.quick-add-modal.closed{animation:quick-add-wrapper-fade .5s}.quick-add-modal.closed .quick-add-modal__container{animation:close-quick-add-container .5s}.quick-add-modal.closed .quick-add-modal__background{animation:quick-add-background-fade-out .5s}@keyframes open-quick-add-container{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes close-quick-add-container{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes quick-add-background-fade{from{opacity:0}to{opacity:1}}@keyframes quick-add-background-fade-out{from{opacity:1}to{opacity:0}}@keyframes quick-add-wrapper-fade{from{opacity:1}to{opacity:1}}