.page_ripple_test_page-demos__LRlI6{display:flex;flex-direction:column;gap:24px}.page_ripple_test_page-demos-demo__3XPJs{padding:16px;border:1px solid #eee;border-radius:8px}.page_ripple_test_page-demos-demo-box__6UD21{display:flex;align-items:center;justify-content:center;padding:32px 16px;font-weight:500;color:#333;background-color:#f5f5f5;border-radius:8px;cursor:pointer;user-select:none}.page_ripple_test_page-demos-demo-box__6UD21[css-color=red]{color:#fff;background-color:#ffcdd2}.page_ripple_test_page-demos-demo-box__6UD21[css-color=blue]{color:#fff;background-color:#bbdefb}.page_ripple_test_page-demos-demo-box__6UD21[css-color=green]{color:#fff;background-color:#c8e6c9}.page_ripple_test_page-demos-demo-box__6UD21[css-is-disabled=true]{color:#999;background-color:#eee;cursor:not-allowed}:root{--ripple-color:rgba(0,0,0,0.3)}.ripple-container{position:relative;cursor:pointer}.ripple-block{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none}.ripple-block-content{position:absolute;width:100px;height:100px;margin-top:-50px;margin-left:-50px;border-radius:50%;background-color:var(--ripple-color);animation:ripple-animation .6s ease-out;opacity:0}@keyframes ripple-animation{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}