.card-quick-add{position:relative;grid-row-start:4;margin-block:.6rem 0;z-index:1;display:flex;flex-direction:column;gap:.3rem}.card--card .card-quick-add{margin-block:.8rem 0}.card-quick-add__primary{min-height:4.4rem}.card-quick-add__secondary{align-self:center;font-size:1.3rem;min-height:4.4rem;min-width:4.4rem;padding-inline:.8rem;padding-block:.4rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:underline;text-underline-offset:.2rem}.card:has(.card-quick-add) .card__content{padding-top:.8rem}.card:has(.card-quick-add) .card__information{padding-top:0}.card:has(.card-quick-add) .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:.2rem}.card:has(.card-quick-add) .card-information>.price{font-size:1.4rem;font-weight:400;color:rgba(var(--color-foreground),.75)}.card-quick-add-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin-inline:auto;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;background:rgba(var(--color-foreground),.5);transition:opacity var(--duration-default, .25s) ease}.card-quick-add-modal[open]{opacity:1;visibility:visible;z-index:101}@media(prefers-reduced-motion:reduce){.card-quick-add-modal{transition:none}}.card-quick-add-modal__content{position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;max-height:90%;overflow-y:auto;background-color:rgb(var(--color-background));border-top-left-radius:1rem;border-top-right-radius:1rem;padding:2rem;box-sizing:border-box}@media screen and (min-width:750px){.card-quick-add-modal__content{inset-block-start:50%;inset-block-end:auto;inset-inline-start:50%;transform:translate(-50%,-50%);width:min(44rem,calc(100% - 4rem));max-height:85%;border-radius:1rem}}.card-quick-add-modal__drag-handle{display:block;width:3.6rem;height:.4rem;margin:0 auto 1.6rem;border-radius:999px;background:rgba(var(--color-foreground),.15)}@media screen and (min-width:750px){.card-quick-add-modal__drag-handle{display:none}}.card-quick-add-modal__close{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:rgb(var(--color-foreground))}.card-quick-add-modal__header{display:flex;align-items:center;gap:1.2rem;padding-inline-end:4.4rem;margin-block-end:1.6rem}.card-quick-add-modal__image{width:6rem;height:6rem;object-fit:cover;border-radius:calc(var(--border-radius) * .5);flex-shrink:0}.card-quick-add-modal__header-text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.card-quick-add-modal__title{font-size:1.8rem;margin:0}.card-quick-add-modal__body{display:flex;flex-direction:column;gap:1.6rem;margin-block-end:1.6rem}.card-quick-add-modal__group{border:none;margin:0;padding:0}.card-quick-add-modal__label{display:block;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-block-end:.8rem;padding:0}.card-quick-add-modal__pills{display:flex;flex-wrap:wrap;gap:.8rem}.card-quick-add-modal__pill{min-height:4.4rem;min-width:4.4rem;padding:.8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:1rem;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;cursor:pointer;transition:border-color var(--duration-default, .15s) ease,background-color var(--duration-default, .15s) ease}.card-quick-add-modal__toggle{display:flex;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:1rem;overflow:hidden}.card-quick-add-modal__toggle-option{min-height:4.4rem;min-width:4.4rem;padding:.8rem 1.6rem;flex:1 1 auto;text-align:center;border:none;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;cursor:pointer;transition:background-color var(--duration-default, .15s) ease,color var(--duration-default, .15s) ease}.card-quick-add-modal__toggle-option--selected{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.card-quick-add-modal{--card-quick-add-green-border: #173404;--card-quick-add-green-text: #173404;--card-quick-add-green-bg: rgba(104, 127, 89, .12)}.card-quick-add-modal__pill--selected{border-color:var(--card-quick-add-green-border);border-width:.2rem;font-weight:600;color:var(--card-quick-add-green-text);background:var(--card-quick-add-green-bg)}.card-quick-add-modal__price{margin:0;display:flex;align-items:baseline;gap:.6rem;font-size:1.8rem;font-weight:600;color:#173404}.card-quick-add-modal__price-compare{font-size:1.4rem;font-weight:400;color:#687f59;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.card-quick-add-modal__pill,.card-quick-add-modal__toggle-option{transition:none}}.card-quick-add-modal__submit{min-height:4.4rem}.card-quick-add-modal__submit .sold-out-message{pointer-events:none}.card-quick-add-modal__single-jar-row,.card-quick-add-modal__single-jar-disclosure{width:100%;min-height:4.4rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:1rem;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;text-align:start;cursor:pointer;transition:border-color var(--duration-default, .15s) ease,background-color var(--duration-default, .15s) ease}.card-quick-add-modal__single-jar-row--selected{border-color:var(--card-quick-add-green-border);border-width:.2rem;color:var(--card-quick-add-green-text);background:var(--card-quick-add-green-bg)}.card-quick-add-modal__single-jar-row--selected .card-quick-add-modal__single-jar-label{font-weight:600}.card-quick-add-modal__single-jar-label{font-weight:400}.card-quick-add-modal__single-jar-meta{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;white-space:nowrap}.card-quick-add-modal__single-jar-shipping{color:rgba(var(--color-foreground),.65)}.card-quick-add-modal__single-jar-chevron{display:inline-flex;align-items:center;transition:transform var(--duration-default, .15s) ease}.card-quick-add-modal__single-jar-disclosure[aria-expanded=true] .card-quick-add-modal__single-jar-chevron{transform:rotate(180deg)}.card-quick-add-modal__single-jar-sizes-fieldset{border:none;margin:0;padding:0;margin-block-start:.8rem}@media(prefers-reduced-motion:reduce){.card-quick-add-modal__single-jar-row,.card-quick-add-modal__single-jar-disclosure,.card-quick-add-modal__single-jar-chevron{transition:none}}.card-quick-add-modal__toggle--disabled{opacity:.4;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/137/assets/card-quick-add.css.map */