.quick-add-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.quick-add-modal.is-open{opacity:1;visibility:visible}.quick-add-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.quick-add-modal__content{position:relative;z-index:1;background:rgb(var(--color-background));border-radius:1.2rem;padding:2.4rem;max-width:50rem;width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.quick-add-modal__close{position:absolute;top:1rem;right:1rem;width:3.6rem;height:3.6rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));border-radius:50%;transition:background .2s}.quick-add-modal__close:hover{background:rgba(var(--color-foreground),.05)}.quick-add-modal__product{display:grid;gap:2rem}.quick-add-modal__image{display:block;width:100%;height:auto;border-radius:var(--media-radius);aspect-ratio:1;object-fit:cover}.quick-add-modal__info{display:flex;flex-direction:column;gap:1rem}.quick-add-modal__title{font-size:1.8rem;margin:0}.quick-add-modal__price{font-size:1.6rem;font-weight:600}.quick-add-modal__variants{display:flex;flex-wrap:wrap;gap:.8rem}.quick-add-modal__variant{padding:.8rem 1.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:none;cursor:pointer;font-size:1.3rem;font-family:inherit;color:rgb(var(--color-foreground));transition:border-color .2s,background .2s}.quick-add-modal__variant:hover{border-color:rgb(var(--color-foreground))}.quick-add-modal__variant--selected{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.quick-add-modal__variant--unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed}.quick-add-modal__atc{width:100%;margin-top:.5rem}@media screen and (min-width:750px){.quick-add-modal__product{grid-template-columns:1fr 1fr;align-items:start}}.quick-add-button{position:absolute;bottom:1rem;left:50%;transform:translate(-50%) translateY(.5rem);opacity:0;transition:opacity .2s,transform .2s;z-index:2;padding:.8rem 2rem;font-size:1.2rem;white-space:nowrap}.card:hover .quick-add-button,.card:focus-within .quick-add-button{opacity:1;transform:translate(-50%) translateY(0)}@media screen and (max-width:749px){.quick-add-button{opacity:1;transform:translate(-50%) translateY(0);position:relative;bottom:auto;left:auto;transform:none;width:100%;margin-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quick-add.css.map */