*,button,a,input,[role="button"],[onclick]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.material-hover{position:relative;cursor:pointer;transition:background-color .3s ease;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.material-hover:hover{background-color:rgba(0,0,0,.04)}.material-hover:active{background-color:rgba(0,0,0,.1)}.material-hover .ripple{background-color:rgba(0,0,0,.1)}.material-button{position:relative;overflow:hidden;cursor:pointer;padding:10px 24px;border:none;border-radius:4px;background-color:#1976d2;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease;outline:none}.material-button:hover{background-color:#1565c0}.material-button:active{background-color:#0d47a1}.material-button .ripple{position:absolute;border-radius:50%;background-color:rgba(255,255,255,.4);transform:scale(.1);animation:ripple-animation 2.2s cubic-bezier(0,0,.2,1);pointer-events:none}@keyframes ripple-animation{to{transform:scale(3.5);opacity:0}}.material-icon-button{position:relative;min-width:40px;min-height:40px;border-radius:30px;border:none;background-color:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease;overflow:hidden}.material-icon-button:hover{background-color:rgba(0,0,0,.04)}.material-icon-button:active{background-color:rgba(0,0,0,.1)}.material-icon-button .ripple{position:absolute;border-radius:50%;background-color:rgba(0,0,0,.2);transform:scale(.1);animation:ripple-animation 2s cubic-bezier(0,0,.2,1);pointer-events:none}.material-card{position:relative;padding:16px;border-radius:8px;transition:background-color .3s ease,box-shadow .3s ease;cursor:pointer;overflow:hidden}.material-card:hover{background-color:rgba(0,0,0,.02)}.material-card .ripple{background-color:rgba(0,0,0,.1)}.material-hold-button{position:relative;overflow:hidden;cursor:pointer;padding:10px 24px;border:none;border-radius:4px;background-color:#1976d2;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease;outline:none}.material-hold-button:hover{background-color:#1565c0}.material-hold-button:active{background-color:#0d47a1}.material-hold-button .hold-ripple{position:absolute;border-radius:50%;background-color:rgba(255,255,255,.3);transform:scale(0);animation:hold-ripple-animation .6s cubic-bezier(0.4,0,0.2,1) forwards;pointer-events:none}@keyframes hold-ripple-animation{to{transform:scale(2.5);opacity:1}}