/* Copyright 2021 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
.inkdrop {
overflow: hidden;
}
.inkdrop .inkdrop-ripple {
background: var(--cros-sys-ripple_primary);
border-radius: 50%;
height: 0;
left: var(--drop-x);
position: absolute;
top: var(--drop-y);
transform: translate(-50%, -50%);
width: 0;
}
.inkdrop .inkdrop-ripple.animate {
animation: inkdrop var(--moderate1-duration) ease-out;
}
@keyframes inkdrop {
0% {
height: 0;
opacity: 0.6;
width: 0;
}
100% {
height: calc(var(--drop-radius) * 2);
opacity: 0;
width: calc(var(--drop-radius) * 2);
}
}