:root{--shadow-focus:0px 0px 8px 3px #4e80d2;--shadow-normal:0px 8px 16px 0px rgba(0,0,0,.4);--shadow-hover:0px 8px 16px 0px rgba(0,0,0,.7)}.floating-action-button_fab{--fab-size:56px;--fab-icon-size:24px;background:transparent;border:none;box-shadow:var(--shadow-normal);cursor:pointer;height:var(--fab-size);position:relative;width:var(--fab-size);z-index:var(--z-index-below-scrim)}.floating-action-button_fab [data-icon-name]{display:flex;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.floating-action-button_fab [data-icon-name] svg{fill:var(--white);height:var(--fab-icon-size);width:var(--fab-icon-size)}.floating-action-button_fab[aria-expanded=true] [data-icon-name],.floating-action-button_fab [data-icon-name=close]{display:none}.floating-action-button_fab[aria-expanded=true] [data-icon-name=close]{display:flex}.floating-action-button_circle,.floating-action-button_circle [data-type=background]{border-radius:50%}.floating-action-button_notch,.floating-action-button_notch [data-type=background]{border-radius:50% 50% 5% 50%}[dir=rtl] .floating-action-button_notch,[dir=rtl] .floating-action-button_notch [data-type=background]{border-radius:50% 50% 50% 5%}.floating-action-button_fab:focus:focus-visible{box-shadow:var(--shadow-focus),var(--shadow-normal);outline:0}.floating-action-button_fab:hover{box-shadow:var(--shadow-hover)}.floating-action-button_fab:focus:hover{box-shadow:var(--shadow-focus),var(--shadow-hover);outline:0}