.ic-bookmark-icon {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.ic-cir-head-btn .ic-bookmark-icon,
.ic-ws-head-btn .ic-bookmark-icon {
  width: 20.5px;
  height: 20.5px;
}

.ic-cir-head-btn.is-loading,
.ic-ws-head-btn.is-loading {
  position: relative;
}

.ic-cir-head-btn.is-loading .ic-bookmark-icon,
.ic-ws-head-btn.is-loading .ic-bookmark-icon {
  visibility: hidden;
}

.ic-cir-head-btn.is-loading::after,
.ic-ws-head-btn.is-loading::after {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  border: 2px solid #e8ebf0;
  border-top-color: #2d3a4a;
  border-radius: 50%;
  animation: ic-bookmark-spin 0.7s linear infinite;
}

@keyframes ic-bookmark-spin {
  to {
    transform: rotate(360deg);
  }
}

.ic-bookmark-toast {
  position: fixed;
  left: 50%;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 10050;
  max-width: min(92vw, 320px);
  padding: 10px 16px;
  border-radius: 12px;
  background: rgba(20, 24, 32, 0.92);
  color: #fff;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}