:root{--primary-color:#717780;--secondary-color:#C0C0C0;--background-color:#EEEEEE;--clear-background-color:#FAFAFA;--shadow-color:rgba(0, 0, 0, 0.6);--text-color:black;--clear-text-color:#FFFFFF;--clear-text-color-faded:#CCCCCC;--info-color:#E7BE00;--danger-color:#FF0500;--disabled-color:#AAAAAA}body.dark{--primary-color:#2C2E30;--secondary-color:#212121;--background-color:#101010;--clear-background-color:#1E1E1E;--shadow-color:black;--text-color:#EEEEEE;--clear-text-color:#EEEEEE;--clear-text-color-faded:#999999;--info-color:#D9A606;--danger-color:#E3230E;--disabled-color:#888888}body{background-color:var(--background-color);color:var(--text-color)}.info{color:var(--info-color)}.alert{color:var(--danger-color)}.clear_bg{background-color:var(--clear-background-color);color:var(--text-color)}.dark input{background-color:var(--clear-background-color);color:var(--text-color);border:1px solid var(--primary-color);border-radius:2px;padding:6px}.disabled_color{color:var(--disabled-color)}:root{--cells-spacing:0.5em}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td,th,ul{margin:0;padding:0}body{font-family:Sans-Serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}.sprite{display:inline-block;overflow:hidden;vertical-align:middle}.spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.material-icons{vertical-align:middle}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}body{font-size:16px;min-width:200px}.content_width{width:100%;margin:0 auto}@media all and (min-width:90em){.content_width{width:90em}}@media all and (min-width:1700px) and (min-height:850px){.content_width{width:calc(1150px + 66px + var(--cells-spacing) + 20em)}}@media all and (min-width:1700px) and (min-height:950px){.content_width{width:calc(1280px + 66px + var(--cells-spacing) + 20em)}}.ic_account_box_black{background-image:url(sprite.png);background-position:0 -36px;width:24px;height:24px}.ic_add_circle{background-image:url(sprite.png);background-position:0 0;width:36px;height:36px}.ic_avatar_people_outline_black{background-image:url(sprite.png);background-position:-156px -96px;width:18px;height:18px}.ic_button_pause_grey{background-image:url(sprite.png);background-position:-24px -36px;width:24px;height:24px}.ic_button_pause_white{background-image:url(sprite.png);background-position:-48px -36px;width:24px;height:24px}.ic_button_play_grey{background-image:url(sprite.png);background-position:0 -60px;width:24px;height:24px}.ic_button_play_white{background-image:url(sprite.png);background-position:-24px -60px;width:24px;height:24px}.ic_check_circle_white{background-image:url(sprite.png);background-position:-48px -60px;width:24px;height:24px}.ic_close_black{background-image:url(sprite.png);background-position:-84px 0;width:24px;height:24px}.ic_close_white{background-image:url(sprite.png);background-position:-84px -24px;width:24px;height:24px}.ic_conection_black{background-image:url(sprite.png);background-position:-84px -48px;width:24px;height:24px}.ic_conection_white{background-image:url(sprite.png);background-position:0 -84px;width:24px;height:24px}.ic_delete{background-image:url(sprite.png);background-position:-24px -84px;width:24px;height:24px}.ic_error{background-image:url(sprite.png);background-position:-156px -114px;width:18px;height:18px}.ic_error_white{background-image:url(sprite.png);background-position:-48px -84px;width:24px;height:24px}.ic_fullscreen{background-image:url(sprite.png);background-position:-72px -84px;width:24px;height:24px}.ic_fullscreen_exit{background-image:url(sprite.png);background-position:-108px 0;width:24px;height:24px}.ic_info_outline_black{background-image:url(sprite.png);background-position:-156px -132px;width:18px;height:18px}.ic_keyboard_arrow_right_black{background-image:url(sprite.png);background-position:-108px -24px;width:24px;height:24px}.ic_more_vert_black{background-image:url(sprite.png);background-position:-108px -48px;width:24px;height:24px}.ic_more_vert_white{background-image:url(sprite.png);background-position:-108px -72px;width:24px;height:24px}.ic_people_outline_white{background-image:url(sprite.png);background-position:0 -108px;width:24px;height:24px}.ic_play_black{background-image:url(sprite.png);background-position:-24px -108px;width:24px;height:24px}.ic_playlist_add_black{background-image:url(sprite.png);background-position:-48px -108px;width:24px;height:24px}.ic_playlist_loop{background-image:url(sprite.png);background-position:-72px -108px;width:24px;height:24px}.ic_playlist_normal{background-image:url(sprite.png);background-position:-96px -108px;width:24px;height:24px}.ic_playlist_off{background-image:url(sprite.png);background-position:-132px 0;width:24px;height:24px}.ic_playlist_on{background-image:url(sprite.png);background-position:-132px -24px;width:24px;height:24px}.ic_playlist_shuffle{background-image:url(sprite.png);background-position:-132px -48px;width:24px;height:24px}.ic_playlist_up{background-image:url(sprite.png);background-position:-132px -72px;width:24px;height:24px}.ic_plugbot_off{background-image:url(sprite.png);background-position:-36px 0;width:24px;height:26px}.ic_plugbot_on{background-image:url(sprite.png);background-position:-60px 0;width:24px;height:26px}.ic_power_black{background-image:url(sprite.png);background-position:-132px -96px;width:24px;height:24px}.ic_room_button{background-image:url(sprite.png);background-position:0 -132px;width:24px;height:24px}.ic_search_black{background-image:url(sprite.png);background-position:-24px -132px;width:24px;height:24px}.ic_settings{background-image:url(sprite.png);background-position:-48px -132px;width:24px;height:24px}.ic_settings_black{background-image:url(sprite.png);background-position:-72px -132px;width:24px;height:24px}.ic_skip_next_white{background-image:url(sprite.png);background-position:-96px -132px;width:24px;height:24px}.ic_volume_down_white{background-image:url(sprite.png);background-position:-120px -132px;width:24px;height:24px}.ic_volume_mute_white{background-image:url(sprite.png);background-position:-156px 0;width:24px;height:24px}.ic_volume_off_white{background-image:url(sprite.png);background-position:-156px -24px;width:24px;height:24px}.ic_volume_up_white{background-image:url(sprite.png);background-position:-156px -48px;width:24px;height:24px}.ic_youtube{background-image:url(sprite.png);background-position:-156px -72px;width:24px;height:24px}.loading_div{z-index:var(--z-top);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--primary-color);color:#fff;opacity:1;-webkit-transition:opacity .3s cubic-bezier(.4,0,1,1);transition:opacity .3s cubic-bezier(.4,0,1,1);overflow:hidden}.loading_div h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:50px}.loading_div .loading_spinner{font-size:50px;height:50px;width:50px}.loading_div .loading_status_text{font-size:24px}.stl-scrolling-text-container{text-overflow:clip!important;overflow:hidden;white-space:nowrap}.stl-scrolling-text{display:inline-block;min-width:100%;animation:5s linear 0s infinite stl-scrolling-text-animation;-webkit-animation:5s linear 0s infinite stl-scrolling-text-animation}@keyframes stl-scrolling-text-animation{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(0);transform:translateX(0)}85%{-webkit-transform:translateX(calc(-100% + var(--stl-container-size)));transform:translateX(calc(-100% + var(--stl-container-size)))}100%{-webkit-transform:translateX(calc(-100% + var(--stl-container-size)));transform:translateX(calc(-100% + var(--stl-container-size)))}}@-webkit-keyframes stl-scrolling-text-animation{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(0);transform:translateX(0)}85%{-webkit-transform:translateX(calc(-100% + var(--stl-container-size)));transform:translateX(calc(-100% + var(--stl-container-size)))}100%{-webkit-transform:translateX(calc(-100% + var(--stl-container-size)));transform:translateX(calc(-100% + var(--stl-container-size)))}}.visitor_info{margin-bottom:20px}.user_info{width:300px;text-align:center;position:relative}.user_info input{width:95%;display:block;text-align:center;margin:5px auto}.user_info .user_id{color:#777}.user_info .username{font-weight:700;text-decoration:underline}.user_info .avatar{height:200px;width:200px}.user_info .button{display:inline-block;padding:5px;margin:5px;border-radius:5px;border:none;border-bottom:3px solid grey;color:#fff;font-weight:700}.user_info .button:active{border-bottom:1px solid grey;margin-top:7px}.user_info .confirm_button{display:block;background-color:#1fdc24;margin:5px auto;width:300px;max-width:80%}.user_info .reset_button{display:block;background-color:#ea3515;margin:5px auto;width:300px;max-width:80%}.roomCreationSection{width:300px;text-align:center;position:relative}.form_title{font-weight:700;margin:15px;font-size:20px}.form_inputs>*{margin:5px}.form_buttons{padding-top:10px}.form_buttons>*{padding:10px 20px}.form_error{color:red}.playlist_adder_tooltip{background-color:var(--clear-background-color);color:var(--text-color);-webkit-box-shadow:0 0 5px #888;box-shadow:0 0 5px #888;position:fixed;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:1;top:50%;left:50%;white-space:nowrap;width:250px;overflow:hidden}.playlist_adder_tooltip header{text-align:center;padding-top:10px;padding-bottom:10px;border-bottom:1px solid grey}.playlist_selector_list{max-height:70vh;overflow:auto}.playlist_selector_list li button.flat_btn{width:100%;padding:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.playlist_id{color:grey}.playlist_id::before{content:'#'}.playlist_adder_tooltip .create_new_playlist{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;padding-top:8px;font-size:20px}.playlist_adder_tooltip .create_new_playlist input{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;font-size:13px;min-width:10px}.playlist_adder_tooltip .create_new_playlist button{-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px}.room_grid{min-height:300px;text-align:center;width:80%;min-width:300px;border-radius:10px}.room_list_title{height:35px}.room_list{overflow-y:auto;text-align:center;margin:0 auto}.room_div{background-color:grey;cursor:pointer;display:inline-block;height:150px;margin:5px;overflow:hidden;position:relative;vertical-align:middle;width:266px}.room_div .room_desc,.room_div .room_name{background-color:rgba(0,0,0,.7);color:var(--clear-text-color)}.room_name{position:absolute;top:0;left:0;right:0}.room_div:hover .room_name{text-decoration:underline}.room_div img{position:relative;top:-25px;width:100%;vertical-align:middle}.room_desc{position:absolute;bottom:0;left:0;right:0;padding:5px}.actual_title{font-size:16px;max-height:36px;overflow:hidden;text-align:center}.room_create_btn{width:100%;font-size:16px;color:var(--clear-text-color)}.room_create_div i{font-size:42px}.room_create_div{margin:0 auto;margin-top:15px;height:60px;width:266px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;background-color:var(--primary-color)}.room_create_div *{vertical-align:middle}.video_tooltip{background-color:var(--clear-background-color);color:var(--text-color);-webkit-box-shadow:0 0 5px var(--shadow-color);box-shadow:0 0 5px var(--shadow-color);position:absolute;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);z-index:1;white-space:nowrap;height:45px;overflow:hidden}.video_tooltip button,.video_tooltip>div{display:inline-block;vertical-align:middle;height:100%}.video_tooltip button{width:40px;margin:0;border:none;background-color:transparent;cursor:pointer}.video_tooltip button label{width:100%;height:100%;cursor:pointer;display:inline-block;text-align:center;vertical-align:middle;line-height:44px}.video_tooltip button.cancel_action,.video_tooltip button.see_actions{padding:0}.video_tooltip button:hover{background-color:rgba(0,0,0,.1)}.video_tooltip button:active{background-color:rgba(0,0,0,.3)}.video_tooltip .video_elm{height:45px;width:80px;position:relative}.video_tooltip .video_elm img{width:100%;margin-top:-10%}.video_tooltip .video_elm .video_duration{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:1px;font-size:11px}.video_tooltip .description{width:126px;overflow:hidden}.video_tooltip .description p{text-overflow:ellipsis;margin:5px 0 4px 4px}.video_tooltip .description p.title{font-size:14px;margin:4px}.video_tooltip .description p.channel{font-size:12px}.video_tooltip .actions{position:absolute;right:-100%;top:0;bottom:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);background-color:inherit;-webkit-transition:right .2s ease-out;transition:right .2s ease-out}#tooltipActionCheckBox:checked+div{right:0}.loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--clear-background-color);text-align:center;vertical-align:middle;line-height:44px}.account_header{background-color:var(--clear-background-color);color:var(--text-color);font-size:18px;min-width:150px;padding:5px;margin-left:auto;position:relative}.user_picture{height:16px;width:16px}@media all and (min-width:800px){.account_header{font-size:24px;min-width:200px}.user_picture{width:30px;height:30px}.actions button{font-size:16px}}.account_header img,.account_header span{vertical-align:middle}.account_header .actions{background-color:var(--clear-background-color);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.4);box-shadow:0 5px 5px rgba(0,0,0,.4);list-style:none;position:absolute;right:0;top:100%;width:100%;z-index:var(--z-over);visibility:hidden;display:none}.account_header .actions:hover,.account_header:focus-within .actions,.account_header:hover .actions{display:block;visibility:visible}.account_header .actions button{display:block;font-size:14px;font-weight:700;padding:5px;text-align:left;width:100%;color:var(--text-color)}.account_header .actions button i{margin-right:5px}.page_header{background-color:var(--primary-color);color:var(--clear-text-color);font-weight:700}.header_content{display:grid;grid-template-columns:1fr auto 1fr;grid-column-gap:5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--cells-spacing)}.header_content h1{grid-column-start:2;display:inline-block;font-size:30px;vertical-align:middle;white-space:nowrap}.header_content h1 img{height:35px;position:relative;top:-2px;vertical-align:middle;width:35px}@media all and (min-width:800px){.header_content h1{font-size:50px}.header_content h1 img{height:70px;position:relative;top:-5px;width:70px}}@media all and (max-width:799px){.header_content h1{grid-column-start:1;margin-right:auto}.header_content{grid-template-columns:1fr 1fr}}footer{display:block;margin:0 auto;max-width:100%;padding-bottom:.5em}footer ul{list-style:none;margin:0 auto;text-align:center}footer ul li{display:inline-block;font-size:.8em;margin:0 1em 0 1em}footer ul a,footer ul li.link{cursor:pointer;text-decoration:underline;color:var(--text-color)}#widget_div{background-color:var(--clear-background-color);color:var(--text-color);border-radius:10px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);left:50%;max-width:350px;padding:15px;position:fixed;text-align:center;top:30%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity .5s;transition:opacity .5s;width:50%}#widget_div a{background-color:#999;border-radius:8px;border:1px solid #333;color:#eee;display:inline-block;margin:.5em;padding:.5em}#widget_div #widget_close{background-color:#49f;border-radius:50%;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6);box-shadow:0 1px 5px rgba(0,0,0,.6);color:#fff;cursor:pointer;font-weight:700;height:30px;left:-15px;padding-top:7px;position:absolute;top:-15px;vertical-align:middle;width:30px}.personalPlaylistSection{background-color:var(--clear-background-color);width:85%;border-radius:15px}.personalPlaylistSection header{text-align:center}.personal_playlist_list{padding-top:15px;overflow-x:scroll;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.personalPlaylistSection .playlistSection{background-color:var(--clear-background-color);min-width:300px;width:300px;margin:3px;border:1px solid var(--background-color);overflow:hidden}.personalPlaylistSection .playlist{display:inline-block;overflow-y:scroll;height:350px;width:100%}.personalPlaylistSection .controls{height:100px;overflow-y:scroll}.chat_cell{background-color:var(--clear-background-color);position:relative;table-layout:fixed;z-index:0}.chat_header,.chat_input{background-color:var(--primary-color);height:40px}.chat_header{color:var(--clear-text-color);font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;left:0;position:absolute;right:0;top:0;width:100%}.chat_header button{color:currentcolor}.grid_button{-webkit-box-flex:0;-ms-flex:0 0;flex:0 0;vertical-align:middle}.connection_state{-webkit-box-flex:0;-ms-flex:0 0;flex:0 0;vertical-align:middle;padding:8px 6px}.room_config_button{padding:0}.room_info{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;height:100%;text-align:center;vertical-align:middle;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#roomName{text-decoration:underline}.online_users{-webkit-box-flex:0;-ms-flex:0 0;flex:0 0;height:100%;text-align:center;vertical-align:middle;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;white-space:nowrap;font-size:16px;padding-left:8px;padding-right:8px}.online_users>*,.room_info>*{vertical-align:middle}.chat_online{background-color:var(--clear-background-color);bottom:40px;-webkit-box-shadow:-5px 0 3px -2px var(--shadow-color);box-shadow:-5px 0 3px -2px var(--shadow-color);list-style:none;margin:0;overflow-y:auto;overflow:hidden;padding:0;position:absolute;right:0;top:40px;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out;white-space:nowrap;width:0;word-wrap:none}.chat_online.show{display:block;padding-left:.1em;padding-right:.1em;width:60%}.chat_online li{height:18px;max-width:100%;word-wrap:nowrap}.chat_online li:nth-child(2n){background-color:rgba(120,120,120,.1)}.chat_online .avatar_img{display:inline-block;height:16px;margin-bottom:1px;vertical-align:middle;width:16px}.chat_messages{bottom:40px;-webkit-box-shadow:0 5px 5px -5px var(--shadow-color) inset;box-shadow:0 5px 5px -5px var(--shadow-color) inset;left:0;list-style:none;margin:0;overflow:auto;padding:0 .5em;position:absolute;right:0;top:40px;overflow-wrap:break-word;overflow-x:hidden}.chat_messages .message_date{display:none;font-size:.8em}.chat_messages li:hover .message_date{display:inline}.chat_messages li h3{display:inline-block;font-size:1em;margin:0;text-decoration:underline}.chat_messages .avatar_img{display:inline-block;height:20px;vertical-align:middle;width:20px}.chat_messages li>i{font-size:20px}.chat_messages li p{display:inline;font-size:.95em;margin:0}.chat_messages li:nth-child(2n){background-color:rgba(120,120,120,.1)}.chat_messages .error_message,.chat_messages li.error_message{background-color:var(--danger-color);color:var(--clear-text-color);font-weight:700}.chat_input{bottom:0;left:0;padding:3px;position:absolute;right:0}.chat_input_send,.input_div{display:table-cell;height:100%}.chat_input input{height:100%;width:100%;padding:6px;background-color:var(--clear-background-color);color:var(--text-color);border:none;border-radius:0}.chat_input input:focus{outline:1px solid var(--text-color)}a.video_link{color:var(--text-color)}a.pseudo_link{color:var(--text-color)}p a.pseudo_link::before{content:'@'}.player_cell{background-color:var(--primary-color);color:var(--clear-text-color);min-height:0;outline-color:transparent}.player_header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video_title{display:inline-block;width:100%;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;padding:.1em .2em;font-size:1.3em;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.player_header .flat_btn{color:var(--clear-text-color)}.player_header .actions_enabler{height:100%}.player_header .action_button{-webkit-box-flex:0;-ms-flex:0 0;flex:0 0;position:relative}.player_header .actions{position:absolute;top:30px;right:5px;background-color:var(--clear-background-color);z-index:var(--z-over);-webkit-box-shadow:0 3px 3px var(--shadow-color);box-shadow:0 3px 3px var(--shadow-color);display:none;visibility:hidden}.player_header .actions button{display:block;vertical-align:middle;width:100%;padding:7px;text-align:left;color:var(--text-color)}.player_header .actions button i{margin-right:7px}.player_header .actions button>*{vertical-align:middle}.player_header .actions_enabler:focus .actions,.player_header .actions_enabler:focus-within .actions,.player_header .actions_enabler:hover .actions{display:block;visibility:visible}.player_header .actions::after{content:"";border-width:10px;margin-bottom:-10px;border-style:solid;border-color:transparent transparent var(--clear-background-color) transparent;position:absolute;top:-20px;right:5px;pointer-events:none}.player{position:relative;overflow:hidden;padding-bottom:56.25%;width:100%;background-color:#000}.player iframe{position:absolute;bottom:0;left:0;right:0;top:0;height:100%;width:100%}.player #mobileUserPlayerAlert{position:absolute;top:15px;left:15px;right:15px;bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;background-color:rgba(0,0,0,.8);border-radius:20px;font-size:1.5em;text-align:center;color:#fff;-webkit-box-shadow:0 0 15px;box-shadow:0 0 15px}.player_cell:-webkit-full-screen{display:block;height:100%;width:100%}.player_cell:-ms-fullscreen{display:block;height:100%;width:100%}.player_cell:fullscreen{display:block;height:100%;width:100%}.player_cell:-webkit-full-screen .player_header{position:absolute;left:0;right:0;top:0;z-index:1;background-color:#000;opacity:.8}.player_cell:-ms-fullscreen .player_header{position:absolute;left:0;right:0;top:0;z-index:1;background-color:#000;opacity:.8}.player_cell:fullscreen .player_header{position:absolute;left:0;right:0;top:0;z-index:1;background-color:#000;opacity:.8}.player_cell:-webkit-full-screen .player_controls{position:absolute;bottom:0;left:0;right:0;opacity:.8;background-color:#000}.player_cell:-ms-fullscreen .player_controls{position:absolute;bottom:0;left:0;right:0;opacity:.8;background-color:#000}.player_cell:fullscreen .player_controls{position:absolute;bottom:0;left:0;right:0;opacity:.8;background-color:#000}.player_cell:-webkit-full-screen .player{position:inherit}.player_cell:-ms-fullscreen .player{position:inherit}.player_cell:fullscreen .player{position:inherit}.player_cell:-webkit-full-screen .video_progress_bar{max-height:5px;overflow:hidden}.player_cell:-ms-fullscreen .video_progress_bar{max-height:5px;overflow:hidden}.player_cell:fullscreen .video_progress_bar{max-height:5px;overflow:hidden}.player_cell:-webkit-full-screen .video_progress_bar:hover{max-height:16px}.player_cell:-ms-fullscreen .video_progress_bar:hover{max-height:16px}.player_cell:fullscreen .video_progress_bar:hover{max-height:16px}.player_cell:-webkit-full-screen .player_controls,.player_cell:-webkit-full-screen .player_header{-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.player_cell:-ms-fullscreen .player_controls,.player_cell:-ms-fullscreen .player_header{-ms-transition:opacity .5s linear;transition:opacity .5s linear}.player_cell:fullscreen .player_controls,.player_cell:fullscreen .player_header{-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.player_cell.hidden_controls:-webkit-full-screen .player_controls,.player_cell.hidden_controls:-webkit-full-screen .player_header{opacity:0}.player_cell.hidden_controls:-ms-fullscreen .player_controls,.player_cell.hidden_controls:-ms-fullscreen .player_header{opacity:0}.player_cell.hidden_controls:fullscreen .player_controls,.player_cell.hidden_controls:fullscreen .player_header{opacity:0}.player_cell .controls{position:relative;padding-top:5px;margin:0}.player_cell .controls_buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;height:36px}.controls_buttons .player_time,.player_cell .controls_buttons button{-ms-flex-negative:0;flex-shrink:0}.volume_range{-webkit-box-flex:10;-ms-flex:10 1;flex:10 1;min-width:0;max-width:100px}.player_cell .controls_buttons .empty{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;min-width:0}.player_cell .controls button{background-color:transparent;border:none;color:var(--clear-text-color);margin:0;height:100%}.player_cell .controls button:hover{background-color:rgba(0,0,0,.1)}.player_cell .controls button:active{background-color:rgba(0,0,0,.3)}@media screen and (max-width:250px){.volume_range{display:none}}.progress_bar{position:absolute;top:0;left:0;right:0;height:5px}.progress_bar>*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hit{height:18px;position:absolute;width:100%;bottom:-2px;cursor:pointer;z-index:1;background-color:red;opacity:0}.hit:hover{height:27px;bottom:-8px}.hit:hover~.progress_list .circle{-webkit-transform:scale(1);transform:scale(1)}.circle_container{height:11px;width:11px}.circle{position:absolute;top:-3px;left:-5px;border-radius:50%;height:11px;width:11px;-webkit-transform:scale(0,);transform:scale(0,);background-color:#0af}.progress_list{position:absolute;background-color:#888;width:100%;height:5px;top:0;cursor:pointer}.circle,.progress_list{-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}.loaded,.progression,.visualisation{width:100%;height:5px;top:0;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.progression{background-color:#0af}.loaded,.visualisation{background-color:#fff;opacity:.3}.progress_tooltip{position:absolute;top:-35px;padding:3px 5px;display:inline-block;background-color:var(--clear-background-color);opacity:.8;border-radius:5px;color:var(--text-color);opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;display:none;z-index:2;pointer-events:none}.hit:hover~.progress_tooltip{opacity:1;display:block}.progress_tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--clear-background-color) transparent transparent transparent}input[type=range].volume_range{height:100%;-webkit-appearance:none;width:100%;background-color:transparent;padding:0;border:none}input[type=range].volume_range::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:#888;border-radius:3px;border:none}input[type=range].volume_range::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--clear-text-color);cursor:pointer;-webkit-appearance:none;margin-top:-5.5px}input[type=range].volume_range:focus::-webkit-slider-runnable-track{background:#888}input[type=range].volume_range::-moz-range-track{width:100%;height:3px;cursor:pointer;background:#888;border-radius:3px;border:none}input[type=range].volume_range::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:var(--clear-text-color);cursor:pointer}input[type=range].volume_range::-ms-track{width:100%;height:3px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range].volume_range::-ms-fill-lower{background:#888;border:none;border-radius:6px}input[type=range].volume_range::-ms-fill-upper{background:#888;border:none;border-radius:6px}input[type=range].volume_range::-ms-thumb{margin-top:1px;border:none;height:14px;width:14px;border-radius:50%;background:var(--clear-text-color);cursor:pointer}input[type=range].volume_range:focus::-ms-fill-lower{background:#888}input[type=range].volume_range:focus::-ms-fill-upper{background:#888}.player_history{color:var(--text-color)}.player_history .dismiss_overlay{background-color:var(--background-color);opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.player_history .dismiss_overlay.show{opacity:.6;pointer-events:auto}.player_history .history_content{background-color:var(--clear-background-color);position:absolute;right:0;top:0;bottom:0;max-width:100%;width:500px;overflow-y:auto;-webkit-box-shadow:-5px 0 3px -2px var(--shadow-color);box-shadow:-5px 0 3px -2px var(--shadow-color);-webkit-transform:translateX(120%);transform:translateX(120%);-webkit-transition:-webkit-transform 250ms ease-in;transition:-webkit-transform 250ms ease-in;transition:transform 250ms ease-in;transition:transform 250ms ease-in,-webkit-transform 250ms ease-in}.player_history .history_content.show{-webkit-transform:translateX(0);transform:translateX(0)}.history_entry{padding-left:4px;padding-top:6px;padding-bottom:6px;-webkit-box-shadow:0 0 1px rgba(0,0,0,.7);box-shadow:0 0 1px rgba(0,0,0,.7)}.history_entry .header{width:100%}.history_entry .video{display:-webkit-box;display:-ms-flexbox;display:flex}.history_entry .video_elm{height:64px;width:113px;position:relative;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.history_entry .video_elm img{width:100%;margin-top:-10%}.history_entry .video_elm .video_duration{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:1px 3px;font-size:13px}.history_entry .description{overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:2;flex-shrink:2;padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.history_entry .description .title{margin-bottom:5px;font-size:17px}.history_entry .description .channel{-webkit-box-flex:10;-ms-flex:10 0;flex:10 0;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history_entry button{color:var(--text-color);height:40px}.history_entry .flat_btn svg{vertical-align:middle}.playlist_cell{background-color:var(--primary-color);color:var(--clear-text-color);max-height:100%}.playlist{-webkit-box-shadow:0 7px 7px -7px rgba(0,0,0,.7) inset;box-shadow:0 7px 7px -7px rgba(0,0,0,.7) inset;height:300px;list-style:none;overflow-x:hidden;overflow-y:scroll;padding-left:2px;background-color:var(--clear-background-color);color:var(--text-color)}@media all and (min-width:800px){.playlist{height:400px}}.playlist_cell .controls{height:30px;position:relative}.playlist_cell .controls>*{display:inline-block;vertical-align:middle}.btn_control_playlist{background-color:transparent;border:none;color:#fff;font-size:1em;height:30px;outline:0;padding:0;width:30px}.btn_control_playlist:hover{background-color:rgba(0,0,0,.2)}.btn_control_playlist:active{background-color:rgba(0,0,0,.4)}.btn_control_playlist i.disabled_color{position:relative}.playlist_video{border-bottom:1px solid grey;border-spacing:0;position:relative;width:100%;overflow:hidden;height:45px;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.playlist_video.selected,.playlist_video:hover.selected{background-color:var(--primary-color);color:var(--clear-text-color);font-weight:700}.playlist_video>button,.playlist_video>div{vertical-align:middle;overflow:hidden}.playlist_video:hover{background-color:rgba(0,0,0,.1)}.playlist_video button,.playlist_video>div{display:inline-block;vertical-align:middle;height:45px;-ms-flex-negative:0;flex-shrink:0}.playlist_video button{width:40px;margin:0;border:none}.playlist_video .video_elm{height:45px;width:80px;position:relative}.playlist_video .video_elm img{width:100%;margin-top:-10%}.playlist_video .video_elm .video_duration{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.7);color:var(--clear-text-color);padding:1px;font-size:11px}.playlist_video .description{overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:2;flex-shrink:2}.playlist_video .description p{text-overflow:ellipsis;margin:5px 0 4px 4px}.playlist_video .description p.title{font-size:14px;margin:4px}.playlist_video .description p.channel{font-size:12px}.playlist_video .see_actions{color:var(--text-color)}.playlist_video:hover .actions,.see_actions:focus~.actions{right:0;left:unset}.playlist_video .actions{position:absolute;right:-100%;left:100%;top:0;bottom:0;-webkit-box-shadow:0 0 10px var(--shadow-color);box-shadow:0 0 10px var(--shadow-color);background-color:var(--clear-background-color);-webkit-transition:right .1s ease-out,left .1s ease-out;transition:right .1s ease-out,left .1s ease-out}.playlist_video .actions button{color:var(--text-color)}.playlist_selection_enabler .available_playlists:hover,.playlist_selection_enabler:focus-within .available_playlists,.playlist_selection_enabler:hover .available_playlists{display:block}.playlist_cell .available_playlists{position:absolute;top:80%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--z-over);background-color:var(--clear-background-color);width:90%;-webkit-box-shadow:0 0 5px var(--shadow-color);box-shadow:0 0 5px var(--shadow-color);display:none}.playlist_cell .available_playlists button{color:var(--text-color);padding:4px}.playlist_cell .available_playlists::after{content:"";border-width:10px;margin-bottom:-10px;border-style:solid;border-color:transparent transparent var(--clear-background-color) transparent;position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.playlist_cell .available_playlists .action_playlist_set{width:100%}.text_center{text-align:center}.search_cell{background-color:var(--clear-background-color)}.search_input{height:30px;margin:0;position:relative;width:100%}.search_input>*{height:100%;padding:.1em}.search_input .search_input_text{border:none;bottom:0;font-size:1.1em;left:0;outline:0;padding:2px 30px 2px .5em;position:absolute;right:30px;top:0;width:100%;background-color:var(--primary-color);color:var(--clear-text-color)}.search_input .search_input_text:focus{border-bottom:2px solid #bbb;padding-bottom:0}.search_input ::-webkit-input-placeholder{color:var(--clear-text-color-faded);opacity:1}.search_input ::-moz-placeholder{color:var(--clear-text-color-faded);opacity:1}.search_input :-ms-input-placeholder{color:var(--clear-text-color-faded);opacity:1}.search_input ::-ms-input-placeholder{color:var(--clear-text-color-faded);opacity:1}.search_input ::placeholder{color:var(--clear-text-color-faded);opacity:1}.search_button{position:absolute;bottom:0;right:0;top:0;width:40px;color:var(--clear-text-color)}.result_list{-webkit-box-shadow:0 7px 7px -7px rgba(0,0,0,.7) inset;box-shadow:0 7px 7px -7px rgba(0,0,0,.7) inset;height:300px;list-style:none;min-height:200px;overflow-y:auto}@media all and (min-width:800px){.result_list{height:400px}}.add_playlist_waiter{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add_playlist_waiter p{background-color:var(--clear-background-color);padding:15px}.loading_search{display:block;margin:0 auto;text-align:center}.search_cell .result{height:74px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:4px;-webkit-box-shadow:0 0 1px rgba(0,0,0,.7);box-shadow:0 0 1px rgba(0,0,0,.7)}.result>*{vertical-align:middle;display:inline-block;height:64px;margin:5px 0}.result .video_elm{height:64px;width:113px;position:relative;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.result .video_elm img{width:100%;margin-top:-10%}.result .video_elm .video_duration{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:1px 3px;font-size:13px}.result .description{overflow:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:2;flex-shrink:2;padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.result .description .title{margin-bottom:5px;font-size:17px}.result .description .details{display:-webkit-box;display:-ms-flexbox;display:flex}.result .description .details .channel{-webkit-box-flex:10;-ms-flex:10 0;flex:10 0;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result .description .details .result_stats_data{min-width:40px;max-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result_like_ratio{background-color:grey;height:3px;overflow:hidden;position:relative;width:100%}.like{background-color:#007cc0;height:3px;left:0;position:absolute;top:0}.dislike{background-color:#f44336;height:3px;position:absolute;right:0;top:0}.result .result_add_button{-ms-flex-negative:0;flex-shrink:0;width:60px;margin:0;height:100%;color:var(--text-color)}@media all and (max-width:600px){.result{height:59px}.result>*{height:49px}.result .video_elm{height:49px;width:87px}.result .result_add_button{width:40px}}.oAuthAccountConfigurationSection{text-align:center;width:300px}.oAuthAccountConfigurationSection img{display:block;margin:15px auto;width:100px}.oAuthAccountConfigurationSection button,.oAuthAccountConfigurationSection input,.oAuthAccountConfigurationSection p{display:block;font-size:14px;margin:5px auto;padding:5px;width:100%}.oAuthAccountConfigurationSection input{margin:15px auto}.oAuthAccountConfigurationSection form :last-child{margin-bottom:0}.oAuthAccountConfigurationSection p{font-size:20px;margin-top:10px;margin-bottom:15px}.oAuthAccountConfigurationSection .flat_btn{color:var(--text-color)}.oAuthAccountConfigurationSection .message_error{background-color:var(--danger-color);padding:5px;color:#fff;border-radius:10px;font-weight:700;margin:5px auto;display:inline-block}.oAuthAccountConfigurationSection .message_error.hidden{display:none}.room_config{width:500px;text-align:center;position:relative}.room_config h1{margin:15px auto}.config_grid{display:grid;grid-template-columns:1fr 1fr;justify-items:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-column-gap:10px}.config_grid .wide{grid-column-start:1;grid-column-end:3;justify-self:center}.config_grid label.wide{margin-top:5px;margin-bottom:5px}.config_grid select{justify-self:stretch}.red_btn{border:none;background-color:#fc001c}.red_btn:active{background-color:#a60714}.room_config .config_loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room_config .loading_message{background-color:var(--clear-background-color);padding:10px;max-width:80%}main>section{-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4);margin:15px;padding:10px;position:relative}.no_shadow{-webkit-box-shadow:none;box-shadow:none;pointer-events:none}.no_shadow>*{pointer-events:auto}.close_section_btn{background-color:#49f;border-radius:50%;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.6);box-shadow:0 0 5px 0 rgba(0,0,0,.6);color:#fff;cursor:pointer;font-weight:700;height:30px;left:-15px;padding-top:7px;position:absolute;text-align:center;top:-15px;vertical-align:middle;width:30px;z-index:20}@media all and (max-width:799px){main>section{margin:5px;padding:5px}}.accountCreationSection{text-align:center;width:300px}.accountCreationSection button,.accountCreationSection input,.accountCreationSection p{display:block;font-size:14px;margin:5px auto;padding:5px;width:100%}.accountCreationSection p{font-size:20px;margin-top:10px;margin-bottom:15px}.accountCreationSection .message_error{background-color:var(--danger-color);padding:5px;color:#fff;border-radius:10px;font-weight:700;margin:5px;display:inline-block}.loginSection{text-align:center;width:min(650px,90%)}.loginSection button,.loginSection input,.loginSection p{display:block;font-size:14px;margin:5px auto;padding:5px;width:100%}.loginSection p{font-size:20px;margin-top:10px;margin-bottom:15px}.loginSection hr{margin:10px 0}.loginSection .flat_btn{color:var(--text-color)}.loginSection .account_creation_link{padding:10px;margin:0}.loginSection .message_error{background-color:var(--danger-color);padding:5px;color:#fff;border-radius:10px;font-weight:700;margin:5px;display:inline-block}.loginSection .message_error.hidden{display:none}.discord_sign_in *{vertical-align:middle}.login_option{-ms-flex-item-align:start;align-self:flex-start}.loginSection .additional_vertical_spacing{margin-top:16px;margin-bottom:16px}@media screen and (max-width:650px){.login_options.horizontal_layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login_option{-ms-flex-item-align:auto;align-self:auto}}.vertical_layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vertical_layout.default_spacing>*{margin-top:4px;margin-bottom:4px}.horizontal_layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.horizontal_layout.default_spacing>*{margin-left:8px;margin-right:8px}.horizontal_layout.equal_items>*{-ms-flex-preferred-size:0;flex-basis:0}.horizontal_layout>hr{-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.horizontal_layout>hr.hidden_on_wrap{margin-right:-2px}.horizontal_layout>hr.hidden_on_wrap::after{content:"";margin-right:10px}.vertical_layout hr{-ms-flex-item-align:stretch;align-self:stretch;margin-left:8px;margin-right:8px}.top_aligned{vertical-align:top}.centered{text-align:center}.flexible{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.additional_vertical_spacing{margin-top:16px;margin-bottom:16px}.roomSection{border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0;width:100%}.table{display:table;table-layout:fixed}.cell{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);display:block;margin-bottom:.3em}.chat_cell{min-height:300px}.player-chat,.playlist-search{display:table-row-group}@media all and (min-width:800px){.cell{display:table-cell}.chat_cell{height:100%;width:20em}.playlist_cell{vertical-align:top}.table{border-spacing:var(--cells-spacing)}}.main_view_overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:calc(var(--z-top) - 1)}.hover_view{z-index:var(--z-top);position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-width:20%}.hover_view .hover_specific{visibility:visible}.hover_specific{visibility:hidden}.default_view_style{background-color:var(--clear-background-color);color:var(--text-color);-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4);padding:10px}.default_view_style.hover_view,.hover_view .default_view_style{border-radius:10px}.default_view_position{margin-left:auto;margin-right:auto;max-width:80%}@media all and (max-width:799px){.default_view_position{max-width:100%}}.icons_container i{display:none;vertical-align:middle}.icons_container i.selected{display:inherit}.flat_btn{background-color:transparent;border:none;margin:0;height:100%;cursor:pointer}.flat_btn:hover{background-color:rgba(0,0,0,.1)}.flat_btn:active{background-color:rgba(0,0,0,.3)}.full_page{position:fixed;top:0;left:0;right:0;bottom:0}.hidden{display:none;opacity:0;visibility:hidden}.square100{width:100px;height:100px}.transparent{opacity:0}:root{--z-below:-100;--z-default:-100;--z-over:100;--z-top:1000}