#expandparent.expanded > .media {
 position: fixed !important;
 top: 0 !important;
 left: 0 !important;
 min-width: 0 !important;
 min-height: 0 !important;
 width: 100% !important;
 height: 100% !important;
 max-width: 100% !important;
 max-height: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
 transform: none !important;
 visibility: visible !important;
 border-width: 0 !important;
 cursor: default !important;
 object-fit: contain !important;
 z-index: 2147483639 !important;
}
#expandparent {
 display:flex;
 flex-flow:column;
}
#expandrel {
 position:relative;
 left:100%;
}
#expand {
 display:none;
 width:20px;
 position:absolute;
 margin-top:3px;
 margin-left:-22px;
 filter:invert(1.0);
 padding:4px;
 background:#ffffff82;
 cursor:pointer;
 z-index:1;
}
#expandparent:hover #expand {
 display:block;
}
#expand:hover {
 //filter:invert(1.0) sepia(25) saturate(10000%) hue-rotate(110deg) saturate(1000%);
 filter:invert(1) brightness(40%) sepia(25) saturate(1000%) hue-rotate(210deg);
}
div.slider2 {
 display:flex;
 width:10%;
 border-radius:2px;
 cursor:pointer;
 margin-top:-4px;
 margin-bottom:8px;
 margin-left:auto;
 margin-right:4px;
}
.slider2 > div {
 background-color:#dedeff;
 width:33.3333vw;
 height:3px;
 border:1px solid #6f6f6f;
 border-radius:2px;
}
.slider2 > .on {
 background:#dcbfec;
}
.comment .content img {
 max-width:90%;
 max-height:90vh;
 display:block;
}
.expando {
 background: #f2f2f2;
 border: 1px solid #e4e4e4;
 color: #828282;
 border-radius: 2px;
 font-size: 9px;
 margin-left: 3px;
 cursor: pointer;
}
.sample {
 display:none;
}
h1.title {
 font-family: sans;
 font-weight: 500;
 font-size: 20px;
 float:left;
 margin-top:0;
}
#video {
 text-align: center;
}
.description {
 text-align: left;
}
.description .views {
 float:right;
 font-family:sans;
}
.md {
 clear:both;
 min-height:10px;
}
.description p {
 clear:both;
 font-family: sans;
 word-spacing: 1px;
 font-weight: 300;
 text-align: justify;
 padding:6px;
 padding-right:12px;
 white-space:pre-wrap;
}
p:empty {
 display:none;
}
.p:empty {
 display:none;
}
#queue:empty {
 display:none;
}
#autoplay {
 position:relative;
 bottom:32px; 
 left:386px;
}
.description .uploader {
 font-size:75%;
 /*display:block;*/
 clear:both;
}
.description .followb {
 float:right;
 background:#d00;
 border:1px solid black;
 padding:4px;
 color:white;
 border-radius:6px;
 font-family:sans;
 font-weight:600;
 margin-top:-6px;
 font-size:.8em;
 cursor:pointer;
}
/*layout styleing*/
body {
 margin:0;
 background-color:#eee;
}
body.dark {
 background-color:#292929;
 color:#fff;
}

.flow {
 display:flex;
 flex-wrap:nowrap;
 justify-content:center;
}
#body.flowv {
 align-items:center;
}
.sample.flow {
 display:none;
}
.sample.commenttree {
 display:none;
}
.flowh {
 flex-flow:row;
}
.flowv {
 flex-flow:column;
}
.panelelement {
 background-color:#fff;
 padding:4px;
 margin-right:3px;
 margin-left:3px;
 margin-top:4px;
 margin-bottom:4px;
}
body.dark .panelelement {
 background-color:#333;
 border:1px solid #222;
}
#right {
 justify-content:flex-start;
 margin-left:0px;
 margin-top:4px;
}
#left {
 /*max-width:416px;*/
 height:auto;
 padding-right:0;
 margin-right:0;
 justify-content:flex-start;
}
.sidebar > *, #queue > * {
 display:block;
 text-decoration:none;
}
.sugviews {
 font-size:69%;
 font-family:sans;
 color:black;
}
body.dark .sugviews {
 color:#fff;
}
.suguploader {
 font-size:69%;
 font-family:sans;
 color:black;
}
body.dark .suguploader {
 color:#fff;
}
.sugtitle {
 text-decoration:none;
 font-size:13px;
 font-family:sans;
}
body.dark a {
 color:#4499CD;
}
/*element styleing*/
video {
 background-color:#111;
 margin-right:-7px;
 /*width:100%;*/
}


