.icepro-article-actions[hidden] { display: none !important; }
.icepro-article-actions-gutter {
  position: absolute;
  top: 0;
  width: 64px;
  pointer-events: none;
}
.icepro-article-actions {
  position: sticky;
  top: var(--icepro-article-actions-top, 86px);
  margin-bottom: 20px;
  pointer-events: auto;
  z-index: 30;
  width: 64px;
  padding: 12px 9px;
  background: var(--main-bg-color, #fff);
  border: 1px solid var(--main-border-color, rgba(50,50,50,.06));
  border-radius: var(--main-radius, 8px);
  box-shadow: 0 4px 16px var(--main-shadow, rgba(116,116,116,.08));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.icepro-article-actions__download-group[hidden] { display: none !important; }
.icepro-article-actions__download-group {
  position: relative;
  display: flex;
  justify-content: center;
  width: 44px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--main-border-color, rgba(50,50,50,.08));
}
.icepro-article-actions .icepro-article-actions__button.icepro-article-actions__download {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--muted-2-color, #999);
  background: var(--muted-bg-color, #eee);
  transition: none;
}
.icepro-article-actions .icepro-article-actions__download > svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.icepro-article-actions .icepro-article-actions__button.icepro-article-actions__download:hover,
.icepro-article-actions .icepro-article-actions__button.icepro-article-actions__download:focus-visible {
  color: var(--focus-color, #f04494);
  background: var(--muted-bg-2-color, #f6f7f8);
}
.icepro-article-actions .icepro-article-actions__button.icepro-article-actions__download:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--focus-shadow-color, rgba(240,68,148,.25));
}
.icepro-article-actions__download-size {
  position: absolute;
  left: calc(100% + 14px);
  top: 22px;
  z-index: 35;
  min-width: 80px;
  margin: 0;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(-50%);
  transition: none !important;
}
.icepro-article-actions__download:hover + .icepro-article-actions__download-size,
.icepro-article-actions__download:focus-visible + .icepro-article-actions__download-size {
  visibility: visible;
}
/* Keep the native header visible; long resources scroll inside the body. */
.icepro-article-download-modal .modal-dialog {
  min-width: 0;
  max-width: calc(100% - 20px);
}
.icepro-article-download-modal .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: hidden;
}
.icepro-article-download-modal .modal-header { flex: 0 0 auto; }
.icepro-article-download-modal .modal-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.icepro-article-download-modal .modal-body > #icepro-modal-posts-pay { margin-bottom: 0; }
.icepro-article-actions[data-obscured="true"],
.icepro-article-actions[data-obscured="true"] .hover-show-con {
  visibility: hidden !important;
  pointer-events: none;
}
.icepro-article-actions__primary {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.icepro-article-actions .icepro-article-actions__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--muted-bg-color, #eee);
  color: var(--muted-2-color, #999);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background .2s, color .2s, box-shadow .2s;
}
.icepro-article-actions__button > svg {
  width: 22px;
  height: 22px;
  margin: 0;
}
.icepro-article-actions__comment > svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.icepro-article-actions .icepro-article-actions__button:hover,
.icepro-article-actions .icepro-article-actions__button:focus-visible,
.icepro-article-actions .icepro-article-actions__button.actived {
  background: var(--muted-bg-2-color, #f6f7f8);
  color: var(--focus-color, #f04494);
}
.icepro-article-actions .icepro-article-actions__button:focus-visible {
  box-shadow: 0 0 0 3px var(--focus-shadow-color, rgba(240,68,148,.25));
}
.icepro-article-actions .icepro-article-actions__button > text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.icepro-article-actions .icepro-article-actions__button > count {
  position: absolute;
  top: -3px;
  right: -3px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 10px;
  background: var(--focus-color, #f04494);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.icepro-article-actions__button > count:empty { display: none; }
.icepro-article-actions__share {
  width: 44px;
  padding-top: 12px;
  border-top: 1px solid var(--main-border-color, rgba(50,50,50,.06));
}
.icepro-article-actions__share:empty { display: none; }
.icepro-article-actions__share .share-button.dropdown-menu {
  display: block;
  left: calc(100% + 14px);
  right: auto;
  top: auto;
  bottom: 0;
  width: 168px;
  min-width: 168px;
  margin: 0 !important;
  padding: 16px;
  color: var(--main-color, #555);
  font-size: 13px;
  line-height: 1.5;
  cursor: auto;
  transform: none;
}
/* Keep the hover target continuous while crossing into the native menu. */
.icepro-article-actions__share .share-button.dropdown-menu::before {
  content: '';
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0;
  width: 15px;
  height: auto;
  border: 0;
  background: transparent;
  transform: none;
}
.icepro-article-actions__share .icepro-article-actions__share-open > .hover-show-con {
  visibility: visible;
  opacity: 1;
  transform: none;
}
.icepro-article-actions__share .share-btn:focus-visible {
  outline: 2px solid var(--focus-color, #f04494);
  outline-offset: 3px;
  border-radius: 3px;
}
.icepro-article-actions__share .share-btn[role="button"] { cursor: pointer; }
.icepro-article-actions__footer-empty { display: none !important; }
@media (min-width: 992px) {
  main.container.icepro-article-actions-layout {
    position: relative;
    width: calc(100% - 164px);
    max-width: var(--mian-max-width, 1200px);
  }
  main.icepro-article-actions-layout #comments {
    scroll-margin-top: var(--icepro-article-actions-offset, 100px);
  }
}
@media (max-width: 991px) {
  .icepro-article-actions, .icepro-article-actions-gutter { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .icepro-article-actions .icepro-article-actions__button { transition: none; }
  .icepro-article-actions .icepro-article-actions__button.icepro-article-actions__download { transition: none; transform: none; }
  .icepro-article-actions__download-size { transition: none; }
}