mediacms/static/css/_commons.css

380 lines
433 KiB
CSS
Raw Permalink Normal View History

@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
2024-10-10 15:39:27 +02:00
.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:currentColor;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{-webkit-filter:drop-shadow(0 0 .25em #fff);filter:drop-shadow(0 0 .25em #fff)}.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
2024-10-02 10:33:17 +02:00
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;
}
2022-08-22 16:40:54 +02:00
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
2022-01-31 20:44:43 +01:00
.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
2022-08-22 16:40:54 +02:00
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