.nav-item {
  border-radius: 10px;
  /* padding: 6px 10px; */
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  cursor: pointer;
}

/* .nav-item:hover {
  background: rgba(255, 255, 255, 0.1);
} */

.point-item:hover {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1)
    ),
    linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
}

.nav-item.active {
  background: rgba(255, 255, 255, 0.1);
}

.logout {
  width: 76px;
  height: 34px;
  border-radius: 22px;
  background: #eee;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}

.logout:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.file-input {
  border: 1px dashed #777777;
  padding: 12px;
  cursor: pointer;
  text-align: center;
  background-color: #f6f6f6;
  border-radius: 10px;
  width: 520px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #777777;
  margin-bottom: 14px;
  margin-top: 8px;
  height: 40px;
}

.file-input:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.upload-img:hover {
  background-color: rgba(85, 85, 85, 0.1) !important;
}

.list-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

input:focus {
  outline: none;
}

textarea:focus {
  outline: none;
}

.button:hover {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    #007aff !important;
}

.button_b:hover {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) !important;
}

.output-model:hover {
  background-color: #222222;
}

.output-item {
  transition: transform 0.3s ease; /* 부드러운 확대 효과 */
}

.output-item:hover {
  transform: scale(1.3); /* zoom 대신 scale 사용 */
}

.model-item:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

.ratio-item:hover {
  border: 2px solid rgba(187, 187, 187, 1) !important;
}

.model-title:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 22px;
}

.enchance-icon:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.toolbar-icon:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.replay-icon:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.render-thumbnail::before {
  border-radius: 9px;
}

.handle-item:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* .input-search:hover {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.2)
  ) !important;
} */

/* .chat-input:hover {
  background: linear-gradient(
      0deg,
      var(--Container-Strong, rgba(112, 115, 124, 0.28)),
      var(--Container-Strong, rgba(112, 115, 124, 0.28))
    ),
    linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) !important;
} */

.input-search:focus {
  border: 1px solid rgba(112, 115, 124, 0.22) !important;
}

.arrow-item:hover {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.2)
  ) !important;
}

.handle-item:hover {
  background: var(--Container-Nomal, #70737c38) !important;
}

.hashtag-item:hover {
  background: #ffffff33 !important;
}

.character-search-item:hover {
  background: rgba(112, 115, 124, 0.22);
}

.icon-item {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}