body{padding:0;margin:0;background-color:#eef1f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;color:#70768d}a{color:#7795ff;text-decoration:none}li,ul{padding:0;margin:0;list-style:none}h1{font-size:24px}h1,h2{color:#333;font-weight:300;margin:0 0 8px}h2{font-size:18px}.logo-svg path{transition:opacity 1s ease-in-out}.logo-svg.gray path{opacity:0}.logo-svg.gray .gray-layer{opacity:1}@keyframes outline-beat{0%{box-shadow:0 0 0 5px rgba(119,149,255,0)}to{box-shadow:0 0 0 5px rgba(119,149,255,.4)}}@keyframes fade-alternate{0%{opacity:.4}to{opacity:1}}button,input[type=button],input[type=range]{cursor:pointer}button:focus,input[type=button]:focus,input[type=range]:focus{outline:none;animation:outline-beat .7s ease-out 0s infinite alternate}button::-moz-focus-outer,input::-moz-focus-outer{border:0}.btn{padding:10px 20px;margin:0;border:none;font-weight:500;border-radius:3px;font-size:14px;position:relative;overflow:hidden}.btn:active:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background-color:rgba(0,0,0,.2)}.btn-main{background-color:#7795ff;color:#fff}.input-text{position:relative}.input-text label{position:absolute;top:15px;left:15px;color:#8a93b2;border-radius:10px;transform-origin:bottom left;pointer-events:none;transition:all .2s ease;transition-property:background-color,transform,color}.input-text input{outline:none;box-sizing:border-box;width:100%;font-size:14px;padding:15px;border:none;border-radius:3px;background-color:#f1f3fd;transition:all .2s ease-in-out;transition-property:background-color,box-shadow}.input-text input:focus{background-color:#fff;box-shadow:0 0 0 2px #7795ff}.input-text input:focus~label{color:#7795ff}.input-text input:not(:placeholder-shown)~label{left:8px;transform:scale(.9) translateY(-155%);background-color:#fff;padding:0 8px 2px}.input-text input:invalid{box-shadow:0 0 0 2px red}.input-text input:invalid~label{color:red}.input-text-small label{top:8px;left:12px}.input-text-small input{padding:8px 12px;transition:all .2s ease-in-out}.input-text-small input:not(:placeholder-shown)~label{left:6px;transform:scale(.75) translateY(-150%)}.width-wrap{max-width:1024px;margin:0 auto}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;padding:0;margin:0}.dropdown-open .dropdown-body{display:block;box-shadow:0 1px 5px rgba(0,0,0,.15)}.dropdown-body{display:none;position:absolute;z-index:9}#header,.dropdown-body{background-color:#fff}#header .width-wrap{display:flex;justify-content:space-between;align-items:center;height:50px}#header .logo{display:inline-block}#header .logo img{height:30px;vertical-align:top}#header .avatar{height:32px;border-radius:100%;vertical-align:top}#header .search{position:relative;flex-grow:1;max-width:420px;margin:0 20px}#header .search input{padding:6px 14px;box-sizing:border-box}#header .suggestions{display:none;position:absolute;width:100%;left:-2px;padding:5px 0;background-color:#fff;border:2px solid #7795ff;border-top:0 solid #7795ff;border-radius:0 0 5px 5px;z-index:9}#header .suggestions li{padding:6px 14px}#header .suggestions li.active{background-color:#f1f3fd}#header .show-suggestions input{border-radius:3px 3px 0 0}#header .show-suggestions .suggestions{display:block}#header .auth .dropdown-body{width:300px;right:0}#header .auth header{display:flex;align-items:center;padding:10px 15px;background-color:#f1f3fd}#header .auth header .avatar{height:40px;margin-right:15px}#header .auth header .username{font-weight:16px;font-weight:500}#header .auth ul{padding:10px 0}#header .auth li a{display:block;padding:10px 15px;color:#8a93b2}#header .auth li a:hover{background-color:#f1f3fd}#search-results{margin-top:15px}.videos-list{display:flex;justify-content:center;flex-wrap:wrap}.video-item{width:230px;padding:8px 8px 10px;margin-bottom:20px;border-radius:5px;color:inherit;transition:background-color .2s ease}.video-item:hover{background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,.1)}.video-item .thumbnail{position:relative}.video-item .thumbnail img{vertical-align:top;max-width:100%;border-radius:3px}.video-item .thumbnail .duration{position:absolute;bottom:5px;right:5px;z-index:0;background-color:rgba(0,0,0,.75);border-radius:3px;font-size:13px;color:#fff;padding:2px 6px}.video-item .title{overflow:hidden;margin:8px 0;color:#000;font-weight:500;line-height:1.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.6em}.video-item .channel{margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-placeholder{padding:0 5px 30px;animation:fade-alternate 1s ease-in 0s infinite alternate}#auth{display:flex;min-height:100vh}#auth .modal{width:300px;margin:auto;background-color:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.15)}#auth header{text-align:center;background-color:#f1f3fd;border-radius:5px 5px 0 0}#auth header .logo-svg{height:36px;margin:40px 0}#auth header ul{display:flex}#auth header li{flex-grow:1;flex-basis:0}#auth header nav a{color:#8a93b2;display:block;padding:15px 0 13px;border-bottom:2px solid transparent;transition:all .3s ease-in-out;transition-property:color,padding,border-bottom-color}#auth header nav a.active{font-weight:500;color:#7795ff;border-bottom-color:#7795ff}#auth .content-wrap{position:relative;transition:height .3s ease-in-out}#auth .content{padding:20px 20px 0;text-align:center;border-radius:0 0 5px 5px}#auth .content .input-text{margin-bottom:15px}#auth .content .input-link{display:block;margin-bottom:15px}#auth .content.v-enter-active,#auth .content.v-leave-active{box-sizing:border-box;position:absolute;width:100%;top:0;left:0;transition:all .3s ease-in-out;transition-property:opacity,transform}#auth .content.v-enter,#auth .content.v-leave-to{opacity:0}#auth .content.v-enter{transform:translateX(100%)}#auth .content.v-leave-to{transform:translateX(-100%)}#auth button{width:100%;padding:15px;font-weight:500;margin-bottom:15px;display:flex;justify-content:center;align-items:center;align-content:center}#auth button.form-action{margin-bottom:20px}#auth button svg{display:block;margin-left:5px}#auth .google{background-color:#f87474}#auth .google svg{margin-bottom:-2px}#auth .facebook{background-color:#6482c0;margin-bottom:20px}#auth .facebook svg{margin-top:-2px}#auth .separator{position:relative;z-index:1;margin-bottom:20px}#auth .separator:before{position:absolute;top:50%;left:0;content:" ";width:100%;height:1px;background-color:#f1f3fd;z-index:-1}#auth .separator span{padding:0 10px;background-color:#fff}#auth .sign-in .form-action{width:300px;margin:0 0 0 -20px;font-weight:500;padding:15px;border-radius:0 0 5px 5px}#auth .oauth-callback{padding-bottom:20px;line-height:1.4;transition:all .5s ease;transition-property:background-color,color}#auth .oauth-callback.error{background-color:#f87474;font-weight:700;color:#fff}#auth .oauth-callback.error .error-icon{margin-bottom:5px}#player-page{display:flex;min-height:100vh}.player{position:relative;display:flex;flex-direction:column-reverse;color:#fff;width:100%;background-color:#000}.player video{max-width:100%;max-height:100%;margin:auto}.player svg{display:block;width:24px}.player button{background:none;border:none;padding:10px;color:inherit}.player input[type=range]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;outline:0;margin:0;height:5px;color:#fff;cursor:pointer}.player input[type=range]::-webkit-slider-runnable-track{height:100%;background-color:hsla(0,0%,100%,.2);background-image:linear-gradient(90deg,currentColor var(--value,0),transparent var(--value,0))}.player input[type=range]::-moz-range-track{height:100%;background-color:hsla(0,0%,100%,.2);border-radius:3px}.player input[type=range]::-moz-range-progress{height:100%;background-color:currentColor;border-radius:3px 0 0 3px}.player input[type=range]::-webkit-slider-thumb{opacity:0;-webkit-appearance:none;height:15px;width:15px;margin-top:-5px;border-radius:100%;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);transition:opacity .2s ease-out}.player input[type=range]:hover::-webkit-slider-thumb{opacity:1}.player input[type=range]::-moz-range-thumb{opacity:0;height:14px;width:14px;border:none;border-radius:100%;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);transition:opacity .2s ease-out}.player input[type=range]:hover::-moz-range-thumb{opacity:1}.player .player-controls{position:absolute;width:100%;padding-top:30px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5),rgba(0,0,0,.7));opacity:0;transition:opacity .3s ease-out}.player .player-controls.active,.player .player-controls.editor-mode,.player .player-controls:hover{opacity:1}.player .player-controls .controls,.player .player-controls .volume{display:flex;align-items:center}.player .player-controls .volume input[type=range]{display:none;transition:opacity 1s ease;margin-right:10px}.player .player-controls .volume input[type=range]::-webkit-slider-runnable-track{border-radius:10px}.player .player-controls .volume:hover input[type=range]{display:block}.player .player-controls .fullscreen{margin-left:auto}.player .progressbar:hover{height:5px}.player .progressbar{position:relative;width:calc(100% - 20px);height:2px;margin:0 auto;transition:height .2s ease-out}.player .progressbar .buffer-bar,.player .progressbar .playback-bar{position:absolute;top:0;width:100%;height:100%}.player .progressbar .playback-bar::-moz-range-progress,.player .progressbar .playback-bar::-moz-range-track{border-radius:0}.player .progressbar .buffer-bar{-webkit-appearance:none;-moz-appearance:none;height:100%;border:none;background:none}.player .progressbar .buffer-bar::-webkit-progress-bar{background:none}.player .progressbar .buffer-bar::-webkit-progress-value{background-color:hsla(0,0%,100%,.2);transition:width .2s ease}.player .progressbar .buffer-bar::-moz-progress-bar{background-color:hsla(0,0%,100%,.2);transition:width .2s ease}.player .editor-mode .tags-progressbar,.player .tags-progressbar:hover{height:10px;padding:2px 0;background-color:hsla(0,0%,100%,.1)}.player .tags-progressbar{width:calc(100% - 20px);height:2px;padding-top:5px;margin:0 auto 2px;transition:all .2s ease-out;transition-property:padding-bottom,height,background-color}.player .tags-progressbar .tags-container{height:100%;position:relative}.player .tags-progressbar .tag{position:absolute;box-sizing:border-box;height:100%;background-color:#a985f6;transition:all .2s ease-out;transition-property:border-radius,transform,box-shadow;cursor:pointer}.player .tags-progressbar .tag:hover{border-radius:2px;transform:scaleY(1.5);box-shadow:0 1px 5px 3px rgba(0,0,0,.25);z-index:2}.player .tags-progressbar .tag:hover:before{display:block}.player .tags-progressbar .tag.being-edited{border-radius:0;outline:1px solid #ffc502;border:1px solid rgba(0,0,0,.25);cursor:grab;z-index:9}.player .tags-progressbar .tag.being-edited:active{cursor:grabbing}.player .tags-progressbar .tag.being-edited:hover{transform:none}.player .tags-progressbar .tag.being-edited .handle{position:absolute;height:calc(100% + 4px);width:9px;margin-top:-2px;border-radius:2px;background:50% url(handle.be41feea.svg) no-repeat;background-color:#ffc502;cursor:ew-resize}.player .tags-progressbar .tag.being-edited .handle svg{display:block}.player .tags-progressbar .tag.being-edited .handle .player-tooltip{display:none;max-width:unset;transform:translate(-50%,calc(-100% - 3px))}.player .tags-progressbar .tag.being-edited .handle:active .player-tooltip,.player .tags-progressbar .tag.being-edited .handle:hover .player-tooltip{display:block}.player .tags-progressbar .tag.being-edited .right-handle{right:0;margin-right:-10px;border-radius:0 2px 2px 0}.player .tags-progressbar .tag.being-edited .left-handle{margin-left:-10px;border-radius:2px 0 0 2px}.player-tooltip{position:absolute;display:block;max-width:100%;color:#fff;font-weight:300;transform:translateY(calc(-100% - 3px));transition:left .2s ease-out;padding:5px 10px;border-radius:3px;background-color:rgba(122,125,140,.8);user-select:none}#video-page{max-width:1024px;margin:auto}.video-info{width:100%;background-color:#fff}.video-info header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.video-info .video-publish-time,.video-info .video-subscribe-bar{color:#8a93b2}.video-info .video-subscribe-bar{flex-shrink:0;background-color:#f1f3fd;border-radius:5px;font-weight:500;padding:8px 13px;margin-left:20px;text-decoration:none;color:#8a93b2}.video-info .video-subscribe-bar .avatar,.video-info .video-subscribe-bar .username{vertical-align:middle}.video-info .video-subscribe-bar .avatar{height:22px;margin-right:5px}.video-info .video-stats{display:flex;justify-content:space-between;padding:0 10px;border-top:1px solid #f1f3fd}.video-info .video-stats-group{display:flex}.video-info .video-stats-item{padding:15px 10px;text-decoration:none;color:#8a93b2}.video-info .video-stats-item span,.video-info .video-stats-item svg{vertical-align:middle}.tags-inspector,.video-info .video-stats-item.selected{background-color:#f1f3fd}.tags-inspector{width:100%}.tags-inspector header{display:flex;justify-content:space-between;padding:15px 20px}.tags-inspector header .add-tag{padding:6px 12px 6px 8px;border:none;border-radius:5px;font-size:14px;color:#8a93b2;background-color:#e1e5f5;transition:background-color .2s ease-out;transition-property:color,background-color}.tags-inspector header .add-tag:hover{background-color:#7795ff;color:#fff}.tags-inspector header .add-tag svg{vertical-align:top}.tags-inspector .tags-search input{background-color:#e1e5f5}.tags-inspector .tags-search input:focus{background-color:#fff}.tags-inspector-body{background:url(timeline-background.3e5e22e3.svg) 0 4px repeat-x}.tags-inspector-tags-container{display:flex;overflow:auto;padding:0 20px 20px}.tags-inspector-tags-container::-webkit-scrollbar{background-color:none;height:8px}.tags-inspector-tags-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25);border-radius:4px}.tags-inspector-tags-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.tags-inspector-tags-container .tag-wrap{display:flex;position:relative;flex-direction:column;align-items:center;flex-shrink:0;padding-right:20px}.tags-inspector-tags-container .tag-time{font-weight:500;color:#8a93b2;padding:0 10px;margin-bottom:10px;background-color:#f1f3fd}.tags-inspector-tags-container .tag{display:block;flex-grow:1;width:200px;border-radius:3px;padding:10px 10px 15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tags-inspector-tags-container .tag-color{height:5px;border-radius:3px;margin-bottom:10px;background-color:#f1f3fd}.tags-inspector-tags-container .tag-title{font-weight:700;margin-bottom:10px;color:#70768d}.tags-inspector-tags-container .tag-title:last-child{margin-bottom:0}.tags-inspector-tags-container .tag-description{color:#8a93b2}.tags-inspector-tags-container .tag-wrap:hover .tag-options{display:block}.tags-inspector-tags-container .tag-options{display:none;position:absolute;bottom:0;right:20px;padding:0 5px;background-color:hsla(0,0%,100%,.8)}.tags-inspector-tags-container .tag-options a{display:inline-block;padding:5px 5px 3px}.tag-editor{background-color:#fff;border-radius:3px;border:5px solid #ffc502;padding:10px 10px 15px;box-shadow:0 1px 3px rgba(0,0,0,.15);width:500px}.tag-editor .input-text{margin-top:15px}.tag-editor .color-picker{height:30px;width:70px;padding:0;border:none;border-radius:3px;overflow:hidden}.tag-editor .color-picker::-webkit-color-swatch-wrapper{padding:0;border:none}.tag-editor .color-picker::-webkit-color-swatch{border:none}.tag-editor .save{background-color:#7795ff;border-radius:3px;border:none;color:#fff;font-size:14px;padding:8px 12px;float:right}#comments{background-color:#fff;padding-bottom:30px}#comments>header{padding:15px 20px;border-bottom:1px solid #f1f3fd}#comments h2{margin:0}#comments .comment{display:flex;padding:15px 20px;border-bottom:1px solid #f1f3fd}#comments .comment header{margin-bottom:10px;color:#8a93b2}#comments .comment header .username{font-weight:500;margin-right:5px}#comments .comment header .date{font-size:12px}#comments .comment-info{margin-left:15px}#comments .comment-body{margin-bottom:10px}#comments footer{color:#8a93b2}#comments footer .option{display:inline-block;margin-right:10px}#comments footer .option.selected svg{color:#7795ff}#comments footer svg{vertical-align:top}#modal-background{display:flex;position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5)}#modal{margin:auto;border-radius:3px;background-color:#fff}#modal header{color:#8a93b2;border-bottom:1px solid #f1f3fd}#modal .social-integrations,#modal header{padding:15px 20px}#modal .integration{margin-right:10px}#modal .integration:last-child{margin-right:0}#modal .pseudo-field{background-color:#f1f3fd;border-radius:3px;font-weight:300;color:#8a93b2;text-align:center;margin:0 20px 15px;padding:10px 15px}