action-indicator{overflow:visible;position:absolute;justify-content:center;align-items:center;z-index:10000000}action-indicator:not([hidden]){display:flex}action-indicator action-indicator--body{position:relative;width:100%;height:100%}action-indicator action-indicator--body hit-box{width:100%;height:34px;position:absolute;bottom:3px;opacity:0;cursor:pointer;z-index:1}action-indicator action-indicator--body hit-box:hover{height:55px}action-indicator action-indicator--body hit-box:hover ~ svg path{opacity:1;transform:translate(16px, 4px)}action-indicator action-indicator--body hit-box:hover ~ svg circle{cx:21;cy:35;r:2;fill:var(--theme-secondary);opacity:1;animation:initial}action-indicator action-indicator--body hit-box:active ~ svg{transition:transform 120ms cubic-bezier(0.55, 0.06, 0.68, 0.19);transform:scale(1.24)}action-indicator action-indicator--body svg{overflow:visible;position:relative;height:50px;width:42px;fill:var(--theme-secondary-light);stroke:var(--theme-secondary-light)}action-indicator action-indicator--body svg path{transition:transform 145ms cubic-bezier(0.68, -0.55, 0.27, 1.55),opacity 145ms cubic-bezier(0.68, -0.55, 0.27, 1.55);transform:translate(4px, 8px) rotate(-22deg);opacity:0}action-indicator action-indicator--body svg circle{transition:r 120ms 10ms cubic-bezier(0.18, 0.89, 0.32, 1.28),opacity 80ms linear;cx:21;cy:35;r:10;opacity:.3;stroke-width:3;fill:transparent;animation:icon-ring-pulse 1.7s cubic-bezier(0.16, 0.05, 0.67, 1.04) infinite}@keyframes icon-ring-pulse{0%{transform:scale(1);cx:21;cy:35}50%{transform:scale(1.099);cx:19;cy:31.6;stroke-width:3;opacity:.8}100%{transform:scale(1);cx:21;cy:35}}