(this["webpackJsonp@factor/webapp"]=this["webpackJsonp@factor/webapp"]||[]).push([[49],{945:function(t,o,n){"use strict";n.r(o),n.d(o,"amplify_icon_button",(function(){return e}));var i=n(27),e=function(){function t(t){Object(i.k)(this,t),this.tooltip=null,this.autoShowTooltip=!1}return t.prototype.render=function(){return Object(i.i)("span",{class:"action-button"},Object(i.i)("amplify-tooltip",{text:this.tooltip,shouldAutoShow:this.autoShowTooltip},Object(i.i)("button",null,Object(i.i)("amplify-icon",{name:this.name}))))},t}();e.style=":host{--button-color:var(--amplify-secondary-contrast);--button-background-hover:var(--amplify-secondary-color)}.action-button button{position:relative;padding:0;background:none;height:54px;width:54px;cursor:pointer;outline:none;text-decoration:none;border:none;border-radius:30px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:var(--button-color);fill:currentColor}.action-button button:hover{background-color:var(--button-background-hover);-webkit-box-shadow:0.3px 0.3px 0.3px rgba(0, 0, 0, 0.3);box-shadow:0.3px 0.3px 0.3px rgba(0, 0, 0, 0.3)}.action-button button:hover>.tooltip{display:block}.action-button button:hover>svg{-webkit-filter:none;filter:none}.action-button button:focus{outline:none}.action-button button svg{width:1.8em;height:1.8em;-webkit-filter:drop-shadow(1px 1px 1px var(--amplify-grey));filter:drop-shadow(1px 1px 1px var(--amplify-grey))}"}}]);