.request-attention-fab{
  position:fixed;
  z-index:109;
  left:max(24px,calc((100vw - 1600px)/2 + 14px));
  bottom:24px;
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid rgba(25,59,52,.24);
  border-radius:50%;
  background:#f2c94c;
  color:#173b34;
  box-shadow:0 10px 28px rgba(25,59,52,.22);
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.request-attention-fab:hover,
.request-attention-fab:focus-visible{
  background:#ffd85f;
  color:#173b34;
}
.request-attention-fab:active{transform:scale(.96)}
.request-attention-symbol{
  font-size:27px;
  font-weight:900;
  line-height:1;
}
.request-attention-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:21px;
  height:21px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border:2px solid var(--paper);
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-size:10px;
  font-weight:850;
  line-height:1;
  box-sizing:border-box;
}
.request-attention-fab.is-suppressed{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px) scale(.96);
}
@media(max-width:700px){
  .request-attention-fab{
    left:max(16px,env(safe-area-inset-left,0px));
    bottom:var(--mobile-tabbar-float-bottom,calc(82px + env(safe-area-inset-bottom,0px)));
  }
}
@media(prefers-reduced-motion:reduce){
  .request-attention-fab{transition:none}
}