:root{--ripple-cubic-bezier:cubic-bezier(.68, .01, .62, .6);--ripple-color:currentColor}.var-ripple{transition:transform .2s var(--ripple-cubic-bezier), opacity .14s linear;opacity:0;will-change:transform, opacity;pointer-events:none;z-index:100;background-color:var(--ripple-color);border-radius:50%;position:absolute;top:0;left:0}:root{--hover-overlay-opacity:var(--opacity-hover);--hover-overlay-focusing-opacity:var(--opacity-focus)}.var-hover-overlay{border-radius:inherit;opacity:0;will-change:opacity;pointer-events:none;background-color:currentColor;transition:opacity .15s;position:absolute;inset:0}.var-hover-overlay--hovering{opacity:var(--hover-overlay-opacity)}.var-hover-overlay--focusing{opacity:var(--hover-overlay-focusing-opacity)}