.chat-details{
  bottom:2.5rem;
  position:fixed;
  right:1.5rem;
  z-index:40;
  --tw-translate-y:0px;
  opacity:1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.chat-details__content-button,.chat-details__summary{
  position:relative;
}

.chat-details__content{
  flex-direction:column;
  gap:.75rem;
  margin-bottom:.75rem;
}

.chat-details__summary-label{
  margin-right:.75rem;
  --tw-bg-opacity:1;
  background-color:rgb(31, 41, 55, var(--tw-bg-opacity, 1));
  box-shadow:0 0 1px #fff !important;
  padding-left:.75rem;
  padding-right:.75rem;
}

.chat-details__content,.chat-details__content-button,.chat-details__summary,.chat-details__summary-icon--active,.chat-details__summary-icon--default{
  display:flex;
}

.chat-details__content-button{
  height:2.5rem;
  justify-content:flex-start;
  min-width:140px;
  padding-bottom:.75rem;
  padding-top:.75rem;
}

.chat-details__summary-icon--active,.chat-details__summary-icon--default{
  border-radius:9999px;
  height:3.5rem;
  justify-content:center;
  width:3.5rem;
}

.chat-details__content-button-icon{
  height:1rem;
  pointer-events:none;
  width:1rem;
}

.chat-details__summary-svg{
  height:1.5rem;
  pointer-events:none;
  transition-duration:.15s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  width:1.5rem;
}

.chat-details__content-button,.chat-details__summary,.chat-details__summary-icon--active,.chat-details__summary-icon--default{
  align-items:center;
}

.chat-details__summary{
  justify-content:flex-end;
}

.chat-details__content-button,.chat-details__summary-icon--active,.chat-details__summary-icon--default{
  gap:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  --tw-ring-offset-color:hsl(var(--background));
}

.chat-details__content-button,.chat-details__summary-icon--active,.chat-details__summary-icon--default,.chat-details__summary-label{
  font-size:.875rem;
  font-weight:500;
  line-height:1.25rem;
  white-space:nowrap;
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.chat-details__content-button,.chat-details__summary-label{
  border-radius:var(--radius);
}

.chat-details__content-button--gray,.chat-details__summary-icon--active{
  --tw-bg-opacity:1;
  background-color:rgb(75, 85, 99, var(--tw-bg-opacity, 1));
}

.chat-details__content-button--green{
  --tw-bg-opacity:1;
  background-color:rgb(22, 163, 74, var(--tw-bg-opacity, 1));
}

.chat-details__content-button--red,.chat-details__summary-icon--default{
  --tw-bg-opacity:1;
  background-color:rgb(220, 38, 38, var(--tw-bg-opacity, 1));
}

.chat-details__summary-icon--active,.chat-details__summary-icon--default,.chat-details__summary-label{
  padding-bottom:.5rem;
  padding-top:.5rem;
}

.chat-details,.chat-details__content-button,.chat-details__summary-icon--active,.chat-details__summary-icon--default{
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.chat-details,.chat-details__content-button,.chat-details__summary-icon--active,.chat-details__summary-icon--default,.chat-details__summary-svg{
  animation-duration:.3s;
  transition-duration:.3s;
}

.chat-details__content-button--gray:hover,.chat-details__summary-icon--active:hover{
  --tw-bg-opacity:1;
  background-color:rgb(55, 65, 81, var(--tw-bg-opacity, 1));
}

.chat-details__content-button--green:hover{
  --tw-bg-opacity:1;
  background-color:rgb(21, 128, 61, var(--tw-bg-opacity, 1));
}

.chat-details__content-button--red:hover,.chat-details__summary-icon--default:hover{
  --tw-bg-opacity:1;
  background-color:rgb(185, 28, 28, var(--tw-bg-opacity, 1));
}

.chat-details__content-button:hover,.chat-details__summary-icon--active:hover,.chat-details__summary-icon--default:hover{
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.chat-details__content-button:focus-visible,.chat-details__summary-icon--active:focus-visible,.chat-details__summary-icon--default:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
  --tw-ring-color:hsl(var(--ring));
  --tw-ring-offset-width:2px;
}

.chat-details__content-button:disabled,.chat-details__summary-icon--active:disabled{
  pointer-events:none;
}

.chat-details__content-button:disabled,.chat-details__summary-icon--active:disabled,.chat-details__summary-icon--default:disabled{
  opacity:.5;
}

.chat-details__summary-icon--default svg{
  flex-shrink:0;
  height:1rem;
  width:1rem;
}

.chat-details[open] .chat-details__summary-icon--default{
  display:none;
}
.chat-details[open] .chat-details__summary-icon--active{
  display:flex;
}

.chat-details__summary-icon--active{
  display:none;
}

.chat-details__summary-icon-wrapper{
  position:relative;
}
/*# sourceMappingURL=chat-details.css.map */