.quick-add-modal{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;background:rgba(var(--color-foreground),.25);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;will-change:opacity,visibility}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:101}.quick-add-modal__content{--modal-height-offset: clamp(2rem, 4vw, 6rem);--modal-padding: clamp(1.5rem, 3vw, 2.5rem);margin-top:var(--modal-height-offset);background:rgb(var(--color-background));border-radius:1rem;box-shadow:0 8px 40px #00000026;max-height:calc(100% - var(--modal-height-offset) * 2);width:min(90%,var(--page-width));transform:translateY(40px) scale(.98);opacity:0;animation:modal-exit .25s forwards}.quick-add-modal[open] .quick-add-modal__content{animation:modal-enter .35s cubic-bezier(.25,.8,.25,1) forwards}@keyframes modal-enter{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.98)}}.quick-add-modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quick-add-modal[open]{animation:backdrop-fade-in .3s ease forwards}.quick-add-modal:not([open]){animation:backdrop-fade-out .2s ease forwards}@keyframes backdrop-fade-in{0%{background:rgba(var(--color-foreground),0)}to{background:rgba(var(--color-foreground),.25)}}@keyframes backdrop-fade-out{0%{background:rgba(var(--color-foreground),.25)}to{background:rgba(var(--color-foreground),0)}}@media (max-width: 749px){.quick-add-modal__content{width:95%;bottom:var(--modal-height-offset)}}@media (min-width: 750px){.quick-add-modal__content{width:75%}}.quick-add-modal__toggle{position:fixed;top:1.5rem;right:1.5rem;width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.55);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.quick-add-modal__toggle:hover{transform:scale(1.05);color:rgba(var(--color-foreground),.8)}.quick-add-modal__toggle:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}@media (prefers-reduced-motion: reduce){.quick-add-modal,.quick-add-modal__content{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/quick-add.css.map */