.add,.subtract{opacity:1;align-items:center;transition:opacity .2s;display:flex}.add:hover,.subtract:hover{opacity:.3}.addToCart{justify-content:flex-end;align-items:stretch;gap:var(--spacer-default);width:100%;height:60px;display:flex}.addToCart__wrapper{flex-flow:column;flex:2;align-items:stretch;display:flex}.addToCart__amount{border-radius:var(--border-radius-primary);border:1px solid var(--c-gray);gap:0 var(--spacer-sm);padding:0 var(--spacer-sm);flex:3;justify-content:space-between;display:flex}.addToCart__amount .input-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:100px;display:flex}.addToCart__amount .input-wrapper button{font-size:18px}.addToCart__amount .input-wrapper input{text-align:center;appearance:textfield;background-color:#0000;border:none;outline:0;width:100%;height:100%;font-size:16px}.addToCart__amount .input-wrapper input::-webkit-outer-spin-button,.addToCart__amount .input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.addToCart__amount .input-wrapper .unit{white-space:nowrap;font-style:italic;font-weight:100}.addToCart.dense{background-color:var(--c-light);gap:0;height:40px}.addToCart.dense .addToCart__wrapper{flex:1;font-size:0}.addToCart.dense .addToCart__wrapper .addToCart__amount{border-width:0;border-radius:0;gap:0;padding:0;font-size:14px}.addToCart.dense .addToCart__button{border-radius:0;width:30%;font-size:14px}.addToCart__spinner{color:currentColor}.addToCart__button{white-space:nowrap;flex:1;gap:6px;max-width:500px;font-size:24px;overflow:hidden}@media (min-width:640px){.addToCart__button{flex:2}}.addToCart__button.is-loading{pointer-events:none}.addToCart.disabled .addToCart__button{background:var(--c-gray);border-color:var(--c-gray);cursor:not-allowed}.addToCart.disabled .addToCart__button:hover{background:var(--c-gray)}
