.area {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--fixed-bottom-z-index, 5);
  flex: 0 0 auto;
  padding:
    var(--fixed-bottom-padding-top, 12px)
    calc(var(--page-padding-x, 20px) + var(--app-safe-right, 0px))
    calc(var(--fixed-bottom-padding-bottom, 12px) + var(--app-safe-bottom, 0px))
    calc(var(--page-padding-x, 20px) + var(--app-safe-left, 0px));
  background: var(--fixed-bottom-background, transparent);
}

.area[data-elevated="true"] {
  box-shadow: 0 -14px 32px rgba(31, 21, 25, 0.08);
  backdrop-filter: blur(18px);
}
