.share-box__read-time {
  color: var(--primary-6)
}
.share-box__read-time .icon {
  color: var(--primary-2);
  font-size: 1.6rem;
  position: relative;
  top: -.1rem
}
.share-box .share {
  overflow: hidden;
  width: 9rem;
  top: 0;
  transition: all .3s ease;
  height: 4rem;
  align-items: center
}
.share-box .share.open {
  width: 18rem;
  padding-left: .2rem
}
.share-box .share__link {
  padding: 0
}
.share-box .share__link:focus-visible {
  outline-offset: -.2rem;
  padding: .2rem
}
.share-box .share__link > span {
  padding-left: 0;
  padding-right: var(--sm-4)
}
.share-box .share__wrapper {
  padding: 0
}
.share-box .share--banner-share-bar .icon {
  font-size: 1.6rem;
  position: relative;
  top: 0rem
}
.card-dark .share-box__read-time,
.panel-dark .share-box__read-time,
.section-dark .share-box__read-time,
.theme-dark .share-box__read-time {
  color: var(--primary-5)
}
.card-dark .share-box__read-time .icon,
.panel-dark .share-box__read-time .icon,
.section-dark .share-box__read-time .icon,
.theme-dark .share-box__read-time .icon {
  color: var(--primary-3)
}
.card-dark .share-box__share .share--banner-share-bar .share__btn:focus-visible .icon,
.panel-dark .share-box__share .share--banner-share-bar .share__btn:focus-visible .icon,
.section-dark .share-box__share .share--banner-share-bar .share__btn:focus-visible .icon,
.theme-dark .share-box__share .share--banner-share-bar .share__btn:focus-visible .icon {
  color: var(--primary-6)
}

/* NoJs */
.nojs .share--banner-share-bar .share__wrapper{
opacity:1;
visibility:visible;
translate:0;
padding-left:11rem;
top:-0.5rem;
}

.nojs .share-box .share{
width:30rem;
overflow:visible;
}