.quick-add__hover{position:absolute;bottom:0;left:0;right:0;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));width:calc(100% - 2.5rem);grid-row-start:4;margin-left:.5rem;margin-right:.5rem;margin-bottom:.75rem;border-radius:.125rem;padding:.5rem .75rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;opacity:0;--tw-translate-y: .5rem;-webkit-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(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 64rem){.card:hover .quick-add__hover{opacity:1;--tw-translate-y: 0px;-webkit-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(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.quick-add__title{padding-top:.5rem;padding-bottom:.5rem;text-align:center;font-size:.75rem;line-height:1rem;color:var(--colour-uiBlack)}.quick-add-modal{width:100%;height:100%;position:fixed;top:0;right:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:60;--tw-translate-x: 100%;-webkit-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(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));pointer-events:none}.quick-add-modal[open]{--tw-translate-x: 0px;-webkit-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(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));pointer-events:auto}.quick-add-modal__content{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:80%;margin-left:auto;margin-right:auto;overflow-y:auto}@media (max-width: 47.938rem){.quick-add-modal__content{bottom:0}}@media (min-width: 48rem){.quick-add-modal__content{top:0;right:0;height:100%;width:31.25rem}}.quick-add-modal__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:5;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));margin-top:2rem;margin-right:2rem;width:3rem;height:3rem;border-radius:9999px;border-width:1px;border-color:var(--colour-primary);position:absolute}@media (min-width: 64rem){.quick-add-modal__toggle{top:0;right:0}}.quick-add-modal__toggle .icon{width:.7rem;height:auto;margin:0}.quick-add__submit{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.75rem;line-height:1rem;padding-top:.5rem;padding-bottom:.5rem}
/*# sourceMappingURL=/cdn/shop/t/23/assets/quick-add.css.map */