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