/* Etiqueta Agente: mesmo vidro da tratativa. O círculo é o download da referência. */
.fd-agente{
  --fd-s:1;
  position:absolute;
  z-index:6;
  box-sizing:border-box;
  overflow:visible;
  pointer-events:auto;
  background:none;
  box-shadow:0 1rem 2rem rgba(0,0,0,.22);
  user-select:none;
}
.fd-agente[hidden]{display:none!important}
.fd-agente::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:rgba(30,30,30,.12);
  -webkit-backdrop-filter:blur(0.5rem);
  backdrop-filter:blur(0.5rem);
  pointer-events:none;
}
.fd-agente-sheen{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  right:0;
  height:0.125rem;
  background:rgba(255,255,255,.07);
  filter:blur(0.25rem);
  pointer-events:none;
}
.fd-agente-nome{
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:650;
  line-height:1;
  letter-spacing:-.03em;
  color:#171719;
  white-space:nowrap;
}
.fd-app-dark .fd-agente-nome{color:#f4f5f7}
.fd-agente-dl{
  position:absolute;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  margin:0;
  padding:0;
  border:none;
  border-radius:50%;
  background:#18181b;
  color:#f4f4f5;
  cursor:pointer;
  outline:none;
  box-shadow:0 calc(0.5rem * var(--fd-s)) calc(1.5rem * var(--fd-s)) calc(-0.25rem * var(--fd-s)) rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);
  transition:box-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.fd-agente-dl:hover{
  box-shadow:0 calc(0.75rem * var(--fd-s)) calc(1.75rem * var(--fd-s)) calc(-0.25rem * var(--fd-s)) rgba(0,0,0,.6),0 0 calc(1rem * var(--fd-s)) rgba(56,189,248,.2);
}
.fd-agente-dl:focus,
.fd-agente-dl:focus-visible{outline:none}
.fd-agente-dl:disabled{opacity:.4;pointer-events:none;cursor:default;transform:none!important;transition:none}
.fd-agente-ring{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  transform:rotate(-90deg);
}
.fd-agente-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:0.3125rem}
.fd-agente-fill{
  fill:none;
  stroke:#38bdf8;
  stroke-width:0.3125rem;
  stroke-dasharray:264;
  stroke-dashoffset:264;
}
.fd-agente-icon{
  position:relative;
  z-index:1;
  width:50%;
  height:50%;
  color:#f4f4f5;
  transition:color .2s ease;
}
.fd-agente-dl:hover .fd-agente-icon{color:#38bdf8}
.fd-agente-arrow{transform-box:fill-box;transform-origin:center}
.fd-agente-dl:hover .fd-agente-arrow{
  animation:fd-agente-arrow-in .6s cubic-bezier(.25,.46,.45,.94) both;
}
@keyframes fd-agente-arrow-in{
  0%{transform:translateY(-0.625rem);opacity:0}
  100%{transform:translateY(0);opacity:1}
}