:root{--spacer-xs:8px;--spacer-sm:16px;--spacer-md:24px;--spacer-lg:32px;--spacer-xl:40px}.add,.subtract{opacity:1;transition:opacity .2s ease}.add:hover,.subtract:hover{opacity:.3}.addToCart{align-items:stretch;display:flex;gap:var(--spacer-default);height:80px;justify-content:flex-end;width: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-radius:0;border-width:0;font-size:14px;gap:0;padding:0}.addToCart.dense .addToCart__button{border-radius:0;font-size:14px;width:30%}.addToCart.dense .addToCart__button .button__cart{font-size:24px}.addToCart.dense .addToCart__button .button__rope{font-size:14px}.addToCart__wrapper{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap}.addToCart__amount{border:1px solid var(--c-gray);border-radius:var(--border-radius-primary);display:flex;flex:3;gap:0 var(--spacer-md);justify-content:space-between;padding:0 var(--spacer-sm)}.addToCart__amount .input-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100px;text-align:center}.addToCart__amount .input-wrapper button{font-size:18px}.addToCart__amount .input-wrapper input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:none;font-size:16px;height:100%;outline:0;text-align:center;width:100%}.addToCart__amount .input-wrapper input::-webkit-inner-spin-button,.addToCart__amount .input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.addToCart__amount .input-wrapper .unit{font-style:italic;font-weight:100;white-space:nowrap}.addToCart__button{background:var(--c-brand-gradient-secondary);border-bottom-width:0;border-radius:var(--border-radius-primary);color:#fff;font-size:24px;max-width:500px;overflow:hidden;position:relative;width:50%}.addToCart__button:active,.addToCart__button:hover{background:var(--c-brand-contrast-darken)}.addToCart__button span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.addToCart__button .addToCart_text{display:flex;justify-content:center;opacity:1;transition:opacity .5s ease-in-out}.addToCart__button .addedToCart_text{display:flex;justify-content:center;opacity:0;transition:opacity .5s ease-in-out}.addToCart__button .button__cart{font-size:36px;left:-20%;position:absolute;top:50%;transform:translate(-50%,-50%)}.addToCart__button .button__rope{font-size:18px;left:52%;position:absolute;top:-20%;transform:translate(-50%,-50%)}.addToCart__button.done,.addToCart__button.loading{--cart-anim:1s ease-in-out forwards}.addToCart__button.done .button__cart,.addToCart__button.loading .button__cart{animation:cart var(--cart-anim)}.addToCart__button.done .button__rope,.addToCart__button.loading .button__rope{animation:rope var(--cart-anim)}.addToCart__button.done .addToCart_text,.addToCart__button.loading .addToCart_text{animation:addText var(--cart-anim)}.addToCart__button.done .addedToCart_text{opacity:1}.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)}@keyframes cart{0%{left:-20%}40%,60%{left:50%}to{left:125%}}@keyframes rope{0%,40%{top:-20%}60%{left:52%;top:38%}to{left:125%;top:38%}}@keyframes addText{0%{opacity:1}20%,to{opacity:0}}.stock-status{align-self:center;padding:var(--spacer-xs) var(--spacer-sm)}.stock-status.bordered{border:2px solid var(--c-primary);border-radius:var(--border-radius-small)}.stock-status.IN_STOCK{border-color:var(--c-success);color:var(--c-success)}.stock-status.OUT_OF_STOCK{border-color:var(--c-error);color:var(--c-error)}