.quick-add{display:flex;justify-content:center;width:100%;margin:1rem 0;position:relative;z-index:2}.card--card .quick-add{margin:0 auto 1rem;width:calc(100% - 2rem)}.quick-add-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.2);transition:opacity .3s ease,visibility .3s ease}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:101}.quick-add-modal__content{overflow-y:auto;max-height:calc(100% - var(--modal-height-offset, 3.2rem) * 2);-webkit-overflow-scrolling:touch}@media screen and (min-width: 750px){.quick-add-modal__content{--modal-height-offset: 10rem;margin-top:var(--modal-height-offset);width:80%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow-y:auto}}@media screen and (min-width: 990px){.quick-add-modal__content{width:70%}}.quick-add__submit{padding:.8rem 1.2rem;background-color:#10112e;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:0;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:75%;text-align:center}.quick-add__submit:hover{background-color:#002066;transform:translateY(-2px)}.quick-add__submit:active{transform:translateY(0)}@media screen and (max-width: 749px){.quick-add__submit{width:100%;min-width:auto}.quick-add{margin:.5rem 0}}.quick-add-modal__content img{max-width:100%}.quick-add-modal__content-info{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100%}.quick-add-modal__content-info>*{width:100%;margin:0 auto;max-width:100%}.quick-add-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;z-index:5;width:4rem;position:fixed;top:1.5rem;right:1.5rem;transition:color .2s ease}.quick-add-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.quick-add-modal__toggle .icon{width:2.2rem;height:auto;margin:0}
/*# sourceMappingURL=/cdn/shop/t/22/assets/quick-add.css.map */