mediacms/static/css/_commons.css

@font-face{font-family:MediaCmsVideoJsIcons;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT4AAsAAAAACMQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dNY21hcAAAAYAAAABqAAABxPJEI45nbHlmAAAB7AAAANIAAAG4T61UQGhlYWQAAALAAAAALgAAADYZHmTsaGhlYQAAAvAAAAAYAAAAJABcADlobXR4AAADCAAAAA4AAAAgAVAAAGxvY2EAAAMYAAAAEgAAABIBvAEqbWF4cAAAAywAAAAfAAAAIAEVAExuYW1lAAADTAAAAUkAAAKmImr7xXBvc3QAAASYAAAAXwAAAIf4no6XeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQYpzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+ZGcwAHJZwCQDAyOIAADEDQVjeJztkUEKxEAIBGsyZoSwT1n2QTnlkP/DvGBi6z4jQrXYiIcW2IEefAODdtFQneG29DtH+sYvd0z+9LVCmzRmS91i1+LiwGMcvPVJvf+TK7EiM9wK1HuhX0wrlOrcC/1pjgJ1L/AHpD8V1QAAeJyNkFtvwjAMhe2Y9aJGgFja8gCCNZAweKNcHtC0//+vOAlBDGlIJNEn28cnikOKwtqRpxF9Ep1tl83ZNBfen3744HJ77N1MYd0wc0qZEAFTA+fdb9/0d0rpEAFjDSdH/4JW9AG3z9uzX4jWUn5FJn2Z9LxFg5GyFL2KTPqW1g//pJBqKuPIpDvsKuo+XoEuJ1V1P/ZPjG5JM31jJk+//05l6/7Y1ybbcedQOkFq6vZF/fEDExkMhDljjhg+pxt8augEhshVKBcB6inD467W0Bp+AAB4nGNgZGBgAOJNl8rq4vltvjJwMxgARRjuvJp8Gplm0GbQBJIcDEwgDgBWfAr7AAB4nGNgZGBgMGBggJPaDIwMqIADAA4RAJZ4nGNgAAID3BgAE9ABUQAAAAAAAAAgAEAAUABgAHAAigDcAAB4nGNgZGBg4GBwYGBmAAEmIOYCQgaG/2A+AwAPpwFiAHicjZJNasJAGIbf1J9ShVJo6aabWYlQSNSldCcoCnbhIvuYTDSSZMJkFDxE79Bz9AClJ+hxSl+nsym4cAKT53u+n4RkANzhEx5Oy8OD3U/rCteM/rhBenLcJAeOW+hi4rhN/+q4g2esHXdxjzdO8Jo3NH28O77CLb4cN+i/HTfJP45bePR6jtvoey+OOwi9xHEXPe9jKZMsmhR1mCVSLep5rMp6JTf7PNLnUudcKHWdqVIM/cG59EyWUkdGJmJ9FPVhMzImFalWhZiq0sg8V6LSaidj42+NqcZBkDrvx6rAEhIJMkT8XgVqhOSETmHBaI6YVJJWdBvskbNSX9x1aV1Ip3nPbCwwhI/Bxd0zutJOiGBsj+BfPnKvceBbj2gNUsYpaxRnCUxt76k656VoKpvb0cT0Pra2q8KYpypg5/963z69+AXA8YLbAAAAeJx9x0kKgDAQBdHuOIPDSXKoaL4akERiOxxfceHSWhQ8UvRfyYoTTjnjnAsuuaLaYjT7IvpwOGuZYQTxRefN4aaHuscYIprPHpekNnhkwxI2tO+tHswqLniiGzpGHqcA) format("woff");font-weight:normal;font-style:normal}.vjs-icon-default-view{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-default-view:before{content:""}.vjs-icon-theater-view{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-theater-view:before{content:""}.vjs-icon-navigate-before{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-navigate-before:before{content:""}.vjs-icon-navigate-next{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-navigate-next:before{content:""}.vjs-icon-done{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-done:before{content:""}.vjs-icon-close{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-close:before{content:""}.vjs-icon-closed-caption{font-family:MediaCmsVideoJsIcons;font-weight:normal;font-style:normal}.vjs-icon-closed-caption:before{content:""}@keyframes onHoverFullscreenToggle{50%{font-size:14px;margin-top:-1px}100%{font-size:13px;margin-top:0}}@-webkit-keyframes onHoverFullscreenToggle{50%{font-size:14px;margin-top:-1px}100%{font-size:13px;margin-top:0}}@keyframes onFullscreenHoverFullscreenToggle{50%{font-size:15px;margin-top:1px}100%{font-size:16px;margin-top:0}}@-webkit-keyframes onFullscreenHoverFullscreenToggle{50%{font-size:15px;margin-top:1px}100%{font-size:16px;margin-top:0}}@keyframes onDisplayingActionAnimation{0%{transform:scale(0.5)}10%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@-webkit-keyframes onDisplayingActionAnimation{0%{transform:scale(0.5)}10%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@-webkit-keyframes spinner-linear-spin{to{-webkit-transform:rotate(360deg)}}@keyframes spinner-linear-spin{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-ease-spin{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes spinner-ease-spin{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rota
@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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
@-webkit-keyframes up-next-circle-countdown{from{stroke-dashoffset:185;stroke-dasharray:185}to{stroke-dashoffset:0;stroke-dasharray:185}}@-moz-keyframes up-next-circle-countdown{from{stroke-dashoffset:185;stroke-dasharray:185}to{stroke-dashoffset:0;stroke-dasharray:185}}@keyframes up-next-circle-countdown{from{stroke-dashoffset:185;stroke-dasharray:185}to{stroke-dashoffset:0;stroke-dasharray:185}}@-webkit-keyframes media-slider-reveal{0%{opacity:0}100%{opacity:1}}@-moz-keyframes media-slider-reveal{0%{opacity:0}100%{opacity:1}}@keyframes media-slider-reveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes media-item-reveal{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes media-item-reveal{0%{opacity:0;-moz-transform:scale(0.2);transform:scale(0.2)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@keyframes media-item-reveal{0%{opacity:0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.video-player{position:relative;height:100%}.video-player{outline-color:rgba(0,0,0,0);outline-color:transparent}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-left{z-index:3}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-right{bottom:16px}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-top-right{opacity:0;visibility:hidden;display:block;-webkit-animation:media-slider-reveal .4s linear;-moz-animation:media-slider-reveal .4s linear;animation:media-slider-reveal .4s linear;top:12px;left:12px;bottom:48px;z-index:3}.video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left{display:none;-webkit-animation:media-slider-reveal .1s linear;-moz-animation:media-slider-reveal .1s linear;animation:media-slider-reveal .1s linear;top:12px;right:12px;z-index:2}.embed-wrap .video-js.vjs-mediacms .vjs-corner-layer.vjs-corner-bottom-left{top:52px;top:3.25rem}.video-js.vjs-mediacms.vjs-has-started.vjs-paused .vjs-corner-layer.vjs-corner-bottom-left{display:block}.video-js.vjs-mediacms .up-next-loader{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-48px;display:block;background-color:#000}.video-js.vjs-mediacms .up-next-loader .next-media-poster{position:absolute;top:0;left:0;right:0;bottom:0;display:block;opacity:.4;background-position:center;background-repeat:no-repeat;-moz-background-size:contain;background-size:contain;-webkit-filter:blur(4px);filter:blur(4px)}.video-js.vjs-mediacms .up-next-loader-inner{position:relative;width:100%;height:100%;display:table;text-align:center;line-height:1.3;font-family:Roboto,Arial,Helvetica,sans-serif}.video-js.vjs-mediacms .up-next-loader-inner>div{width:100%;height:100%;padding:6px 12px 48px 12px;display:table-cell;vertical-align:middle}.video-js.vjs-mediacms .up-next-loader-inner .up-next-label{margin-bottom:8px;font-size:1.184615em;color:rgba(255,255,255,.7)}.video-js.vjs-mediacms .up-next-loader-inner .next-media-title{margin:0 20px;padding:0 0 2px;font-weight:500;font-size:1.69231em;color:#eee;line-height:1.3;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:3.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}@media screen and (max-width: 688px){.video-js.vjs-mediacms .up-next-loader-inner .next-media-title{font-size:21px;line-height:1.3;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:transparent;display:block;max-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}}@media screen and (max-width: 491px){.video-js.vjs-mediacms .up-next-loader-inner .next-media-title{font-size:19px}}.video-js.vjs-mediacms .up-next-loader-inner .next-media-author{margin-bottom:10px;font-size:1.1em;color:#fff}@media screen and (max-width: 491px){.video-js.vjs-mediacms .up-next-loader-inner .next-media-author{margin-bottom:5px}}.video-js.vjs-mediacms .up-ne
body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb
.circle-icon-button{--txt-color: rgba(17, 17, 17, 0.4);--bg-color: #fff;--bg-focus-color: rgba(0, 0, 0, 0.07);--bg-active-color: rgba(0, 0, 0, 0.11)}body.dark_theme .circle-icon-button{--txt-color: rgba(255, 255, 255, 0.5);--bg-color: #272727;--bg-focus-color: rgba(255, 255, 255, 0.14);--bg-active-color: rgba(255, 255, 255, 0.34)}.circle-icon-button{color:var(--txt-color);background-color:var(--bg-color)}a.circle-icon-button:focus>*,button.circle-icon-button:focus>*{background-color:var(--bg-focus-color)}a.circle-icon-button:active>*,button.circle-icon-button:active>*{background-color:var(--bg-active-color)}.video-player .more-media a.circle-icon-button:focus>*,.video-player .more-media button.circle-icon-button:focus>*{background-color:rgba(0,0,0,.07)}.video-player .more-media a.circle-icon-button:active>*,.video-player .more-media button.circle-icon-button:active>*{background-color:rgba(0,0,0,.11)}.circle-icon-button{display:block;padding:0;width:40px;height:40px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:center;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline-width:0;border-width:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.circle-icon-button>*{display:table;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.circle-icon-button>*>*{display:table-cell;vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.circle-icon-button.button-shadow{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);-moz-box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)}.circle-icon-button i{overflow:hidden}
.material-icons{vertical-align:middle;margin:0;padding:0;font-size:1.5rem}.material-icons[data-icon]::after{display:block;content:attr(data-icon)}
.nav-menu{padding:12px 0}.nav-menu.pv0{padding-top:0;padding-bottom:0}.nav-menu ul{padding:0;margin:0;list-style:none}.nav-menu li>*{width:100%;display:block;padding:0 1.5rem;outline:0;border:0;background:none}.nav-menu li>*>*{display:inline-block;vertical-align:middle}.nav-menu li.label-item button{font-weight:500;cursor:default}.nav-menu li.label-item button:hover,.nav-menu li.label-item button:focus{background-color:transparent}.nav-menu li .reported-label{padding:0 1rem;line-height:48px;font-size:13px;color:initial;color:red}.nav-menu li .reported-label:before{content:"";display:inline-block;vertical-align:middle;width:1rem;padding:0;margin:0 1.5rem 0 0;font-family:"Material Icons";font-size:24px}.nav-menu a,.nav-menu button{color:inherit}.nav-menu .menu-item-icon{margin-right:24px;color:#888}.nav-menu .menu-item-icon .material-icons{margin-bottom:2px}.nav-menu .menu-item-icon-right{float:right;margin-left:24px}.nav-menu li.link-item.active{background-color:var(--nav-menu-active-item-bg-color)}.nav-menu li a:hover,.nav-menu li a:focus,.nav-menu li button:hover,.nav-menu li button:focus{background-color:var(--nav-menu-item-hover-bg-color)}.popup .nav-menu li a:hover,.popup .nav-menu li a:focus,.popup .nav-menu li button:hover,.popup .nav-menu li button:focus{background-color:var(--in-popup-nav-menu-item-hover-bg-color)}.nav-menu li>*{text-align:initial;text-decoration:none}.nav-menu li>*>*{line-height:40px}.nav-menu li.link-item.active{font-weight:500}.nav-menu .menu-item-icon .material-icons{font-size:1.715em}
.notifications{position:fixed;bottom:0;left:0;height:auto !important;max-width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;z-index:5}.notifications>*{position:relative}.notification-item{display:table;width:288px;max-width:100%;min-height:48px;margin:12px;color:#f1f1f1;background-color:#323232;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-webkit-transition:opacity 500ms linear;-o-transition:opacity 500ms linear;-moz-transition:opacity 500ms linear;transition:opacity 500ms linear}.notification-item>*{display:table-cell;vertical-align:middle;line-height:20px;padding:8px 24px;overflow:hidden}.notification-item.hidden{opacity:0}
.popup{background-color:var(--popup-bg-color)}.popup hr{background-color:var(--popup-hr-bg-color)}.popup-top{color:var(--popup-top-text-color);background-color:var(--popup-top-bg-color)}.popup-top .circle-icon-button.menu-item-icon{color:inherit;background:none}.popup-message-title{color:var(--popup-msg-title-text-color)}.popup-message-main{color:var(--popup-msg-main-text-color)}.popup{z-index:4;display:block;width:300px;text-align:initial;cursor:default;-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);-moz-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}.popup hr{display:block;width:100%;height:1px;border:0;margin:0}.popup-top{padding:4px 4px}.popup-top>*{position:relative;display:table}.popup-top>*>*{display:table-cell;vertical-align:middle;min-width:44px}.popup-top .circle-icon-button.menu-item-icon{background:none}.popup-main{overflow:hidden}.popup-message{display:inline-block;width:100%}.popup-message-title{display:block;font-size:16px;margin-bottom:16px;margin-top:24px;padding:0 24px;line-height:20px}.popup-message-main{display:block;font-size:14px;margin-bottom:32px;margin-top:4px;padding:0 24px;line-height:21px}.popup-message-bottom{display:inline-block;width:100%;float:left;margin-bottom:16px;margin-top:16px;padding:0 24px}.popup-fullscreen{z-index:4;position:fixed;display:table;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:24px 40px;padding-top:-webkit-calc(var(--header-height) + 24px);padding-top:-moz-calc(var(--header-height) + 24px);padding-top:calc(var(--header-height) + 24px);background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.popup-fullscreen .popup-main{width:100%;height:100%;max-width:1840px;max-height:940px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center}.popup-fullscreen .popup-main .popup-fullscreen-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.6}
.spinner-loader{position:relative;width:48px;height:48px}.spinner-loader.tiny{width:16px;height:16px}.spinner-loader.x-small{width:24px;height:24px}.spinner-loader.small{width:32px;height:32px}.spinner-loader.large{width:56px;height:56px}.spinner-loader.x-large{width:64px;height:64px}.spinner-loader:before{content:"";display:block;padding-top:100%}.spinner-loader svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-animation:rotate 2s linear infinite;-moz-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.spinner-loader circle{stroke:var(--spinner-loader-color);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;-moz-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
.thumbnail,.thumbnail.circle-icon-button{background-color:var(--logged-in-user-thumb-bg-color)}a.thumbnail.circle-icon-button:focus,a.thumbnail.circle-icon-button:active,button.thumbnail.circle-icon-button:focus,button.thumbnail.circle-icon-button:active{background-color:var(--logged-in-user-thumb-bg-color)}.thumbnail,.thumbnail.circle-icon-button,.thumbnail img{width:40px;height:40px}.thumbnail.small-thumb,.thumbnail.small-thumb img,.thumbnail.circle-icon-button.small-thumb,.thumbnail.circle-icon-button.small-thumb img,.thumbnail img.small-thumb,.thumbnail img.small-thumb img{width:32px;height:32px}.thumbnail.large-thumb,.thumbnail.large-thumb img,.thumbnail.circle-icon-button.large-thumb,.thumbnail.circle-icon-button.large-thumb img,.thumbnail img.large-thumb,.thumbnail img.large-thumb img{width:48px;height:48px}.thumbnail.circle-icon-button .material-icons{font-size:1.5em}.thumbnail.circle-icon-button.small-thumb .material-icons{font-size:1.25em}.thumbnail.circle-icon-button.large-thumb .material-icons{font-size:2em}.thumbnail{margin:0 auto;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1)}.thumbnail img{vertical-align:inherit;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.search-field-wrap input[type=text],.search-field-wrap button[type=submit]{border-color:var(--search-field-input-border-color)}.search-field-wrap input[type=text]{color:var(--search-field-input-text-color);background-color:var(--search-field-input-bg-color)}.search-field-wrap button[type=submit]{color:var(--search-field-submit-text-color);background-color:var(--search-field-submit-bg-color);border-color:var(--search-field-submit-border-color)}.search-field-wrap button[type=submit]:hover,.search-field-wrap button[type=submit]:focus{background-color:var(--search-field-submit-bg-color);border-color:var(--search-field-submit-border-color)}.search-field-wrap{position:relative;display:table;width:480px;max-width:48%;max-width:40%;height:100%;margin:0 auto;text-align:center}.search-field-wrap>div{width:100%;display:table-cell;vertical-align:middle}.search-field-wrap form{position:relative;width:100%;text-align:right}.search-field-wrap .text-field-wrap{display:block;padding-right:64px}.search-field-wrap .text-field-wrap .popup{z-index:-1;position:absolute;top:100%;left:0;right:64px;width:auto;margin-top:12px;color:#222;border-width:0px 1px 1px;border-style:solid;border-color:#ccc;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.search-field-wrap input[type=text],.search-field-wrap button[type=submit]{border-style:solid}.search-field-wrap input[type=text]{width:100%;padding:0 10px;font-size:16.52px;border-width:1px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}.search-field-wrap button[type=submit]{position:absolute;top:0;bottom:0;right:0;width:64px;padding:0;border-width:1px 1px 1px 0;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.search-field-wrap button[type=submit] .material-icons{opacity:.6;margin-bottom:1px;overflow:hidden}.search-field-wrap button[type=submit]:hover,.search-field-wrap button[type=submit]:focus{outline:0}.search-field-wrap button[type=submit]:hover .material-icons,.search-field-wrap button[type=submit]:focus .material-icons{opacity:1}@media screen and (max-width: 1023px){.search-field-wrap{display:none}.mobile-search-field .search-field-wrap{position:absolute;right:0;top:0;right:16px;display:block;left:72px;margin:auto 0;width:auto;max-width:100%}.mobile-search-field .search-field-wrap>div{display:table;height:100%}.mobile-search-field .search-field-wrap form{display:table-cell;vertical-align:middle}.mobile-search-field .search-field-wrap form>div{position:relative}}@media screen and (max-width: 709px){.mobile-search-field .search-field-wrap{left:48px}}@media screen and (min-width: 1220px){.search-field-wrap{width:640px}}.search-field-wrap input[type=text],.search-field-wrap button[type=submit]{line-height:1.875}.search-field-wrap button[type=submit] .material-icons{font-size:22px;line-height:1}.search-predictions-list{position:relative;padding-top:16px;padding-bottom:8px;line-height:1.375;overflow:auto}.search-predictions-item{display:block;padding:4px 24px 4px 10px}.search-predictions-item b{font-weight:500}.search-predictions-item:hover,.search-predictions-item:focus{outline:0;background-color:#eee}
.theme-switch{position:relative;display:table;width:100%;padding:0 1.5rem;margin:.75rem 0}.theme-switch:focus{outline:var(--dotted-outline)}.theme-switch>*{display:table-cell;vertical-align:middle;line-height:40px;cursor:pointer}.theme-switch>*:last-child{text-align:right}.theme-switch .checkbox-label.right-selectbox{margin:0}.theme-switch .checkbox-label.right-selectbox .selectbox{margin:0}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb
.page-header{background-color:var(--header-bg-color)}.page-header .circle-icon-button{color:var(--header-circle-button-color)}.page-header .page-header-right .popup .nav-menu li{color:var(--header-popup-menu-color)}.page-header .page-header-right .popup .nav-menu li .material-icons{color:var(--header-popup-menu-icon-color)}.page-header .page-header-right .popup .nav-menu li.link-item a{color:var(--header-popup-menu-color)}.page-header{z-index:6;position:fixed;top:0;left:0;right:0;height:var(--header-height);display:table;width:100%}.page-header:after{content:"";position:absolute;bottom:-5px;right:0;width:100%;height:5px;left:0;opacity:1;pointer-events:none;-webkit-box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06);-moz-box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06);box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06)}.page-header-left,.page-header-right{position:absolute;top:0;width:auto;height:100%;display:table;display:table-cell}.page-header-left>*,.page-header-right>*{display:table;height:100%;height:var(--header-height)}.page-header-left>*>*,.page-header-right>*>*{height:100%;display:table-cell;vertical-align:middle}.page-header-right{padding-right:1rem}@media screen and (max-width: 709px){.page-header-right{padding-right:8px}}.page-header-left{left:0;padding-right:104px}.page-header-left>*>*{padding-left:8px}@media screen and (min-width: 710px){.page-header-left>*>*{padding-left:16px}}.page-header-left>*>*{padding-right:16px}@media screen and (min-width: 640px)and (max-width: 1023px){.page-header-left{max-width:55%}.page-header-right{max-width:45%}}.page-header-right{right:0}.page-header-right>*>*{padding-right:8px;padding-right:6px}@media screen and (max-width: 368px){.page-header-right>*>*{padding-right:0}}.page-header-right .button-link{padding:10px 16px}.page-header-right .popup{position:absolute;top:100%;right:8px;margin-top:-8px;max-width:-webkit-calc(100vw - 38px);max-width:-moz-calc(100vw - 38px);max-width:calc(100vw - 38px)}@media screen and (max-width: 1007px){.page-header-right .popup{right:16px}}@media screen and (max-width: 479px){.page-header-right .popup{right:16px}}@media screen and (max-width: 359px){.page-header-right .popup{right:12px}}@media screen and (min-width: 1007px){.anonymous-user .page-header-right .popup{right:0}}@media screen and (min-width: 1024px){.mobile-search-toggle{display:none}}.user-thumb{padding:0}@media screen and (min-width: 1008px){.user-thumb,.user-options{position:relative}}.user-thumb{width:48px;text-align:center}@media screen and (min-width: 768px){.user-thumb{width:60px}}.sign-in-wrap,.register-wrap{padding:0}.button-link.sign-in,.button-link.register-link{color:var(--brand-color, var(--default-brand-color));font-weight:500;line-height:1;display:block;text-transform:uppercase}.signin-icon-link{color:var(--brand-color, var(--default-brand-color))}.close-search-field{display:none}a.user-menu-top-link{display:table;padding:8px;color:inherit;text-decoration:none}a.user-menu-top-link:focus{outline:var(--dotted-outline)}a.user-menu-top-link>*{display:table-cell;vertical-align:middle}a.user-menu-top-link>*:first-child{width:56px}a.user-menu-top-link>* .username{display:block;font-weight:500;line-height:1.25}a.user-menu-top-link>* .videos-count{display:block;line-height:1.5;font-size:.875em}.logo{padding:0;margin:0;font-size:1.25em;font-weight:300}@media screen and (max-width: 359px){.logo{font-size:1em}}.logo a{color:inherit;display:block}.logo a:focus span:before{content:"";display:block;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px dotted var(--body-text-color);opacity:.5}.logo span{position:relative;display:block;float:left}.logo span>img,.logo picture{position:relative;float:left;max-width:100%;max-height:var(--logo-height, var(--default-logo-height))}@media screen and (max-width: 1023px){.mobile-search-field .toggle-sidebar,.mobile-search-field .logo,.mobile-search-field .page-header-right{display:none}.mobile-search-field .close-search-field{display:table-cell;padding-left:8px;padding-right:8px}}@media screen and (max-width: 1023px)and 
.page-main-wrap{padding-top:var(--header-height);will-change:padding-left}@media(min-width: 768px){.visible-sidebar .page-main-wrap{padding-left:var(--sidebar-width);opacity:1}}.visible-sidebar #page-media .page-main-wrap{padding-left:0}.visible-sidebar .page-main-wrap #page-media{padding-left:0}body.sliding-sidebar .page-main-wrap{-webkit-transition-property:padding-left;-o-transition-property:padding-left;-moz-transition-property:padding-left;transition-property:padding-left;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}#page-profile-media .page-main,#page-profile-playlists .page-main,#page-profile-about .page-main,#page-liked.profile-page-liked .page-main,#page-history.profile-page-history .page-main{min-height:-webkit-calc(100vh - var(--header-height));min-height:-moz-calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-main{position:relative;width:100%;padding-bottom:16px}.page-main-inner{display:block;margin:1em 1em 0 1em}#page-profile-media .page-main-wrap,#page-profile-playlists .page-main-wrap,#page-profile-about .page-main-wrap,#page-liked.profile-page-liked .page-main-wrap,#page-history.profile-page-history .page-main-wrap{background-color:var(--body-bg-color)}
.page-sidebar-content-overlay{position:fixed;top:3.5rem;left:0;right:0;bottom:0;z-index:4;background-color:#000;opacity:0;visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition-property:opacity;-o-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}body.visible-sidebar #page-media .page-sidebar-content-overlay,body.visible-sidebar #page-media-video .page-sidebar-content-overlay,body.visible-sidebar #page-media-audio .page-sidebar-content-overlay,body.visible-sidebar #page-media-image .page-sidebar-content-overlay,body.visible-sidebar #page-media-pdf .page-sidebar-content-overlay{display:block;opacity:.5;visibility:visible}@media(max-width: 767px){body.visible-sidebar .page-sidebar-content-overlay{display:block;opacity:.5;visibility:visible}}
.page-sidebar{background-color:var(--sidebar-bg-color)}.page-sidebar .nav-menu+.nav-menu{border-top-color:var(--sidebar-nav-border-color)}.page-sidebar .nav-menu{color:var(--sidebar-nav-item-text-color)}.page-sidebar .nav-menu .menu-item-icon{color:var(--sidebar-nav-item-icon-color);max-width:24px;overflow:hidden}.page-sidebar .page-sidebar-bottom{background-color:var(--sidebar-bg-color)}.page-sidebar .page-sidebar-bottom a{color:var(--sidebar-bottom-link-color)}.page-sidebar{z-index:6;position:fixed;display:block;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);overflow:auto;-webkit-transform:translate(-webkit-calc(-1 * var(--sidebar-width)), 0px);-moz-transform:translate(-moz-calc(-1 * var(--sidebar-width)), 0px);-ms-transform:translate(calc(-1 * var(--sidebar-width)), 0px);-o-transform:translate(calc(-1 * var(--sidebar-width)), 0px);transform:translate(calc(-1 * var(--sidebar-width)), 0px)}@media(min-width: 768px){.page-sidebar{z-index:5}}.visible-sidebar .page-sidebar{-webkit-transform:translate(0px, 0px);-moz-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);-o-transform:translate(0px, 0px);transform:translate(0px, 0px)}body.sliding-sidebar .page-sidebar{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.page-sidebar .page-sidebar-inner{display:block;max-height:100%}.page-sidebar .nav-menu+.nav-menu{border-top-width:1px;border-top-style:solid}.page-sidebar .page-sidebar-bottom{position:relative;width:100%;float:left;padding:1rem 1.5rem;font-size:12px;color:#888}.page-sidebar .page-sidebar-bottom a{text-decoration:none}.page-sidebar.fixed-bottom .page-sidebar-bottom{position:absolute;bottom:0;left:0}.page-sidebar.rendering .page-sidebar-bottom{opacity:0}.sidebar-theme-switcher{position:relative;width:100%;float:left;display:block;padding:24px 24px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--sidebar-nav-border-color)}.sidebar-theme-switcher-inner{display:table;width:100%}.sidebar-theme-switcher-inner>*{display:table-cell;vertical-align:middle;text-align:center;width:44px}.sidebar-theme-switcher-inner>*:first-child{width:auto;text-align:right;padding-right:10px}.sidebar-theme-switcher-inner>*:first-child i{font-size:21px}.sidebar-theme-switcher-inner>*:last-child{width:auto;text-align:left;padding-left:14px}.sidebar-theme-switcher-inner>*:last-child i{font-size:21px;-webkit-transform:rotate(140deg);-moz-transform:rotate(140deg);-ms-transform:rotate(140deg);-o-transform:rotate(140deg);transform:rotate(140deg);margin-top:-1px}.sidebar-theme-switcher-inner .theme-icon i{color:var(--sidebar-nav-item-icon-color)}.sidebar-theme-switcher-inner .theme-icon.active i{color:var(--theme-color, var(--default-theme-color))}.checkbox-switcher-wrap{position:relative;width:36px;display:inline-block;vertical-align:middle;text-align:center;margin-top:-2px;margin-left:8px}.checkbox-switcher-wrap .checkbox-switcher{height:15px}.checkbox-switcher-wrap .checkbox-switcher input[type=checkbox]:after{width:20px;height:20px}.checkbox-switcher-wrap .checkbox-switcher input[type=checkbox]:checked:after{background:var(--theme-color, var(--default-theme-color))}.checkbox-switcher{position:relative;width:100%;height:17px;display:block;margin:0 auto}.checkbox-switcher input[type=checkbox]{position:absolute;display:block;top:0;left:0;width:100%;height:100%;margin:0;padding:0;outline:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.checkbox-switcher input[type=checkbox]:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--logged-in-user-thumb-bg-color);-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}.checkbox-switcher input[type=ch
body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb
body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb
body{--body-text-color: #111;--body-bg-color: #fafafa;--hr-color: #e1e1e1;--dotted-outline-color: rgba(0, 0, 0, 0.4);--input-color: hsl(0, 0%, 7%);--input-bg-color: hsl(0, 0%, 100%);--input-border-color: hsl(0, 0%, 80%);--header-bg-color: #fff;--header-circle-button-color: #606060;--header-popup-menu-color: rgb(13, 13, 13);--header-popup-menu-icon-color: rgb(144, 144, 144);--sidebar-bg-color: #f5f5f5;--sidebar-nav-border-color: #eee;--sidebar-nav-item-text-color: rgb(13, 13, 13);--sidebar-nav-item-icon-color: rgb(144, 144, 144);--sidebar-bottom-link-color: initial;--spinner-loader-color: rgba(17, 17, 17, 0.8);--nav-menu-active-item-bg-color: rgba(0, 0, 0, 0.1);--nav-menu-item-hover-bg-color: rgba(0, 0, 0, 0.04);--in-popup-nav-menu-item-hover-bg-color: #eee;--search-field-input-text-color: #111;--search-field-input-bg-color: #fff;--search-field-input-border-color: #ccc;--search-field-submit-text-color: #333;--search-field-submit-bg-color: #f8f8f8;--search-field-submit-border-color: #d3d3d3;--search-field-submit-hover-bg-color: #f0f0f0;--search-field-submit-hover-border-color: #c6c6c6;--search-results-item-content-link-title-text-color: rgb(17, 17, 17);--logged-in-user-thumb-bg-color: rgba(0, 0, 0, 0.07);--popup-bg-color: #fff;--popup-hr-bg-color: #eee;--popup-top-text-color: rgb(13, 13, 13);--popup-top-bg-color: #eee;--popup-msg-title-text-color: rgb(17, 17, 17);--popup-msg-main-text-color: rgba(17, 17, 17, 0.8);--comments-textarea-wrapper-border-color: #eeeeee;--comments-textarea-wrapper-after-bg-color: #0a0a0a;--comments-textarea-text-color: #0a0a0a;--comments-textarea-text-placeholder-color: rgba(17, 17, 17, 0.6);--comments-list-inner-border-color: #eee;--comment-author-text-color: #111;--comment-date-text-color: #606060;--comment-date-hover-text-color: #0a0a0a;--comment-text-color: #111;--comment-text-mentions-background-color-highlight:#00cc44;--comment-actions-material-icon-text-color: rgba(17, 17, 17, 0.8);--comment-actions-likes-num-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-reply-button-hover-text-color: #111;--comment-actions-cancel-removal-button-text-color: rgba(17, 17, 17, 0.6);--comment-actions-cancel-removal-button-hover-text-color: #111;--item-bg-color: #fafafa;--item-title-text-color: #111;--item-thumb-bg-color: var(--sidebar-bg-color);--item-meta-text-color: rgba(17, 17, 17, 0.6);--item-meta-link-text-color: var(--item-text-color);--item-meta-link-hover-text-color: rgba(17, 17, 17, 0.8);--profile-page-item-content-title-bg-color: #fff;--playlist-item-main-view-full-link-text-color: rgb(96, 96, 96);--playlist-item-main-view-full-link-hover-text-color: rgb(13, 13, 13);--item-list-load-more-text-color: rgba(17, 17, 17, 0.6);--item-list-load-more-hover-text-color: rgba(17, 17, 17, 0.8);--media-list-row-border-color: #eee;--media-list-header-title-link-text-color: rgba(17, 17, 17, 0.6);--playlist-form-title-focused-bg-color: #111;--playlist-privacy-border-color: #888;--playlist-form-cancel-button-text-color: rgba(17, 17, 17, 0.6);--playlist-form-cancel-button-hover-text-color: #111;--playlist-form-field-text-color: #000;--playlist-form-field-border-color: #888;--playlist-save-popup-text-color: #111;--playlist-save-popup-border-color: #eee;--playlist-save-popup-create-icon-text-color: #909090;--playlist-save-popup-create-focus-bg-color: rgba(136, 136, 136, 0.14);--playlist-view-header-bg-color: #fafafa;--playlist-view-header-toggle-text-color: rgb(96, 96, 96);--playlist-view-header-toggle-bg-color: #fafafa;--playlist-view-title-link-text-color: rgb(13, 13, 13);--playlist-view-meta-text-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-color: rgba(17, 17, 17, 0.6);--playlist-view-meta-link-hover-text-color: rgb(13, 13, 13);--playlist-view-status-text-color: rgba(17, 17, 17, 0.6);--playlist-view-status-bg-color: rgba(0, 0, 0, 0.05);--playlist-view-status-icon-text-color: rgba(17, 17, 17, 0.4);--playlist-view-actions-bg-color: #fafafa;--playlist-view-media-bg-color: var(--sidebar-bg-color);--playlist-view-media-order-number-color: rgb