textarea {
 padding:6px 9px;
 border:3px solid #dfdfdf;
 border-radius:4px;
 font-size:13px;
 color:#222;
 height:96px;
 width:100%;
 box-sizing:border-box;
}
body.dark textarea {
 background-color:#222;
 color:#fff;
}
body.dark input {
 background-color:#222;
 color:#fff;
 border:1px solid #777;
}
body.dark button {
 background-color:#464646;
 border:none;
 color:white;
}
/* COMMENTS NEW */
.commenttree {
 font:14px/1.5 "Roboto",Arial,sans-serif;
 line-height:17px;
}
.comment {
  display:flex;
  flex-flow:row;
}
.comment .votes {
  margin-top:20px;
  margin-right:10px;
}
.comment .votes > * {
  background-image: url(https://i.imgur.com/i6eg0ml.png);
  width:16px;
  height:20px;
  cursor:pointer;
}
.comment .upvote {
  background-position: -119px -0px;
}
.comment .upvote.on {
 filter:sepia(70) hue-rotate(150deg) contrast(1.5);
}
.comment .downvote {
  background-position:-140px -0px;
}
.comment .metas {
  color:#888;
  line-height:12px;
}
.comment a.user {
 color:#888;
 text-decoration:none;
}
.comment .controls > * {
  display:inline-block;
  color: #0090E8;
  padding:0 8px 0 1px;
  cursor:pointer;
}
.comment .controls > *:hover {
  text-decoration:underline;
}
.commenttree > .commenttree {
 margin-left:20px;
}
.comment .content br{
 /*margin-bottom:3px;*/
}
.comment .content p {
 margin:12px 2px;
}
.content h1 {
 margin:12px 2px;
}
.content h2 {
 margin:9px 2px;
}
.content h3, .content h4 {
 margin:6px 2px;
}
.content h5, .content h6 {
 margin:4px 2px;
}
.content code {
 background:#d5dddd;
 border-radius:2px;
 padding:0px 1.5px;
}
/* END COMMENTS NEW */

/* COMMENTS OLD*/
/*#comments {
 height:auto;
}
#comments > .comment {
 margin-top:8px;
}
.comment .children {
 margin-top:6px;
}
.comment .comment {
 border: 1px solid #ccc;
 border-radius:2px;
 margin:2px 0 2px 8px;
 padding:4px 6px 4px 8px;
 background: #f9f9f9;
}
.comment .comment .comment {
 background: #fff;
}
.comment > .p {
 text-align:justify;
 margin-bottom:4px;
}
.comment span {
 font-family: sans;
 display: block;
 font-weight: 300;
 padding: 3px;
 padding-left:16px;
 white-space:pre-line;
}
.votes {
 cursor:pointer;
 padding:2px;
 font-size:11px;
}
.comment > .bottom {
 justify-content:flex-start;
}
.bottom > * {
 cursor:pointer;
 font-size:11px;
}
.comment .user {
 text-decoration:none;
 padding-left:8px;
 padding-right:8px;
}
.reply {
 color:#003;
}
body.dark .reply {
 color:$eef;
}*/
.thumb {
 position:relative;
 width:315px;
 height:176px;
 margin-right:6px;
 margin-bottom:16px;
 float:left;
}
.thumb > img {
 width:100%;
 height:100%;
 border-radius:3px;
}
.time {
 position:absolute;
 right:2px;
 bottom:2px;
 font-weight:500;
 padding:0px 2px;
 border-radius:2px;
 font-size:12px;
 font-family:sans;
 color:white;
 background-color:rgba(0,0,0,0.8);
}
/*footer {
 text-align: center;
 font-family: sans;
 font-size: 12px;
 color: rgb(102, 102, 102);
}
footer img {
 height:14px;
}*/
#keywords {
 font-family:sans;
 font-size:12px;
 text-transform:uppercase;
}
#keywords a {
 text-decoration:none;
 color:black;
}
body.dark #keywords a {
 color:#777;
}
.grow {
 flex-grow:1;
}
#queue {
 border-bottom: 1px dotted #bbb;
 margin-bottom: 15px;
}
#queue > a {
 clear:both;
}
body.dark .modal {
 background-color:black;
}
.modal > #header {
 display:none;
}
.clear {
 clear:both;
}
.abs {
 position:absolute;
}
body > div > iframe:nth-child(2) {
 opacity:0.5;
}
.tawkclose {
 display:none;
}
div:hover > i.tawkclose.fa.fa-times {
 display:block;
}
.slider {
  font-family:sans;
  background:#aaaaff;
  /*width:113px;*/
  display:inline-block;
  border-radius:4px;
  cursor:pointer;
  box-shadow:1px 1px black;
  margin:0 auto 5px;
}
.slider > * {
  display:inline-block;
  text-align:center;
  padding:0px 8px;
  font-size:15px;
}
.slider .on {
  background:#88ff88;
  border-radius:5px;
  box-shadow:1px 1px black;
  text-shadow:4px 4px 4px  grey;
  color:white;
}
footer > a > img {
 max-width:70vw;
}
#links > a {
 font-family:sans;
 font-size:12px;
 display:block;
}
.commentarea {
 font: 14px/1.5 "Roboto",Arial,sans-serif;
 padding:2px 5px 10px 5px;
 margin:10px 0 0 0;
}
.commentarea button {
 margin: 0 7px 0 0;
 border:none;
 height:30px;
 padding:6px 8px;
 border-radius:5px;
 color:white;
 background:#0A7285;
 cursor:pointer;
}
.commentarea textarea {
 margin:10px 0;
 border:1px solid #ccc;
 border-radius:5px 0 0 5px;
 color:#333;
 padding:8px;
 width:100%;
 resize:vertical;
}
blockquote {
 background: #f5f5f5;
 border-color: #e8e8e8 #e8e8e8 #e8e8e8 #dbdbdb;
 border-style: solid;
 border-width: 1px 1px 1px 3px;
 box-shadow: 0 1px 0 rgba(0,0,0,.1);
 font-size: inherit;
 margin: 5px 10px;
 padding: 0 8px 4px; 
}
.commentblock {
 flex-grow:1;
}
body {
 min-height:100vh;
 justify-content:space-between !important;
}
footer.minimal {
 font-family:sans;
 font-size:10px;
 text-align:center;
}
.price {
 color:black;
 font-size:11px;
}