:root{--saved-heart-saved-fill:var(--color-brand,#0284c7);--saved-heart-stroke:#fff;--saved-heart-unsaved-color:var(--color-brand,#0284c7)}.saved-item-button__stage{place-items:center;width:1.25rem;height:1.25rem;display:grid;position:relative}.saved-item-button__icon{z-index:1;transform-origin:50%;will-change:transform;width:1.25rem;height:1.25rem;display:block;position:relative}.saved-item-button__icon--display-lg{pointer-events:none;width:3rem;height:3rem}.saved-item-button--inline .saved-item-button__stage,.saved-item-button--inline .saved-item-button__icon{width:1.75rem;height:1.75rem}.saved-item-button--inline .saved-item-button__ripple{width:1.9rem;height:1.9rem}@media (hover:hover){.saved-item-button__icon:not(.saved-item-button__icon--animating):hover{transition:transform .3s ease-out;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.saved-item-button__icon:not(.saved-item-button__icon--animating):hover{transition:none;transform:none}}.saved-item-button__shape--unsaved{color:var(--saved-heart-unsaved-color)}.saved-item-button__shape--saved{fill:var(--saved-heart-saved-fill);stroke:var(--saved-heart-stroke);stroke-width:1.5px}.saved-item-button--overlay .saved-item-button__shape--saved{stroke:var(--saved-heart-unsaved-color)}@keyframes saved-heart-click{0%{transform:scale(1)}40%{transform:scale(.8)}to{transform:scale(1)}}.saved-item-button__icon--clicking{animation:.3s ease-out forwards saved-heart-click}@keyframes saved-heart-ripple{0%{opacity:.5;transform:scale(.35)}to{opacity:0;transform:scale(2.6)}}.saved-item-button__ripple{z-index:0;border:2px solid var(--saved-heart-saved-fill);pointer-events:none;transform-origin:50%;will-change:transform, opacity;border-radius:9999px;width:1.35rem;height:1.35rem;margin:auto;animation:.55s ease-out forwards saved-heart-ripple;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.saved-item-button__icon--clicking{animation:none}.saved-item-button__ripple{display:none}}
.product-card-quick-add{pointer-events:none;opacity:0;transition:opacity .15s}@media (hover:hover) and (pointer:fine){.group\/product-card:hover .product-card-quick-add,.group\/product-card:focus-within .product-card-quick-add{pointer-events:auto;opacity:1}:is(.group\/product-card:has(.product-card-quick-add:hover) .product-card-title,.group\/product-card:has(.product-card-quick-add:focus-within) .product-card-title){color:var(--color-brand)}}@media (max-width:63.999rem),(hover:none),(pointer:coarse){.product-card-quick-add{pointer-events:auto;opacity:1;left:auto}}
