/* Consistent, restrained interaction feedback across the storefront. */
:is(button,a.pill,a.button,[role="button"],summary){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,scale .12s ease;-webkit-tap-highlight-color:transparent}
@media(hover:hover){
 :is(button,a.pill,a.button,[role="button"]):not(:disabled):not([aria-disabled="true"]):hover{filter:brightness(.92);box-shadow:inset 0 0 0 999px #00000009}
 :is(.dark-pill,button.active,.product-actions button:last-child):not(:disabled):hover{background-color:#444;color:#fff;filter:none}
 :is(.underlined,.heart,.header-actions button,.header-actions a):not(:disabled):hover{color:#555;background-color:#ededed}
 summary:hover{background-color:#f4f4f4}
}
:is(button,a.pill,a.button,[role="button"]):not(:disabled):not([aria-disabled="true"]):active{scale:.97}
:is(button,a.pill,a.button,[role="button"],summary):focus-visible{outline:2px solid #555;outline-offset:4px}
:is(button,[role="button"]):disabled,:is(button,[role="button"])[aria-disabled="true"]{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active,a.pill:active,a.button:active{scale:1}}