.modal .playlist {
  display: flex;
  flex-direction: column;
}

.modal .video-sharing-container {
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.modal .video-sharing {
  cursor: pointer;
  display: inline-flex;
  text-decoration: none !important;
  outline: none !important;
  color: #000;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 13px;
  margin-right: 13px;
}

.modal .video-sharing img {
  width: 60px;
  height: 60px;
  margin-bottom: 5px;
}

.modal + .modal-backdrop {
  z-index: 16000 !important;
}

.modal.custom-domain .modal-header {
  display: flex;
  justify-content: center;
  width: 100%;
}

.modal.custom-domain .modal-body {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
}

.modal.custom-domain .modal-body p {
  align-self: flex-start;
}

.modal.custom-domain .modal-body img {
  width: 140px;
  margin-bottom: 45px;
}
#json-categories-as-text {
  border: 1px solid #c6c6c6;
  color: var(--textareaForegroundColor);
  padding: 5px 15px;
  background-color: var(--markdownTextareaBackgroundColor);
  font-family: monospace;
  font-size: 13px;
  border-bottom: 0;
  border-radius: 3px 3px unset unset;
  width: 100%;
}

#json-categories-as-text.error {
  border-color: red;
  color: red;
  border-bottom: 1px solid;
}

#categories-table th {
  border-color: currentcolor;
  border-bottom: none;
  border: var(--submenuBackgroundColor);
  border-bottom: 1px solid var(--submenuBackgroundColor);
  padding: 5px;
  font-weight: 600;
  color: var(--mainForegroundColor);
}

#categories-table tr {
  outline: 0;
  background-color: var(--mainBackgroundColor);
}

#categories-table tbody tr:nth-child(odd) {
  background-color: var(--submenuBackgroundColor);
}

#categories-table td {
  padding: 5px;
}

#categories-table .category__deleted {
  text-decoration: line-through;
  color: red;
}

#categories-table .category__added {
  color: green;
}
/* Hide comments */
my-video-comments.border-top {
  display: none !important;
}

.peertube-container .top-left-block .peertube-title span.instance-name {
  display: none;
}

/* hide login buttons block */

.login-buttons-block {
  display: none;
}

.peertube-container .header-right a.publish-button {
  display: none;
}

.user-logged-in .header-right a.publish-button {
  display: flex;
}

.on-instance .block-title {
  margin-top: 34px;
  font-size: 15px;
}

.action-button-like,
.action-button-dislike {
  display: none !important;
}

span.c-hand[role="button"] {
  font-size: 17px !important;
  font-weight: 500 !important;
}

/* remove default themes */

option[value=default],option[value=instance-default] {
  display: none;
}

/* hide subscripbe button */
.btn-group-subscribe{
  visibility: hidden;
}
/* hide liked link */
a[routerlink="/videos/most-liked"] {
  display: none !important;
}/* Hide comments */
my-video-comments.border-top {
  display: none !important;
}

.peertube-container .top-left-block .peertube-title span.instance-name {
  display: none;
}

/* hide login buttons block */

.login-buttons-block {
  display: none;
}

.peertube-container .header-right a.publish-button {
  display: none;
}

.user-logged-in .header-right a.publish-button {
  display: flex;
}

.on-instance .block-title {
  margin-top: 34px;
  font-size: 15px;
}

.action-button-like,
.action-button-dislike {
  display: none !important;
}

span.c-hand[role="button"] {
  font-size: 17px !important;
  font-weight: 500 !important;
}

/* hide trending buto */
.btn-group.btn-group-toggle.ng-untouched.ng-pristine.ng-valid {
  display: none;
}

/* remove default themes */

option[value="default"],
option[value="instance-default"] {
  display: none;
}
.peertube-container .top-left-block .peertube-title span.instance-name {
  display: none;
}
#typeahead-container input#search-video.focus-visible {
  padding-left: 10px;
  padding-right: 40px;
  z-index: 70;
}
.custom-links-header {
  display: block;
  position: fixed;
  height: 50px;
  top: 0px;
  left: 240px;
  right: 390px;
  overflow: hidden;
  z-index: 50;
}
.header .header-right {
  display: block !important;
  position: absolute;
  top: 10px;
  right: 0px;
  left: 505px;
}

.custom-links-header p a {
  position: relative;
  float: left;
  top: 0px;
  bottom: 0px;
  display: block;
  height: 50px;
  padding: 8px 35px;
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
  transition: color 0.3s;
  text-align: center;
}

#typeahead-container input#search-video {
  display: block;
  position: absolute;
  border: unset;
  background-color: unset;
  right: 0px;
  width: 250px;
}
#typeahead-help, #typeahead-instructions{
  margin-top:34px;
}

.header-right my-search-typeahead {
  margin-right: 5px;
}

#typeahead-container {
  width: 100%;
}

#typeahead-container:focus input,
#typeahead-container:focus-within input {
  width: 100% !important;
}
.header-right a.publish-button {
  margin-right: 15px;
}
@media (max-width: 1100px) {
  .user-logged-in .custom-links-header {
    right: 390px;
  }
  .custom-links-header {
    right: 260px;
  }
}
@media screen and (max-width: 900px) {
  .user-logged-in .custom-links-header {
    right: 190px;
  }

  .custom-links-header {
    right: 60px;
  }
  .header .header-right {
    left: 230px;
  }
  .custom-links-header p a {
    width: 50%;
  }
  #typeahead-container input#search-video {
    width: 44px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 715px) {
  .user-logged-in .custom-links-header {
    right: 190px;
  }
  .custom-links-header {
    left: 40px;
    right: 60px;
  }
  .custom-links-header p a {
    width: 50%;
  }
  .header .header-right {
    left: 51px;
  }
}
@media screen and (max-width: 600px) {
  .user-logged-in .custom-links-header {
    right: 120px;
  }
  .custom-links-header {
    right: 60px;
  }
}
.h-captcha {
  margin-bottom: 2rem;
}.attribute-ffprobe {
  font-size: 13px;
  margin-bottom: 12px;
}

.attribute-label-ffprobe {
  min-width: 142px;
  padding-right: 5px;
  display: inline-block;
  color: var(--greyForegroundColor);
  font-weight: 700;
}
/* Override `.vjs-menu li { text-transform: lowercase; }`, from video-js.css */
#peertube-plugin-chapters-menu li {
	text-transform: none;
}

#peertube-plugin-chapters-menu {
	width: max-content;
	max-width: 18em;
	max-height: 20em;
}

#peertube-plugin-chapters-menu li:not(:first-child) {
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
}