:host {
  position: absolute;
  z-index: 999; }

:host(.fab-horizontal-center) {
  left: 50%;
  margin-left: -28px; }

:host(.fab-horizontal-start) {
  left: 10px;
  left: calc(constant(safe-area-inset-left) + 10px);
  left: calc(env(safe-area-inset-left) + 10px); }

:host(.fab-horizontal-end) {
  right: 10px;
  right: calc(constant(safe-area-inset-right) + 10px);
  right: calc(env(safe-area-inset-right) + 10px); }

:host(.fab-vertical-top) {
  top: 10px; }

:host(.fab-vertical-top.fab-edge) {
  top: -28px; }

:host(.fab-vertical-bottom) {
  bottom: 10px; }

:host(.fab-vertical-bottom.fab-edge) {
  bottom: -28px; }

:host(.fab-vertical-center) {
  margin-top: -28px;
  top: 50%; }