.inline-quick-add{display:block}.inline-quick-add__button{position:relative;display:inline-flex;min-height:4.2rem;align-items:center;justify-content:center;padding:1rem 1.8rem;border:0;border-radius:99rem;background:#98695c;color:#fff;font-family:var(--font-label-family);font-size:1.2rem;font-weight:var(--font-label-weight);letter-spacing:var(--letter-spacing-button);line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.inline-quick-add__button.loading>span:not(.loading__spinner){visibility:hidden}.inline-quick-add__button.loading>.loading__spinner{position:absolute;top:50%;left:50%;display:flex;align-items:center;transform:translate(-50%,-50%)}.inline-quick-add__button .loading__spinner .path{stroke:currentColor}.inline-quick-add__button:hover,.inline-quick-add__button:focus-visible{background:#171717;color:#fff}.inline-quick-add [hidden]{display:none!important}.inline-quick-add.inline-quick-add .inline-quick-add__quantity{display:grid;width:14rem;min-height:4.4rem;grid-template-columns:1fr 1.2fr 1fr;margin:0 auto;overflow:hidden;border:.1rem solid rgba(255,255,255,.2);border-radius:1.2rem;background:linear-gradient(135deg,#98695c,#674139);color:#fff;box-shadow:0 .8rem 2.4rem #482b243d}.inline-quick-add.inline-quick-add .inline-quick-add__quantity-button,.inline-quick-add.inline-quick-add .inline-quick-add__value{display:grid;width:auto;min-width:0;min-height:4.4rem;place-items:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;font:inherit;line-height:1}.inline-quick-add.inline-quick-add .inline-quick-add__quantity-button{cursor:pointer}.inline-quick-add.inline-quick-add .inline-quick-add__quantity-button:first-child,.inline-quick-add.inline-quick-add .inline-quick-add__value{border-right:.1rem solid rgba(255,255,255,.16)}.inline-quick-add.inline-quick-add .inline-quick-add__quantity-button:hover{background:#ffffff1a;color:#fff;transform:none}.inline-quick-add.inline-quick-add .inline-quick-add__quantity-button:focus-visible{outline:.2rem solid #fff;outline-offset:-.4rem}.inline-quick-add.inline-quick-add .inline-quick-add__quantity-button svg{width:1.4rem;height:1.4rem}.inline-quick-add.inline-quick-add .inline-quick-add__value{font-size:1.4rem;font-weight:600}.inline-quick-add.is-loading{pointer-events:none;opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/30/assets/inline-quick-add.css.map */
