+ overflow: hidden;
+ margin-right: -.5%;
+}
+body.channels main .channel > .description h2 {
+ margin: 0;
+}
+
+.channel > .description, .video.thumb, .newvideo {
+ display: inline-block;
+ vertical-align: top;
+ height: 14em;
+ width: 99%; margin: 0 .5%;
+ margin-bottom: 1em;
+}
+
+.newvideo button {
+ display: block;
+ margin: 3em auto;
+}
+
+.video.thumb:before, .newvideo:before {
+ content: '';
+ position: absolute;
+ top: 0; left: 0; right:0; height: 11em;
+ box-shadow: #000 .25em .25em .5em;
+}
+
+@media(min-width: 24em) { .channel > .description, .video.thumb, .newvideo { max-width: 49%; } }
+@media(min-width: 44em) { .channel > .description, .video.thumb, .newvideo { max-width: 32%; } }
+@media(min-width: 64em) { .channel > .description, .video.thumb, .newvideo { max-width: 24%; } }
+@media(min-width: 84em) { .channel > .description, .video.thumb, .newvideo { max-width: 19%; } }
+@media(min-width: 104em) { .channel > .description, .video.thumb, .newvideo { max-width: 19em; } }
+
+.video.thumb > a {
+ display: block;
+ color: inherit;
+ font-style: inherit;
+ text-decoration: inherit;
+}
+
+.video.thumb figure {
+ position: absolute; top: 0;
+ height: 11em; width: 100%;
+ overflow: hidden;
+}
+.video.thumb figure img {
+ position: absolute; top: 0;
+ height: 11em; min-width: 1000%;
+ background-color: #888;
+ max-width: unset;
+ margin-left: 50%;
+ transform: translate(-05%, 0);
+ object-fit: cover;
+}
+.video.thumb:hover img {
+ animation: thumbscroll 8s steps(10, end) infinite;
+}
+@keyframes thumbscroll {
+ from { transform: translate(-05%, 0);}
+ to { transform: translate(-105%, 0);}
+}
+
+.video.thumb h3 {
+ position: absolute;
+ top: 10.25em; width: 100%;
+ height: 3em;
+ font-weight: bolder;
+ text-align: center;
+ word-break: break-word;
+ overflow: hidden;
+}
+
+.video.thumb .duration {
+ position: absolute;
+ right: .375em; top: 10.625em;
+ font-size: .875em;
+ padding: 0 .25em;
+ background-color: #333;;
+ color: #EEE;
+ opacity: .75;
+}
+
+.video.thumb .description {
+ position: absolute;
+ left:0; right:0; bottom: 3.5em;
+ font-size: .875em;
+ max-height: 1em;
+ background-color: rgba(0,0,0,.75);
+ color: #EEE;
+ transition: height linear .25s;
+}
+.video.thumb .description:hover {
+ max-height: 8em;
+}
+
+body.video.edit form > .delete {
+ text-align: right;
+}
+body.video.edit form #delconfirm + label:after {
+ content: '\0A';
+ white-space: pre;
+}
+body.video.edit form #delconfirm + label + button {
+ pointer-events: none;
+ color: #AAA;
+ border-color: #AAA;
+ left: -.75em;
+}
+body.video.edit form #delconfirm:checked + label + button {
+ pointer-events: auto;
+ color: inherit;
+ border-color: inherit;
+ background-color: #FDD;
+}
+
+body.video video {
+ display: block;
+ margin: 0 auto;
+ max-height: 80vh;
+}
+
+#uploadprogress {
+ text-align: center;
+ background: transparent;