444hu_comments_legacy.css

button {
  border-radius: 0px;
}

section#comments.docked-comments {
  --docked-comments-bg-color: #f5f5f5;
  --docked-comments-padding: 17px;
  --docked-comments-width: 420px;
  width: var(--docked-comments-width);
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 10000;
  background-color: var(--blog-accent-color);
  box-shadow: 12px 0px 40px #000;
  overflow: hidden;
  padding: 0 0 5px 0;
  max-width: none;
  min-width: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

section#comments.docked-comments.dragged {
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

section#comments.docked-comments .comments-contents {
  background-color: var(--docked-comments-bg-color);
  padding: var(--docked-comments-padding);
  padding-right: 0px;
  margin: 0 7px 0 7px;
  height: calc(100% - 35px);
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--blog-accent-color) var(--docked-comments-bg-color);
  overscroll-behavior: contain;
}

section#comments.docked-comments .subhead {
  padding: 0;
  height: auto;
  margin-bottom: 0px;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  padding: 1px;
}

section#comments.docked-comments .subhead a {
  line-height: normal;
}

section#comments.docked-comments .subhead .logo {
  margin: 0;
  display: inline-block;
  padding: 0 6px 0 6px;
  line-height: normal;
  background-position: left 6px top 3px;
  align-items: center;
  height: 31px;
}

section#comments .subhead .logo {
  display: none;
}

section#comments.docked-comments .comments-contents::-webkit-scrollbar {
  width: var(--docked-comments-padding);
}

section#comments.docked-comments .comments-contents::-webkit-scrollbar-track {
  background: none;
}

section#comments.docked-comments .comments-contents::-webkit-scrollbar-thumb {
  background-color: var(--blog-accent-color);
  border: 6px solid var(--docked-comments-bg-color);
  border-radius: 10px;
}

section#comments.docked-comments .comments-docked-toggle {
  background-color: transparent;
  margin-left: 0px;
}

section#comments .comments-docked-toggle {
  border: 0;
  width: 100%;
  text-align: right;
  line-height: normal;
  background-color: var(--subhead-color);
  text-transform: uppercase;
  color: #fff;
  font-family: league;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0;
  margin-left: 15px;
}

section#comments .comments-docked-open {
  padding: 0;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

section#comments .comments-docked-open button {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 1px 15px 0px;
  color: #f5f5f5;
  background-color: var(--blog-accent-color);
  font-family: league;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.4px;
  cursor: pointer;
}

section#comments .comments-docked-hidden {
  display: none !important;
}

section#comments.docked-comments .comments-docked-toggle {
  line-height: normal;
}

section#comments.docked-comments .comments-docked-disabled {
  pointer-events: none;
  opacity: 0.5;
}

section#comments.docked-comments .comments-docked-toggle > span {
  margin: 0;
  padding: 0;
}

section#comments.docked-comments .comments-docked-toggle > span > a > img {
  padding: 0;
  display: inline-block;
  margin: 10px 18px;
  width: 11px;
  height: 11px;
  vertical-align: middle;
}

section#comments.docked-comments .comments-docked-toggle > span > a {
  position: relative;
  display: inline-block;
  height: auto;
  border: none;
  padding: 0;
  margin: 0 0 0 1px;
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
  cursor: pointer;
}

section#comments.docked-comments .comments-docked-toggle > span > a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

section#comments.docked-comments .comments-title {
  display: none;
}

section#comments .comments-docked-title {
  display: none;
}

section#comments.docked-comments .comments-docked-title {
  display: inline-block;
  padding: 0;
  font-size: 25px;
  color: #fff;
  vertical-align: middle;
}

section#comments .comments-docked-resizer {
  display: none;
}

section#comments.docked-comments .comments-docked-resizer {
  --docked-comments-resizer-width: 8px;
  display: inline-block;
  position: fixed;
  top: 0;
  right: calc(
    var(--docked-comments-width) - var(--docked-comments-resizer-width)
  );
  width: var(--docked-comments-resizer-width);
  height: 100%;
  cursor: ew-resize;
  pointer-events: auto;
  background: none;
}

section#comments.docked-comments .comments-docked-resizer > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 4px 0 3px;
  height: 70px;
  background-color: var(--docked-comments-bg-color);
}

button.comments-toggle-top {
  width: auto;
  border: 0;
  background-color: var(--blog-accent-color);
  text-transform: uppercase;
  font-family: league;
  font-size: 1.625rem;
  color: #fff;
  cursor: pointer;
  user-select: none;
  margin-right: 16px;
  height: 40px;
  padding: 4px 16px 0;
  line-height: 22px;
  border-radius: 0px;
  background-position: 10px center;
}

button.comments-toggle-top:focus {
  outline: 0;
}

button.comments-toggle {
  padding: 6px 0 4px;
  border-radius: 0px;
  background-position: 10px center;
}

button.comments-toggle > img {
  float: left;
  margin: 3px 18px 0;
}

section#comments .comments-contents > div {
  margin-bottom: 0.9375rem;
}

.bg-444comments-icon {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
}