.cart-btn{--size:40px;--step:32px;--pad:calc((var(--size) - var(--step))/2);--plus-idle:var(--step);--pad-left-idle:0px;--pad-right-idle:var(--pad);--gap:0px;height:var(--size);padding:0 var(--pad-right-idle) 0 var(--pad-left-idle);border-radius:var(--cart-btn-radius,999px);display:inline-flex;align-items:center;flex:none;white-space:nowrap;cursor:pointer}.cart-btn.counter{padding:0 var(--pad);justify-content:space-between;cursor:default}.cart-btn.stopped{opacity:.5;cursor:default}.cart-btn span{color:inherit}.cart-btn .material-icon-bold{font-size:18px}.cart-btn .count-wrap,.cart-btn .label-wrap,.cart-btn .minus-wrap{display:grid}.cart-btn .count-wrap,.cart-btn .minus-wrap{grid-template-columns:0fr}.cart-btn .label-wrap,.cart-btn.counter .count-wrap,.cart-btn.counter .minus-wrap{grid-template-columns:1fr}.cart-btn.counter .label-wrap{grid-template-columns:0fr}.cart-btn .clip{min-width:0;overflow:hidden;display:flex;justify-content:center}.cart-btn .count-wrap .clip,.cart-btn .minus-wrap .clip{opacity:0}.cart-btn.counter .count-wrap .clip,.cart-btn.counter .minus-wrap .clip{opacity:1}.cart-btn.counter .label-wrap .clip{opacity:0}.cart-btn .count-wrap{flex:1}.cart-btn .count-wrap .counter-value{padding:0 var(--gap)}.cart-btn .step{height:var(--size);border:0;background:none;color:inherit;display:grid;place-items:center;cursor:pointer}.cart-btn .minus-wrap .step{width:var(--step)}.cart-btn .plus{width:var(--plus-idle);flex:none;border-radius:50%}.cart-btn.counter .plus{width:var(--step)}.cart-btn .plus:disabled{cursor:default}.cart-btn.counter .plus:disabled{opacity:.4}.cart-btn.cart-btn--price{--pad-left-idle:14px;--gap:6px;background:var(--fnd-neutral-1-color);color:var(--fnd-on-neutral-1-color)}.cart-btn.cart-btn--price .label-wrap{margin-right:-3px}.cart-btn.cart-btn--price.counter .label-wrap{margin-right:0}.cart-btn.cart-btn--price.counter{background:var(--fnd-text-color);color:var(--fnd-background-1)}.cart-btn.cart-btn--price:active{transform:scale(.96)}.cart-btn.cart-btn--round{--size:40px;--step:30px;--plus-idle:var(--size);--pad-right-idle:0px;background:var(--fnd-accent-1-color);color:var(--fnd-on-accent-1-color)}.cart-btn.cart-btn--photo{--size:38px;--step:30px;--plus-idle:var(--size);--pad-right-idle:0px;--gap:4px;background:var(--cart-btn-bg,var(--catalog-bg-color));color:var(--fnd-text-color);box-shadow:var(--cart-btn-shadow,0 2px 10px rgba(0,0,0,.16))}.cart-btn.cart-btn--photo.counter{background:var(--fnd-text-color);color:var(--fnd-background-1);box-shadow:none}.cart-btn.cart-btn--outline{--size:34px;--step:30px;--plus-idle:var(--size);--pad-right-idle:0px;background:none;color:var(--fnd-text-color);box-shadow:inset 0 0 0 1.5px var(--fnd-border-color)}.cart-btn.cart-btn--outline.counter{background:var(--fnd-text-color);color:var(--fnd-background-1);box-shadow:none}.cart-btn.cart-btn--outline .counter-value{min-width:24px}.cart-btn.cart-btn--square{--size:44px;--step:30px;--plus-idle:var(--size);--pad-right-idle:0px;--cart-btn-radius:var(--shape-m);background:var(--fnd-surface-2);color:var(--fnd-text-color)}.cart-btn.cart-btn--square .plus{border-radius:var(--shape-s)}.cart-btn.cart-btn--square.counter{background:var(--fnd-text-color);color:var(--fnd-background-1)}.cart-btn.cart-btn--text{--size:32px;--step:28px;--plus-idle:0px;--pad-left-idle:0px;--pad-right-idle:0px;height:20px;color:var(--fnd-text-color)}.cart-btn.cart-btn--text.counter{height:var(--size);background:var(--fnd-text-color);color:var(--fnd-background-1)}.cart-btn.cart-btn--text .label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.cart-btn.cart-btn--text:not(.counter) .plus{visibility:hidden}.cart-btn.cart-btn--text .counter-value{min-width:24px}@media(max-width:768px){.cart-btn.cart-btn--round{--size:36px;--step:28px;--gap:0px}.cart-btn.cart-btn--outline{--size:30px;--step:26px}.cart-btn.cart-btn--outline .counter-value{min-width:22px}.cart-btn.cart-btn--square{--size:34px;--step:24px}}@media(prefers-reduced-motion:no-preference){.cart-btn{transition:padding .28s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s,box-shadow .2s,transform var(--fnd-transition-fast)}.cart-btn .count-wrap,.cart-btn .label-wrap,.cart-btn .minus-wrap{transition:grid-template-columns .28s cubic-bezier(.16,1,.3,1),margin .28s cubic-bezier(.16,1,.3,1)}.cart-btn .clip{transition:opacity .2s}.cart-btn.cart-btn--text{transition:padding .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s}.cart-btn .plus{transition:width .28s cubic-bezier(.16,1,.3,1)}}