@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 400;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertRegular.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: italic;
  font-weight: 400;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertRegularItalic.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 200;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertLight.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: italic;
  font-weight: 200;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertLightItalic.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 500;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertMedium.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: italic;
  font-weight: 500;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertMediumItalic.woff') format('woff');
}


@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 600;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertSemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: italic;
  font-weight: 600;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertSemiBoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 700;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertBold.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: italic;
  font-weight: 700;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertBoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: normal;
  font-weight: 800;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertHeavy.woff') format('woff');
}

@font-face {
  font-family: 'Roobert';
  font-style: italic;
  font-weight: 800;
  src: url('https://raw.githubusercontent.com/nitrowo/roobert-cdn/master/RoobertHeavyItalic.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Body */
body.pr-300 { padding-right: 345px !important; }
body.no-scroll { overflow: hidden; }

/* Container */
.content-container.default { margin-top: var(--kf-top-position);margin-left: 250px;font-family: system-ui; }

/* KFLive Category Page */
.kf_category_container { margin-left: 3rem; margin-right: 3rem; margin-bottom: 3rem; } 
.kf_category_container > .header_title h1 { font-family: "Roobert", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--kf-title-explore-category);font-weight: 700;margin: 0; } 
.kf_category_container .popular_categories { margin-top: 2rem !important; display: grid; grid-template-columns: repeat(5, 1fr); } 
.category_split { color: #fff; padding: 2px; } 
.category_split:hover { text-decoration: none; } 
.category_split > .category_split_select { height: 45px; background-color: transparent; border-radius: 0.6rem; align-items: center; display: flex; justify-content: space-between; position: relative; overflow: hidden; } 
.category_split > .category_split_select::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #c64d53; z-index: -1; } 
.category_split > .category_split_select > .category_text { padding-left: 1rem; padding-right: 1rem; margin-left: 0.5rem; -webkit-box-align: center; align-items: center; display: flex; height: 100%; z-index: 1; } 
.category_split > .category_split_select > .category_text h5 { font-size: 23px; line-height: 22px; font-weight: 600; } 
.category_split > .category_split_select > .category_image { margin-right: 1rem; } 
.category_split > .category_split_select > .category_image img { max-width: 100%; } 
.kf_category_container .category_top { display: flex;padding-top: var(--kf-grid-padding);padding-bottom: var(--kf-grid-padding);overflow-x: auto;font-size: var(--kf-grid-category-font-size);-webkit-box-align: center;align-items: center;gap: 10px; }
.kf_category_container .select_category{ cursor:pointer;color:#c64d53;padding:5px 8px; }
.kf_category_container .select_category.active{ background:#c64d5330;border-radius:50px; }
.stream_category_list { display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 1.5rem; }
.stream_category_list .category_arrow { position: relative;min-width: 0;cursor: pointer;text-align: left;transition: transform .2s;border-radius: 4px;overflow: visible; }
.stream_category_list .category_arrow img { display: block;width: 100%;height: 260px;object-fit: cover;object-position: center;border-radius: 4px 4px 0 0; }
.stream_category_list .category_arrow p { font-weight: 600;color: #000;margin: .5rem 0 0;font-size: 1.4rem;min-width: 0; }
.stream_category_list .category_tags { display: flex;margin-top: .5rem;gap: 5px;flex-wrap: wrap; }
.stream_category_list .category_tags span { background-color: #c64d5330;border-radius: 50px;padding: .3rem 1rem;font-size: 13px;color: #c64d53;font-weight: 600;white-space: nowrap;display: inline-flex;align-items: center;min-width: 0; }
.kf_category_container.margin { margin: 0; }
.kf_category_container .category_search_part { display: flex;align-items: center;justify-content: space-between;margin-top: 10px;margin-bottom: 1rem; }
.kf_category_container .category_search_part > .search_trigger { gap: 10px;display: flex;align-items: center; }
.kf_category_container .search_part { position: relative; }
.kf_category_container .search_part input { border: none; background: #dbdada; border-radius: 6px; padding: 10px 30px 10px 10px; width: 18em; } 
.kf_category_container .search_part .search_icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; } 
.kf_category_container .search_part .search_icon svg { width: 30px; height: 30px; fill: currentColor; }
.kf_category_container .dropdown-menu { display: none; position: absolute; width: 100%; max-height: 200px; overflow-y: auto;border-radius: 8px !important;border: none; }
.kf_category_container .dropdown-menu::-webkit-scrollbar { width: 8px; }
.kf_category_container .dropdown-menu::-webkit-scrollbar-thumb { background-color: #dbdbdb;border-radius: 10px; }
.kf_category_container .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #f9f9f9; }

/* KFLive Search Dropdown */
.search_dropdown_category { padding: 8px; }
.search_dropdown_category > .search_part input { width: 100%; }

/* KFLive Loading Spin */
.donut { width: var(--kf-loading-size);height: var(--kf-loading-size);margin: 5px;border-radius: 50%;border: 0.3rem solid rgb(255 255 255 / 30%);border-top-color: #ffffff;animation: 1.5s spin infinite linear; }
.donut.chat-notice { border: 0.3rem solid rgb(83 83 95 / 0.3);border-top-color: #53535f; }

/*Popover*/
.user-popover { cursor: pointer; }
.user-details { z-index: 1111; }
.user-details .loading-user, .user-fetch { overflow: hidden; }

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* KFLIVE Chat */
.stream-nav-tab > .handler-chat-container .message, .chat-box > .chat-content .message { display: flex;transition: 0.1s background-color;border-radius: 5px;margin-bottom: 10px; }
.stream-nav-tab > .handler-chat-container .message > .message-options, .chat-box > .chat-content .message > .message-options { cursor: pointer;font-size: 25px;position: absolute;right: 10px; }
.stream-nav-tab > .handler-chat-container .message > .message-options > .message-options-button, .chat-box > .chat-content .message > .message-options > .message-options-button { display:flex;visibility:hidden;border:none;padding:0;width:23px;height:23px;margin:0;background:#fff;border-radius:50px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);align-items:center;justify-content:center;cursor:pointer; }
.stream-nav-tab > .handler-chat-container .message:hover > .message-options > .message-options-button, .chat-box > .chat-content .message:hover > .message-options > .message-options-button { visibility:visible; }
.stream-nav-tab > .handler-chat-container .message > .message-avatar, .chat-box > .chat-content .message > .message-avatar { display: flex;align-items: center;height: 30px; }
.stream-nav-tab > .handler-chat-container .message > .message-avatar > .message-time, .chat-box > .chat-content .message > .message-time { color:#939393;margin-right:.5rem; }
.stream-nav-tab > .handler-chat-container .message > .message-avatar > img, .chat-box > .chat-content .message > .message-avatar > img { border-radius:50px;width:30px;height:30px;margin-right:7px; }
.stream-nav-tab > .handler-chat-container .message > .message-content, .chat-box > .chat-content .message > .message-content { position: relative;display: flex;flex-direction: column;background: #f4f4f4;border-radius: 10px;width: 100%;padding: 8px;font-family: system-ui;gap: 5px;overflow: hidden;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-header > .message-username, .chat-box > .chat-content .message > .message-content > .message-header > .message-username { display: flex;align-items: center;gap: 8px;color:hsl(0deg 0% 0%);margin-right:5px;font-weight:600; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-header > .message-username.isStreamer svg, .chat-box > .chat-content .message > .message-content > .message-header > .message-username.isStreamer svg { margin: 0 0 0 2px;vertical-align: text-bottom;width: 17px;height: 17px; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-header > .message-username.isMod, .chat-box > .chat-content .message > .message-content > .message-header > .message-username.isMod { color:#5e84f1 !important;border-radius:3px; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-header > .message-username > .badge_content, .chat-box > .chat-content .message > .message-content > .message-header > .message-username > .badge_content { display: flex;align-items: center;background: #f0e3e3;color: #c64d53;padding: 3px 10px;border-radius: 50px;gap: 4px; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-content, .chat-box > .chat-content .message > .message-content > .message-content { position: relative; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-text, .chat-box > .chat-content .message > .message-content > .message-text { position: relative; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-text > .isMentioned, .chat-box > .chat-content .message > .message-content > .message-text > .isMentioned { background: #000;color: #fff;padding: 1px 3px;border-radius: 3px; }
.stream-nav-tab > .handler-chat-container .message > .message-content > .message-text > .message-time, .chat-box > .chat-content .message > .message-content > .message-text > .message-time { position: absolute;color: #000;background: #dddddd;font-size: 13px;padding: 2px 8px;border-radius: 50px;bottom: 0;right: 0; }
.livestream-container .dropdown-social { border-radius: 10px !important;border: none; }
.livestream-container .dropdown-social > .dropdown-item { position: relative;cursor: pointer;padding: 5px;border-radius: 3px; }
.livestream-container .dropdown-social > .dropdown-item.hover:hover { background: #f8f8f8; }
.livestream-container .dropdown-social > .dropdown-item.hover:hover a { text-decoration: none;color: #343434 !important; }
.handler-chat-container .comment-stream-menu > li > .dropdown-item, .chat-box > .chat-content .comment-stream-menu > li > .dropdown-item { position: relative; }
.handler-chat-container .comment-stream-menu > li > .dropdown-item.overlay-loading .viewer-option-tool, .chat-box > .chat-content .comment-stream-menu > li > .dropdown-item.overlay-loading .viewer-option-tool { filter: blur(1px); }
.handler-chat-container .comment-stream-menu > li > .dropdown-item.overlay-loading > .viewer-overlay, .chat-box > .chat-content .comment-stream-menu > li > .dropdown-item.overlay-loading > .viewer-overlay { position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 2; }
.handler-chat-container .comment-stream-menu > li > .dropdown-item.overlay-loading > .viewer-overlay svg, .chat-box > .chat-content .comment-stream-menu > li > .dropdown-item.overlay-loading > .viewer-overlay svg { width: 24px;height: 24px; }

/* KF Popover User */
.kf_user_info { cursor: pointer;width: 300px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0px 4px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;border-radius: 0.4rem;background-color: #ffffff; }
.user_avatar_cover { background-position: center top;background-size: cover;border-top-left-radius: 0.4rem;border-top-right-radius: 0.4rem;display: flex;align-items: center;gap: 8px;padding: 5px 10px; }
.user_avatar_cover > img { display: block;border-radius: 50px;width: 55px;height: 55px; }
.user_nameinfo p { font-size: 17px;font-weight: 600;margin: 0; }
.user_nameinfo span { display: flex;align-items: center;gap: 3px; }
.user_nameinfo { color: #fff; }
.user_options { display: flex;align-items: center;justify-content: space-between;padding: 8px 8px; }

/* KF Popover User Skeleton */
.skeleton { background-color: #e0e0e0;background-image: linear-gradient(90deg, #e0e0e0, #f3f3f3, #e0e0e0);background-size: 200% 100%;animation: skeleton-loading 1.5s infinite linear; }
.skeleton-text { width: 120px;height: 15px;border-radius: 5px; }
.user_avatar_cover .skeleton-avatar { width: 55px;height: 55px;border-radius: 50%; }

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* KF Manage Bans */
.ban_views_sidebar { z-index: 11; }
.main_bans_details { padding-left:10px;margin-bottom:5px;margin-top:5px; }
.unban_requests_users { padding-top:10px; }
.unban_requests_users > .user_recipient { cursor:pointer;display:flex;gap:10px;border-radius:5px;padding:5px 5px 5px;transition:.1s background; }
.unban_requests_users > .user_recipient img.avatar-recipient { width: 30px;height: 30px;border-radius: 50px; }
.unban_requests_users > .user_recipient:hover { background:#eeeeee; }
.unban_requests_users > .user_recipient > .recipient_div > .user_info { display:flex;align-items:center;gap:3px; }
.unban_requests_users > .user_recipient > .recipient_div > .user_info p { margin-bottom:0;font-weight:600;font-size:15px;font-family:system-ui;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100px; }
.unban_requests_users > .user_recipient > .recipient_div > .user_info span { color:#858585;font-size:1.3rem;margin-left:3px;margin-top:1px; }
.unban_requests_users > .user_recipient > .recipient_div > .ban_user_info span { width:190px;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap; }
.unban_requests_users > .user_recipient.selected { background: #e2e2e2; }
.banned-user-container { display: flex;flex-direction: column;min-height: 100vh;box-sizing: border-box; }
.banned-user-container > .separate-options { flex: 1 1 auto;overflow-y: auto;padding: 1em;padding-bottom: calc(var(120px, 120px) + env(safe-area-inset-bottom, 0px) + 1em);box-sizing: border-box; }
.banned-user-container > .separate-options::-webkit-scrollbar { height: 8px; }
.banned-user-container > .options_ban { position:sticky;bottom:0;background:#fff;padding:1em;box-shadow:0 -2px 5px rgba(0,0,0,.2);z-index:10;width: 100%; }
.banned-user-container > .separate-options > .header_info > .user_info { display:flex;align-items:center;gap:10px; } 
.banned-user-container > .separate-options > .header_info > .user_info img { width:50px;height:50px;border-radius:50px; }
.banned-user-container > .separate-options > .header_info > .user_info > .user_details p { margin-bottom:0;font-weight:600;font-size:16px; }
.banned-user-container > .separate-options > .header_info > .user_info > .user_details > .date_info { display:flex;gap:3px;align-items:center; }
.banned-user-container > .separate-options > .header_info > .user_info > .user_details > .date_info span { margin-top:2px;font-size:13px;color:#8d8d8d; }
.banned-user-container.loading-center { justify-content: center; }
.banned-user-container.top-padding { padding-top: var(--kf-top-position); }
.banned_details { display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:15px; }
.banned_details .ban_main p { margin-bottom:3px; }
.banned_details .ban_main span { font-weight:600; }
.tabbed_signify { display:flex;margin-top:15px; }
.tabbed_signify > .tab_select { padding:5px 13px 8px; }
.tabbed_signify > .tab_active { font-weight:600;color:#c64d53;border-bottom:3px solid #c64d53; }
.chat_logs_container { flex:1;margin-top:15px;overflow-y:auto; }
.hr-text { position:relative;outline:0;border:0;height:1.5em;margin:5px 0 8px; }
.hr-text:before { content:'';position:absolute;background:#b1b1b1;left:0;top:50%;width:100%;height:1px; }
.hr-text:after { content:attr(data-content);position:relative;display:inline-block;padding:0 1em;line-height:1.5em;color:#818078;background-color:#f0f2f5; }
.buttons_details { gap:5px;display:flex; }
.buttons_details button { border:none;background:#dbdbdb;font-weight:600;padding:5px 8px;border-radius:2px;gap:10px;display:flex;justify-content:space-between;align-items:center; }
.buttons_details button svg { margin-left:10px; }
.buttons_details button.activedbtn { color:#fff;background:#c64d53; }
.unban_reason { display: flex;align-items: center;margin-bottom: 10px;gap: 10px;}
.unban_reason > .badge_left { display: flex;background: #000;width: 5px;height: 45px;border-radius: 50px; }
.unban_reason > p { margin-bottom: 0; }
.add_note_type_title { display: flex;align-items: center;gap: 5px;font-size: 16px;margin-top: 10px; }
.add_note_type_title p { margin: 0;font-weight: 600; }
.add_note_type_title span { color: #6b6b6b; }
.add_note_type_form { padding-top: 5px; }
.add_note_type_form textarea { width: 100%;height: 80px;resize: none;margin-bottom: 3px;border-radius: 5px;background: #e9e9e9;padding: 10px;border: 1px solid #cbcbcb; }
.add_note_type_form span { color:#535353; }
.button_decision { margin-top:3px;text-align:right; }
.button_decision button { border:none;padding:8px 25px;font-weight:600;background:#c64d53;color:#fff;border-radius:5px; }
.empty_banned { padding-top:20px;text-align:center; }
.empty_banned h4 { font-weight: var(--kf-font-weight);font-size: 18px;color: #000;margin-bottom: 5px; }
.better_community_text { text-align: center;font-family: system-ui; }
.better_community_text h4 { font-size:22px;font-weight:600;margin-bottom:8px; }
.better_community_text span { color:#636262; }
.separate-options.skeleton-loading { width: 100%;padding-top: 1rem;}
.skeleton-loading .skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size: 200% 100%;animation: skeleton-loading 1.5s infinite linear;border-radius: 4px; }
.avatar-skeleton { width: 50px; height: 50px; border-radius: 50% !important; }
.username-skeleton { width: 100px; height: 20px; margin-bottom: 8px; }
.date-skeleton { width: 140px; height: 14px; margin-top: 5px; }
.banned_details .skeleton { width: 100px; height: 20px; margin: 5px 0; }
.chat_logs_container.skeleton { height: 150px; margin-top: 15px; }
.options_ban.skeleton { height: 40px; width: 100%; margin-top: 10px; }
.buttons_details .skeleton { width: 80px;height: 28px;border-radius: 4px; }
.skeleton-text { height: 10px;margin-top: 5px;border-radius: 3px; }
.skeleton-text.short { width: 30%;height: 15px; }
.ban_main.reason_ban_sett { width: 100%;height: 23px;border-radius: 3px; }
.chat_logs_container > .message > .message-content { gap: 8px;display: flex;align-items: center; }
.chat_logs_container > .message > .message-content img { width: 24px;height: 24px; }
.chat_logs_container > .message > .message-content img.avatar { border-radius: 50px; }
.chat_logs_container > .message > .message-content .message-username { font-weight: 600}
.chat_logs_container > .message > .message-content .time { color: #636363; }
.chat_logs_container > .message:hover { background-color: #f7f7f7; }
.tags-container { display: flex;flex-wrap: wrap;gap: 5px;margin-top: 10px;margin-bottom: 10px; }
.tag { background-color: #cccccc;border-radius: 50px;padding: 3px 8px;display: flex;align-items: center;font-weight: 600;color: #333; }
.tag .remove-tag { background-color: transparent;border: none;color: #333;margin-left: 5px;height: 20px;cursor: pointer;padding: 0;display: flex;align-items: center;font-size: 16px; }
.tag .remove-tag > svg { margin-top: 1px; }
.offline-placeholder { width: 100%;height: 45em;background-color: #000;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.offline-placeholder > svg { margin-bottom: 1em; }
.offline-placeholder > p { color: white; font-size: 1.2em; text-align: center; }
.offline-placeholder > .background-layer { inset: 0;background: #000;overflow: hidden;z-index: 1; }
.offline-placeholder > .background-layer > .layer { position: absolute;width: 80%;height: 80%;filter: blur(100px);opacity: 0.6;animation-timing-function: ease-in-out;animation-iteration-count: infinite; }
.offline-placeholder > .background-layer > .layer.purple { background: radial-gradient(circle at center, #7700ff 0%, transparent 60%);top: 5%; left: 5%;animation: background-move-purple 12s; }
.offline-placeholder > .background-layer > .layer.pink { background: radial-gradient(circle at center, #ff007a 0%, transparent 60%);top: 5%; right: 5%;animation: background-move-pink 10s;animation-delay: 3s; }
.offline-placeholder > .background-layer > .layer.blue { background: radial-gradient(circle at center, #00d2ff 0%, transparent 60%);bottom: 5%; right: 5%;animation: background-move-blue 14s;animation-delay: 6s; }
.offline-placeholder > .background-layer > .layer-content { color: #fff;text-align: center; }
.offline-placeholder > .background-layer > .layer-content svg { margin-bottom: 25px; }
.kf_notification { position: absolute;bottom: -100px; left: 0;right: 0;text-align: center;color: #c64d53;background: #c64d5329;display: flex;align-items: center;padding: 13px 10px;gap: 10px;opacity: 0;transition: all 0.4s ease; }
.kf_notification > svg { width: 32px;height: 32px; }
.kf_notification > .details { text-align: left;font-family: system-ui; }
.kf_notification > .details > h4 { margin-top: 0;margin-bottom: 3px; }
.kf_notification.active-notification { bottom: 0;opacity: 1; }
.kf_notification.deactive-notification { bottom: -100px;opacity: 0; }
.footer_bind { position: absolute;display: flex;bottom: 0;padding: 8px 15px;width: 100%;align-items: center; }
.footer_bind > div { display: flex;align-items: center;gap: 5px; }
.footer_bind > .search_icon { position: absolute;right: 10px;cursor: pointer; }
.footer_bind .arrows > span { cursor: pointer; }
.floating_search { display: none;position: absolute;width: 100%;bottom: 45px;left: 0;border-bottom: 1px solid #bbbbbb;padding: 5px 10px;align-items: center;z-index: 1000;background: #f2f2f2; }
.floating_search.show_search { display: flex; }
.floating_search input { border: none;outline: none;padding: 5px;font-size: 14px;background: transparent; }

/* Dashboard */
.tag_stream_container { margin: -30px 345px 0 250px !important; }
.tag_ban_container { margin: -30px 90px 0 250px !important; }
.stream-contain .tag_chat_side_btn { display: flex;align-items: center;justify-content: center; }
.pr-345 { padding-right: 345px; }
.mb-1 { margin-bottom: 5px; }
.livestream-container { display: flex;width: 100%; }
.livestream-container.gap-20 { gap: 20px; }
.live-viewers { padding: 3px 13px;border-radius: 5px;font-weight: 600;display: flex;align-items: center;gap: 4px;background: #00000038; }
.live-viewers > svg { width: 20px;height: 20px; }
.live-state { color: white;padding: 3px 13px;border-radius: 5px;font-weight: var(--kf-font-weight); }
.live-state.islive { background-color: red; }
.live-state.offlive { background-color: #00000040; }
.video-section { position: relative;flex: 1;height: 100%; }
.video-section.resize-video video { object-fit: contain; }
.video-section.dashboard video { height: 100%;width: 100%; }
.video-section.remove_padding { padding: 0; }
.video-section video:not(.video-box) { width: 100%;height: 32em;background-color: #000; }
.video-section video.mobilePlayer { object-fit: contain;transition: height 0.3s ease;height: 100%; }
.video-section video.mobilePlayer.adjust_height { height: 56.25vw;max-height: 56.25vw; }
.chat-section { position: fixed;z-index: 1000;flex: 1;top:var(--kf-top-position);right: 0;bottom: 0;width: 345px;display: flex;flex-direction: column;box-sizing: border-box;background: #fff;border-left: 1px solid #cecece;transition: width 0.3s ease, width 0.3s ease; }
.chat-section.turn-bottom { position: static; }
.chat-section.turn-bottom.playback { width: 100%;margin-bottom: 15px;border-radius: 10px;border: 1px solid #cecece; }
.chat-section[data-slide] { top: 56.25vw !important; }
.more_videos_box { width: 330px;padding-top: 66px; }
.recorded-sidebar { padding-top: 66px;width: 330px; }
.create-live-header { display: flex;align-items: center;justify-content: space-between;padding: 0 10px;height: 40px; }
.create-live-header > .manage_title { font-weight: var(--kf-font-weight);font-size: 19px;margin: 0; }
.select-tab-live { display: flex;gap: 3px; }
.select-tab-live > .tab_state { display: flex;align-items: center;padding: 6px 8px;gap: 5px;border-radius: 50px;color: #000;transition: 0.1s background;cursor: pointer;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.select-tab-live > .tab_state:hover { background: #dfdfdf; }
.select-tab-live > .tab_state.active { color: #c64d53 !important;background: #c64d5329; }
.chat-section > .chat-header > .tab_state.min-br { border-radius: 4px;padding: 3px; }
.who_state { height: 100%;max-height: calc(100% - var(--kf-max-height-publisher));overflow-y: auto;padding: 0 10px 10px 10px;scrollbar-width: thin;scrollbar-color: #c7c7c7 #f9f9fb; }
.who_state.active { display: block; }
.who_state.active.remove-max { max-height: initial; }
.who_state.deactive { display: none; }
.who_state.no-padding { padding: 0 !important; }
.who_state .new_tab > hr { margin-top: 10px;margin-bottom: 10px; }
.options_action > span.action_select { cursor: pointer;display: block;text-align: center;padding: 10px 10px; }
.kf_notification { position: absolute;bottom: -100px;left: 0;right: 0;text-align: center;color: #4dc657;background: #d6ffa778;display: flex;align-items: center;padding: 13px 10px;gap: 10px;opacity: 0;transition: all .5s ease;margin: 8px;border-radius: 8px;transform: translateY(100px); }
.kf_notification.active-notification { bottom: 0;opacity: 1;transform: translateY(0); }
.kf_notification.deactive-notification { bottom: -100px;opacity: 0;transform: translateY(100px); }
.kf_notification > svg { width: 32px;height: 32px; }
.kf_notification > .details { text-align: left;font-family: system-ui; }
.kf_notification > .details > h4 { margin-top: 0;margin-bottom: 3px;font-size: 15px; }
.moderator-list { display:flex;flex-direction:column;gap:10px; }
.moderator { display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:5px; }
.moderator-photo { width:30px;height:30px;border-radius:50%;object-fit:cover; }
.moderator-name { flex-grow:1;margin-left:10px; }
.moderator-actions { display:flex;gap:5px; }
.moderator-button { background:0 0;border:none;cursor:pointer; }
.moderator-button svg { width:22px;height:22px;fill:currentColor; }
.moderator-button svg.ban-icon { color:red; }
.chat-header h2 { margin: 0;padding: 10px 0;font-size: 1.5rem; }
.progress-container { display: flex;align-items: center;margin-top: 20px;margin-bottom: 5px; }
.progress-bar.stream-state { flex: 1;height: 10px;background-color: #dfdfdf;border-radius: 5px;position: relative;overflow: hidden;box-shadow: inherit; }
.progress-bar.stream-state.likes { width: 100%;height: 5px; }
.progress-bar.stream-state .progress { height: 100%;background-color: #007bff !important;border-radius: 5px; }
.progress-text { margin-left: 10px;font-weight: bold;color: #333; }
.checkmark_live { display: inline-block;width: 20px;height: 20px;background-color: #e0e0e0;border-radius: 50%;text-align: center;line-height: 20px;margin-right: 10px;font-size: 14px;margin: 0 10px 0 0;visibility: visible; }
.steps-container { display: flex;flex-direction: column; }
.steps-container .step { display: flex;align-items: center;margin-top: 15px; }
.steps-container .step input[type="checkbox"] { display: none; }
.steps-container .step input[type="checkbox"]:checked + .checkmark_live { visibility: visible;background-color: #28a745 !important;color: white; }
.steps-container .step span { font-size: 15px;font-weight: var(--kf-font-weight); }
.input-container { margin-bottom: 20px; }
.input-container.create_type { margin-bottom: 10px; }
.input-container.create_type.category { position: relative; }
.input-container.active .dropdown-content { display: block; }
.who_state .post_details_form .input-field, .modal .input-field { width: 100%;padding: 12px 15px;border: 2px solid #ccc;border-radius: 4px;font-size: 16px;outline: none;transition: border 0.3s ease; }
.who_state .post_details_form .input-field:focus, .modal .input-field:focus { border: 2px solid var(--main); }
.who_state .post_details_form .input-field::placeholder, .modal .input-field::placeholder { color: #999; }
.dropdown-content { display: none;position: absolute;background-color: #fff;box-shadow: 0px 8px 16px rgba(0,0,0,0.2);z-index: 1;width: 100%;max-height: 200px;overflow-y: auto;border-radius: 4px;border: 1px solid #ccc; }
.tab-create-live .dropdown-item { display: flex;align-items: center;padding: 8px;cursor: pointer;transition: background-color 0.3s; }
.tab-create-live .dropdown-item img { width: 40px;height: 50px;margin-right: 10px; border-radius: 4px; }
.tab-create-live .dropdown-item span { font-size: 16px; }
.tab-create-live .dropdown-item:hover { background-color: #f1f1f1; }
.post_thumbnail_part .upload_title { font-size: 18px;font-weight: 500; }
.post_thumbnail_part > .thumbnail-container #fileInput { display: none; }
.go_live_button_container { display: flex;gap: 5px;border-top: 1px solid #ccc;padding: 10px;position: absolute;bottom: 0;width: 100%;height: 66px;background-color: #fff; }
.tab-create-live .go_live_button_container .go_live { width: 100%;background-color: var(--main);color: white;padding: 8px;border: none;border-radius: 8px;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease;display: flex;align-items: center;gap: 5px;justify-content: center;font-weight: var(--kf-font-weight); }
.tab-create-live .go_live_button_container .go_live svg { width: 28px;height: 28px; }
.tab-create-live .go_live_button_container .go_live:hover { background-color: var(--main-hover); }
.tab-create-live .go_live_button_container .go_live:disabled { background-color: #d5d5d5;color: #737373; }
.tab-create-live .go_live_button_container .go_live.isLive { background: #ff2e39; }
.tab-create-live .go_live_button_container .go_live.minify { width: auto; } 
.who_state.active[tab-type="stream_creation"] .go_live_button_container { display: block; }
.video_source_select { cursor: pointer;height: 7em;margin-bottom: 10px;border: 2px solid #d7d7d7;border-radius: 8px;display: flex;align-items: center;justify-content: center;width: 100%; }
.video_source_select > .bg-select-source { color: #000;background: #ddd;padding: 7px;border-radius: 50px; }
.video_source_select.selected { box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 12px, rgba(17, 17, 26, 0.01) 0px 1px 2px;border: 2px solid var(--main); }
.video_source_select.selected > .bg-select-source { background: var(--main);color: #fff; }
.input-live-setting:disabled { background-color: #fdfdfd;opacity: 1;border: 2px solid #ddd;height: 40px;border-radius: 8px; }
.handler_live { display: flex; position: absolute;z-index: 1; top: 12px; gap: 5px; right: 12px;color: white; opacity: 0;transition: opacity 0.3s; }
.hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 70px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.video-placeholder { position: relative; overflow: hidden;transition: height 0.3s; }
.video-placeholder.grid-mode { background: #000; }
.video-placeholder > canvas { display: none; }
.video-placeholder:hover > .handler_live { opacity: 1;transition: opacity 0.3s; }
.video-placeholder:hover > .hover-overlay { opacity: 1;transition: opacity 0.3s; }
.video-placeholder.cinematic { overflow: unset; }
.video-placeholder.cinematic canvas { z-index: -1;position: absolute;width: 100%;height: 100%;transform: scale(1);-webkit-filter: blur(100px);opacity: 0.75;transition: opacity 0.5s ease-in-out;top: 0; }
.handler_live.disabled_opacity { opacity: 1; }
.tab-contents { height: 100%; }
.tab-contents > .who_state { padding: 5px 13px;max-height: 100%; }
.tab-contents > .who_state .title_side { font-weight: var(--kf-font-weight);margin: 5px 0 15px 0; }
.tab-contents > .who_state .title_side.f-size { font-size: 18px; }
.tab-contents > .who_state .options_live_box { display: flex;gap: 10px;padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #eee; }
.tab-contents > .who_state .options_live_box .select_type_div { width: 100%; }
.stream_connect_info > .software_stream > .header_content { margin-bottom: 10px; }
.stream_connect_info > .software_stream > .header_content p { font-size: 18px;margin-bottom: 3px;color: #000; }
.stream_connect_info > .software_stream > .header_content span { color: #828282; }
.form-group.server_info { border-bottom: 1px solid #e1e1e1;padding-bottom: 15px;margin-bottom: 10px; }
.options_stream_info { display: flex;gap: 5px; }
.button_options_side { display: flex;gap: 5px;margin-top: 5px; }
.live_button_style { border: none;border-radius: 5px;padding: 0 15px;background: #c64d5330;color: var(--main) !important;font-weight: var(--kf-font-weight); }
.live_button_style.reset { height: 35px;width: 100%;background: #1ff2183d;color: #33ce1d !important; }
.live_button_style.copy { height: 35px;width: 100%; }
.live_button_style.schedule_live { width: 100%;height: 40px;gap: 8px;font-weight: var(--kf-font-weight);display: flex;align-items: center;justify-content: center; }
.live_button_style.default { height: 35px;width: 100%;background: #c64d5329;color: #c64d53 !important; }
.post_details_form .title { font-size: 18px;font-weight: 500; }
.post_details_form .user_privacy_live { display: flex;gap: 10px;align-items: center;margin-bottom:15px;margin-top: 5px; }
.post_details_form .user_privacy_live img { width: 32px;height: 32px;border-radius: 50px;margin-top: 5px; }
.post_details_form .user_privacy_live .user_info { display: grid; }
.post_details_form .user_privacy_live .user_info .username { margin: 0;font-size: 16px;font-weight: var(--kf-font-weight); }
.post_details_form .user_privacy_live .user_info .type_privacy { font-size: 13px;font-weight: 500;color: #535353; }
.yp_side_drawer:not(.sidebar-main) ul.sections li a { padding: 0; }
.yp_side_drawer .loading_overlay { background-color: rgba(0, 0, 0, 0.5);position: absolute;height: 100%;width: 100%;top: 0;z-index: 2;display: flex;align-items: center;justify-content: center; }
.option-container { margin-bottom: 20px; }
.option-container .option-label { width: 100%;position: relative;font-size: 16px;font-weight: var(--kf-font-weight);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 50px; }
.option-container .switch-button { position: absolute;opacity: 0;width: 34px;height: 20px;right: 0;top: 50%;transform: translateY(-50%);margin: 0; }
.option-container .switch-slider { position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 34px;height: 20px;background-color: #ccc;border-radius: 34px;cursor: pointer;transition: 0.4s; }
.option-container .switch-slider:before { position: absolute;content: "";height: 12px;width: 12px;background-color: white;border-radius: 50%;bottom: 4px;left: 4px;transition: 0.4s; }
.option-container .switch-button:checked + .switch-slider { background-color: #4caf50; }
.option-container .switch-button:checked + .switch-slider:before { transform: translateX(14px); }
.option-description { font-size: 12px;color: #666;margin-top: 5px; }
.publisher-avatar { width: 65px;height: 65px;position: relative; }
.publisher-avatar img { width: 100%;height: 100%;border-radius: 50%;object-fit: cover; }
.live-indicator { position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);background-color: #eb0400;color: white;font-size: var(--kf-font-size-badge);padding: 0px 0.5rem;font-weight: 600;border-radius: 5px;text-align: center;white-space: nowrap; }
.thumbnail-container { width: 100%;height: 175px;border: 2px dashed #cbcbcb;border-radius: 10px;display: flex;flex-direction: column;margin-top: 5px;margin-bottom: 15px;justify-content: center;align-items: center;text-align: center;padding: 20px;position: relative;cursor: pointer; }
.circle { width: 60px;height: 60px;background-color: #e7e7e7;border-radius: 50%;display: flex;justify-content: center;align-items: center; }
.thumbnail-text { margin-top: 10px;color: #333;font-size: 14px;font-family: Arial, sans-serif; }
.thumbnail-image-container { display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;overflow: hidden; }
.thumbnail-image { width: 100%;height: 100%;object-fit: cover;border-radius: 10px; }
.remove-thumbnail { position: absolute;top: 5px;right: 5px;background-color: rgb(10 10 10 / 38%);border: none;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;padding: 5px;border-radius: 50%;width: 30px;height: 30px;text-align: center;display: flex;justify-content: center;align-items: center; }
.tags-container { display: flex;flex-wrap: wrap;gap: 5px;margin-top: 10px;margin-bottom: 10px; }
.tag { background-color: #cccccc;border-radius: 50px;padding: 3px 8px;display: flex;align-items: center;font-weight: 600;color: #333; }
.tag .remove-tag { background-color: transparent;border: none;color: #333;margin-left: 5px;height: 20px;cursor: pointer;padding: 0;display: flex;align-items: center;font-size: 16px; }
.tag .remove-tag > svg { margin-top: 1px; }
.post_padding { padding: 0 10px;margin-top: 10px; }
.schedule_live_flex { cursor: pointer;transition: background 0.1s;display: flex;align-items: center;justify-content: space-between;padding: 5px;border-radius: 4px; }
.schedule_live_flex:hover { background: #fbfbfb; }
.schedule_live_flex > .cover_task { display: flex;align-items: center;gap: 10px; }
.schedule_live_flex > .cover_task img { width: 50px;height: 50px;object-fit: cover;border-radius: 5px; }
.schedule_live_flex > .cover_task > .desc span.title { font-size: 19px;font-weight: 600;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.schedule_live_flex > .cover_task > .desc span.description { color: #858585;font-size: 13px; }
.schedule_live_flex svg { color: #c64d53; }
.go_live_dropdown { display: none;box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);position: absolute;bottom: 65px;left: 0;width: 100%;background-color: #fff;z-index: 10;border-top-left-radius: 20px;border-top-right-radius: 20px; }
.go_live_dropdown ul { list-style: none;margin: 0;padding: 10px; }
.go_live_dropdown ul li { display: flex !important;align-items: center;gap: 10px;cursor: pointer; }
.go_live_dropdown ul li > .desc_option span:not(.fsize) { font-size: 18px;font-weight: 600; }
.go_live_dropdown ul li > .desc_option span .fsize { font-size: 13px; }
.poll-form-container { position: absolute;bottom: 65px;background-color: #fff;padding: 10px;width: 100%;border-top-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); }
.poll-form-container.loading-task { display: flex;justify-content: center; }
.poll-form-container > #poll-form { display: block; }
#add-option-btn { background-color: #e9e9e9;color: #696969;padding: 8px 10px;border: none;border-radius: 50px;cursor: pointer;font-weight: 600; }
.options-button-flex .button_default { border: none;color: #c64d53;background: #c64d5329;font-weight: 600;border-radius: 50px;cursor: pointer;padding: 8px 10px; }
.options-button-flex .button_default:hover { background-color: #c64d5329; }
.options-button-flex button.remove-option { color: #ed2929;padding: 2px 2px;border: none;border-radius: 5px;cursor: pointer; }
.options-button-flex .button_default.w-full { margin-top: 5px;width: 100%; }
.form-options-poll { position: relative;margin-bottom: 10px; }
.form-options-poll input { width: 100%;border: none;border-radius: 4px;background: #f1f1f1;padding: 8px 35px 8px 10px;font-weight: 600;position: relative; }
.form-options-poll input:focus { outline: none;border-bottom: 2px solid #c64d53; }
.dropdown-options { position: absolute;top: 100%;left: 0;width: 100%;max-height: 200px;overflow-y: auto;background-color: white;border-radius: 8px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);z-index: 1000;display: none; }
.dropdown-options div { padding: 10px;cursor: pointer;transition: background-color 0.3s ease-in-out; }
.dropdown-options div:hover { background-color: #f1f1f1; }
.dropdown-options div.selected { background-color: #e0e0e0; }
.form-options-poll .poll_custom { border-bottom: 2px solid #c1c1c1;border-radius: 0;background: transparent;padding: 8px 5px 8px 5px;margin-bottom: 5px; }
.form-options-poll .remove-option { position: absolute;right: 5px;top: 50%;transform: translateY(-50%);background: none;border: none;padding: 0;cursor: pointer; }
.form-options-poll .remove-option svg { fill: #dc3545;width: 18px;height: 18px; }
.form-options-poll .remove-option:hover svg { fill: #c82333; }
.options-button-flex { margin-top: 10px; }
.options-button-flex .flex-options { align-items: center;gap: 5px; }
.submit_pool_close { color: #c64d53;background: #c64d5329;align-items: center;gap: 5px;width: 100%;border: none;padding: 8px;justify-content: center;border-radius: 4px;margin-top: 5px; }
.submit_pool_close svg { width: 20px;height: 20px; }
.payment_wallet_details .select_payment_withdraw { cursor: pointer;display: flex;align-items: center;border-radius: 8px;padding: 15px;text-align: left;gap: 10px;margin-bottom: 10px;position: relative;transition: border-color 0.3s, background-color 0.3s; }
.payment_wallet_details .select_payment_withdraw.create { background: #f9f9f9; }
.payment_wallet_details .select_payment_withdraw.is_active { border: 2px solid #dcdcdc; }
.payment_wallet_details .select_payment_withdraw .check-round { width: 20px;height: 20px;border: 2px solid #dcdcdc;border-radius: 50%;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;transition: background-color 0.3s, border-color 0.3s; }
.payment_wallet_details .select_payment_withdraw .check-round::before { content: '';width: 12px;height: 12px;background-color: transparent;border-radius: 50%;transition: background-color 0.3s; }
.payment_wallet_details .select_payment_withdraw.selected { border-color: #49a2ff; }
.payment_wallet_details .select_payment_withdraw.selected .check-round { border-color: #49a2ff; }
.payment_wallet_details .select_payment_withdraw.selected .check-round::before { background-color: #49a2ff; }
.payment_wallet_details .select_payment_withdraw > .svg svg { width: 40px;height: 40px; }
.payment_wallet_details .select_payment_withdraw > .user_payment_info .pay_name { font-size: 20px;font-weight: 600; }
.payment_wallet_details .select_payment_withdraw > .user_payment_info p { margin: 0;font-size: 15px; }
.payment_wallet_details .select_payment_withdraw.mb-20 { margin-bottom: 20px; }
.payment_wallet_details .button_default { display: flex;align-items: center;gap: 5px;width: 100%;padding: 10px;justify-content: center;border: none;background: #49a2ff;border-radius: 8px;font-size: 17px;color: #fff; }
.payment_wallet_details .button_default svg { width: 30px;height: 30px; }
.payment_wallet_details .button_default.success { background: #65c64d; }
.payment_wallet_details .button_default:disabled { background: #efefef;color: #000; }
.payment_wallet_details .button_default.mb-10 { margin-bottom: 10px; }
.payment_wallet_details .button_default.bg-default { background: #efefef;color: #000; }
.payment_wallet_details .save_payment_method { background-color: #2891ff29;color: #1787fb;padding: 10px 15px;border: none;border-radius: 8px;cursor: pointer;font-size: 16px;transition: background-color 0.3s; }
.payment_wallet_details .save_payment_method:disabled { background-color: #efefef;color: #000;cursor: not-allowed; }
.payment_wallet_details select, .payment_wallet_details input { margin: 0; }
.payment_wallet_details .payment_form .select_container { margin-bottom: 10px; }
.payment_wallet_details .payment_form .select_container .flex { display: flex;gap: 10px; }
.payment_wallet_details .payment_form .form_label { font-weight: 500;font-size: 16px; }
.hidden { display: none; }
.payment_form {text-align: left;margin-top: 20px;margin-bottom: 15px; }
.form_label { display: block;font-size: 14px;font-weight: bold;margin-bottom: 5px;color: #333333; }
.input_select, .input_field { width: 100%;padding: 10px;margin-bottom: 20px;border: 2px solid #dcdcdc;border-radius: 8px;font-size: 16px;background-color: #f9f9f9;transition: border-color 0.3s; }
.input_select:focus, .input_field:focus { border-color: #c64d53;outline: none;background-color: #ffffff; }
.info_history_column { display: flex;gap: 10px;margin-bottom: 10px;font-weight: bold;color: #333;justify-content: space-between; }
.info_history_column span { text-align: center;width: 100%; }
.withdrawal-item { margin-bottom: 15px;background-color: #fff; }
.withdrawal-item > .withdrawal-info { width: 100%;display: flex;justify-content: space-between; }
.withdrawal-item > .withdrawal-info p { width: 100%;margin: 0;padding: 8px;font-size: 15px;color: #333;text-align: center; }
.badge { display: inline-block;padding: 5px 10px;border-radius: 20px;text-align: center;font-size: 12px;font-weight: bold; }
.badge[style*="lightgreen"] { background-color: lightgreen;color: green; }
.badge[style*="lightcoral"] { background-color: lightcoral;color: red; }
.badge[style*="lightyellow"] { background-color: lightyellow;color: orange; }
.badge[style*="gray"] { background-color: gray;color: white; }
.kf_get_superchats { padding: 5px 10px 5px; }
.kf_get_superchats.p-none { padding: 0; }
.kf_get_superchats > .header > .info { display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px; }
.kf_get_superchats > .header > .info > .span { display: flex;flex-direction: column; }
.kf_get_superchats > .header > .info > .span .balance_title { color: #838383; }
.kf_get_superchats > .header > .info > .span .balance_number { font-size: 18px;font-weight: 600; }
.kf_get_superchats > .header > .info .back { cursor: pointer; }
.kf_get_superchats > .header > .options .get_withdraw_superchat { border: none;padding: 3px 10px;border-radius: 50px;color: #c64d53 !important;background: #c64d5329;font-weight: var(--kf-font-weight);margin-bottom: 5px; }
.kf_get_superchats > .header > .options .get_withdraw_history { border: none;padding: 3px 10px;border-radius: 50px;color: #4dc67e !important;background: #4dc65c29;font-weight: 600; }
.kf_superchat_lists { margin-top: 15px; }
.kf_superchat_lists > .recipient-superchat { display: flex;align-items: center;gap: 7px;margin-bottom: 10px; } 
.kf_superchat_lists > .recipient-superchat img { width: 30px;height: 30px;border-radius: 50px; }
.kf_superchat_lists > .recipient-superchat > .superchat-desc { display: flex;flex-direction: column; }
.kf_superchat_lists > .recipient-superchat > .superchat-desc .main { font-size: 17px;font-weight: var(--kf-font-weight); }
.kf_superchat_lists > .recipient-superchat > .superchat-desc .date { font-size: 13px;color: #858585; }
.kf_superchat_lists .gross-amount { text-decoration: line-through;opacity: 0.6;margin-right: 4px;font-weight: 400; }
.kf_superchat_lists .net-amount { font-weight: 600;color: #4caf50; }
.control-container { position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;z-index: 10;margin-bottom: 20px; }
.control-button { padding: 20px;border: none;border-radius: 50%;background: rgba(0, 0, 0, 0.5);color: white;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: 0.1s background; }
.control-button:hover { background: rgba(0, 0, 0, 0.7); }
.tab-dashboard { display: flex;align-items: center;justify-content: space-between;padding-right: 15px;padding-left: 15px;margin-bottom: 10px; }
.tab-dashboard > .title { font-size: 17px;font-weight: var(--kf-font-weight); }
.tab-dashboard > .back { cursor: pointer; }
.tab-dashboard > .back svg { width: 24px;height: 24px; }
.kfrtc_box_left { position: fixed;bottom: 10px;right: 10px;width: 220px;height: auto;z-index: 1000;border-radius: 8px;overflow-y: auto;transition: right 0.3s ease-in-out;text-align: right; }
.kfrtc_box_left .guest-box { width: 100%; height: auto;border-radius: 8px; }
.kfrtc-tilebox { position: absolute;overflow: hidden;animation: 0.75s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running delayedFadeIn;transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1), left 0.5s cubic-bezier(0.4, 0, 0.2, 1), right 0.5s cubic-bezier(0.4, 0, 0.2, 1), bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1), width 0.5s cubic-bezier(0.4, 0, 0.2, 1), height 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.kfrtc-tilebox > .video-box { width: 100%;height: 100%;background: rgb(0 0 0);object-fit: cover;overflow: hidden; }
.kfrtc_dropdown { position: absolute;width: auto;background: white;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 10px;z-index: 1000;color: #535353; }
.kfrtc_dropdown .flex { display: flex;flex-direction: column;justify-content: center;color: #000; }
.kfrtc_dropdown .flex svg { width: 100%; }
.kfrtc_dropdown .flex .title { font-size: 18px;font-weight: 600; }
.kfrtc_dropdown .flex .desc { font-size: 13px;color: #606060; }
.kfrtc_dropdown ul { list-style: none;margin: 0;padding: 0; }
.kfrtc_dropdown li { gap: 20px;color: #000 !important;padding: 8px 5px;cursor: pointer;border-radius: 4px; }
.kfrtc_dropdown li:hover { background-color: #f0f0f0; }
.kfrtc_dropdown .container_mask_dropdown { margin-bottom: 10px; }
.action_dropdown { padding: 5px 10px;background: #c64d531f;color: #c64d53;border-radius: 4px; }
.go_pro_container { display: flex;flex-direction: column; }
.go_pro_container .go_pro_svg { width: 100%; }
.go_pro_container .go_pro_title { font-size: 20px;font-weight: 600;margin-top: 10px;margin-bottom: 5px; }
.go_pro_container .alert-modal { margin: 20px 0 0 0;padding: 10px;border-radius: 8px; }
.go_pro_container button { display: flex;align-items: center;background: #c64d53;color: #fff;gap: 10px;justify-content: center;margin-top: 20px; }
.go_pro_container button:hover { color: #fff; }
.modal-body > .content_modal { display: flex;overflow-y: auto;gap: 15px;height: 100%;max-height: 350px; }
.modal-body > .content_modal > .icon { border-right: 1px solid #d3d3d3;height: 100%;padding: 0 25px; }
.modal-body > .content_modal > .info > .contain { display: flex;flex-direction: column;gap: 5px;margin-bottom: 30px; }
.modal-body > .content_modal > .info > .contain .title { font-size: 23px; }
.modal-body > .content_modal > .info > .contain .description { color: #656565; }
.modal-body > .content_modal > .info > .view_render > .error_details > div { margin-bottom: 6px; }
.modal-body > .content_modal > .info > .view_render { border: 1px solid #d7d7d7;padding: 10px;border-radius: 10px; }
.modal-body > .content_modal > .info > .view_render > .alert_modal { display: flex;gap: 10px;padding: 10px;background: #ffd773;border-radius: 5px;margin-top: 15px; }
.modal-body > .content_modal > .info > .view_render > .alert_modal a { color: #2470ff; }

/* Timeline */
.chat-box { height: 100%;min-height: 0;flex-shrink: 1;-webkit-box-flex: 1;flex-grow: 1;display: flex;flex-direction: column;overflow-y: auto; scroll-behavior: smooth;width: 100%; }
.chat-box > .chat-content { display: flex;overflow-y: auto;flex-flow: column;position: relative;-webkit-box-flex: 1;flex-grow: 1;height: 100%;padding: 10px 10px;scrollbar-width: thin; scrollbar-color: transparent transparent; }
.chat-box > .chat-content::-webkit-scrollbar { width: 10px; }
.chat-box > .chat-content::-webkit-scrollbar-track { background: transparent; }
.chat-box > .chat-content::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; }
.chat-box > .chat-content:hover { scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0); }
.chat-box > .chat-content:hover::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); }
.chat-box > .chat-content:hover::-webkit-scrollbar-track { background: transparent; }
.chat-box > .chat-content.remove_overflow { overflow-y: auto; }
.chat-box > .chat-input > .options-streamchat { margin-top: 5px;justify-content: right;display: flex;align-items: center; }
.chat-box > .chat-input > .options-streamchat .chat-options-button { color: rgb(57 52 52);cursor: pointer;transition: 0.1s background;padding: 3px;border-radius: 5px; }
.chat-box > .chat-input > .options-streamchat .chat-options-button.distance { margin-left: 3px; }
.chat-box::-webkit-scrollbar { width: 8px; }
.chat-box::-webkit-scrollbar-track { background: #1e1e1e; }
.chat-box::-webkit-scrollbar-thumb { background: #555;border-radius: 4px; }
.chat-box::-webkit-scrollbar-thumb:hover { background: #777; }
.stream-nav-tab > .handler-chat-container.replay { height: 100%; }
.stream-nav-tab > .handler-chat-container > .message-adapter { display: flex;padding: 10px;background: #fcfcfc;border-radius: 8px;color: #000;gap: 8px; }
.stream-nav-tab > .handler-chat-container > .message-adapter svg { width: 60px;height: 28px; }
.stream-nav-tab > .handler-chat-container.replay > :first-child { margin: var(--kf-replay-margin) 0 10px 0; }
.chat-options-button:hover { background: #ebebeb; }
.video-placeholder.buffering .buffered_loading { display: flex;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);justify-content: center;align-items: center;width: auto; }
.video-placeholder.buffering .buffered_loading .donut { z-index: 1; }
.dropdown-social { padding: 8px !important; }
.social_share_live { display: flex;margin-top: 10px;font-weight: 600;gap: 5px; }
.social_tag { text-align: center; }
.social_tag > .bg_social { cursor: pointer;width: 70px;margin-bottom: 5px; }
.social_tag > .bg_social svg { width: 30px;height: 30px; }
.poll-vote-container { width: 100%;display: flex;flex-direction: column;gap: 10px;margin-bottom: 10px; }
.poll-option { display: flex;align-items: center;justify-content: space-between;padding: 10px;background: #f9f9f9;border-radius: 8px;cursor: pointer;transition: background 0.2s;position: relative;}
.poll-option:hover { background: #f0f0f0; }
.vote-trophy { z-index: 1;margin-right: 5px; }
.vote-trophy svg { width: 24px;height: 24px; }
.vote-circle { width: 20px;height: 20px;border: 2px solid #ccc;border-radius: 50%;margin-right: 10px;flex-shrink: 0;background: #fff;display: flex;align-items: center;justify-content: center;transition: background 0.2s, border-color 0.2s;z-index: 1;position: relative; }
.poll-option.active .vote-circle { background: #c64d53;border-color: #c64d53; }
.vote-circle::after { content: '';display: block;width: 10px;height: 10px;background: #fff;border-radius: 50%;transition: background 0.2s; }
.poll-option.active .vote-circle::after { background: #fff; }
.option-text { flex-grow: 1;font-size: 16px;font-weight: bold;color: #333;z-index: 1; }
.vote-stats { font-size: 14px;color: #666;z-index: 1; }
.progress-overlay { position: absolute;bottom: 0;left: 0;height: 100%;background-color: #e7e7e7;z-index: 0;width: 0%;border-radius: 8px 0 0 8px;transition: width 0.3s ease; }
.stream-nav-tab > .handler-chat-container .vote-current-poll { top: 0;left: 0;position: absolute;width: calc(100% - 16px);cursor: pointer;z-index: 3;background: #ffffff;border-radius: 10px;margin: 8px 8px;padding: 10px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .vote-header > .block .poll-status { font-size: 13px;color: #a3a3a3; }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .vote-header { display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px; }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .vote-header > .block h5 { margin-top: 5px;margin-bottom: 0;font-size: 17px;font-weight: 600; }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .vote-button { padding: 5px 13px;border: none;border-radius: 5px;background: #c64d53;color: #fff;font-weight: 600; }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .vote-button.voted { opacity: 0.6;margin-right: 10px; }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .time-bar-container { width: 100%;height: 4px;background-color: #ccc; border-radius: 10px;overflow: hidden;position: relative;margin-top: 10px; }
.stream-nav-tab > .handler-chat-container .vote-current-poll > .time-bar-container > .time-bar { width: 0%;height: 100%;background-color: #c64d53;transition: width 0.1s linear;border-radius: 10px; }
.stream-nav-tab > .handler-chat-container .vote-current-poll.vote-structure { position: relative;padding: 0;border: none;box-shadow: inherit;margin: 0;width: auto; }
.select_date_schedule { margin-top: 5px; }
.select_date_schedule span { font-size: 16px; }
.select_date_schedule > .input-container { margin-top: 3px; }
.live_more_stable { margin-left: 30px;margin-right: 30px;border-radius: 10px;padding: 18px;background: #d7d7d7;  }
.mention-option { display: flex;align-items: center;padding: 8px 12px;border-radius: 4px;cursor: pointer; }
.mention-option:hover { background-color: #f5f5f5; }
.mention-option img { width: 24px;height: 24px;border-radius: 50%;margin-right: 8px; }
.mention-option .moderator-badge { margin-left: auto;background: #1387ff;color: white;padding: 2px 6px;border-radius: 3px; font-size: 12px; }
.category-live { display: flex;gap: 5px; }
.category-live span { background: rgb(169 169 169 / 38%);padding: 2px 12px;color: #616161;font-weight: 600;border-radius: 50px; }
.users-list { padding: 5px 0 10px 0; }
.users-list > .user-list-recipient { cursor: pointer;transition: 0.1s background, 0.1s display;display: flex;align-items: center;justify-content: space-between;background: #fff;border-radius: 4px;padding: 7px;gap: 10px; }
.users-list > .user-list-recipient:hover { background: #f5f5f5; }
.users-list > .user-list-recipient > .user_select_list { gap: 10px;display: flex;align-items: center; }
.users-list > .user-list-recipient > .user_select_list img { width: 30px;height: 30px;border-radius: 50px; }
.users-list > .user-list-recipient:hover .options-user-list { display: flex; }
.options-user-list { gap: 5px;display: none; }
.popup-options { position: absolute;background-color: white;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding: 10px;display: none;z-index: 100; }
.popup-options .option { padding: 5px 10px;cursor: pointer; }
.popup-options .option:hover { background-color: #f0f0f0; }
#chat-content { height: 100%;display: flex;justify-content: center;align-items: center; }
.stream-nav-tab .chat_popup { width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-family: system-ui;color: #474747; }
.stream-nav-tab .chat_popup h4 { margin-top: 10px;margin-bottom: 5px;font-weight: 600; }
.stream-nav-tab .chat_popup svg { color: #5b5b5b; }
.stream-nav-tab .chat_popup > .status_ban { width: 100%;padding: 0 10px; }
.requestUnban { color: #c64d53 !important;background: #c64d532e;font-weight: 600;transition: 0.1s background;margin-top: 10px; }
.requestUnban:hover { color: #c64d53;background: #c64d533b; }
.requestUnban:active { color: #c64d53; }
.label_chatcase { display: flex;align-items: center;margin: 0px 0px -1px 0;background: #efeff1;border-top-left-radius: 8px;gap: 5px;border-top-right-radius: 8px;border-top: 1px solid rgba(173, 173, 184, 0.35);font-weight: 600;color: #53535f;border-left: 1px solid rgba(173, 173, 184, 0.35);border-right: 1px solid rgba(173, 173, 184, 0.35);padding: 2px 4px 5px 4px; }
.margin-label { margin: 5px; }
.chat-input-divider > .progress-slow { position: relative;display: flex;width: 100%;height: 5px;background: #dfdfdf;margin-top: -5px; }
.chat-input-divider > .progress-slow > .progress-tab { background: var(--main); }
.deleted-text { color: #7d7d7d;font-style: italic; }
.community_tab_main { padding: 10px 8px;height: 100%; }
.community_tab_main > .streamer-filter .header-tab { display: flex;align-items: center;justify-content: space-between;padding: 5px;font-weight: 600;cursor: pointer; }
.community_tab_main > .streamer-filter .primary { display: flex;align-items: center;gap: 10px; }
.community_tab_main > .streamer-filter .primary .streamer-tag { color: #fff;background: #ff2222;padding: 2px;border-radius: 4px; }
.community_tab_main.hidden-tab { display: none; }
.community_tab_main.open-tab { display: block; }
.chat-box.hidden-tab { display: none; }
.chat-box.open-tab { display: flex; }
.search-viewers-timeline { margin-bottom: 5px;border-bottom: 1px solid #d5d5d5;padding-bottom: 10px; }
.search-viewers-timeline.input-div.dashboard { padding: 10px 10px 10px 10px; }
.new_livechat_turn { padding: var(--kf-chat-recipient-padding);display: flex;-webkit-box-align: center;align-items: center; }
.new_livechat_turn > .border_top { border-top: 1px solid #971311;-webkit-box-flex: 1;flex-grow: 1;margin-right: 1rem; }
.new_livechat_turn > .new_allow { display: inline-flex; }
.new_livechat_turn > .new_allow span { color: #971311; }
.status_ban p { font-weight: 600;margin-top: 10px;background: #f7f7f7;border-radius: 4px;padding: 5px 0 5px 0px;color: #000; }
.status_ban > .text-area textarea { border: none;resize: none;width: 100%;padding: 10px 10px 15px;background: #f3f3f3;border-radius: 8px;margin-top: 10px;margin-bottom: 5px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions { position: absolute;z-index: 1040;transition: transform 0.1s ease, top 0.1s ease;bottom: 65px;left: 0;margin: 0 8px;width: calc(100% - 16px);background: #fff;border: 1px solid #e3e3e3;border-radius: 5px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.show { transform: translateY(0); }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.hide { transform: translateY(100%); }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions .mb-min { margin-top: 10px !important; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.loading_default { justify-content: center;display: flex;align-items: center;height: 200px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions > .superchat-form { padding: 10px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions > .header_option { display: flex;align-items: center;gap: 10px;padding: 5px 10px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions > .header_option > .close_choose { transition: 0.1s background;border-radius: 50px;padding: 4px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions > .header_option > .close_choose:hover { background: #ededed; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions > .header_option h4 { margin: 0; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.kf_mobile_tab { bottom: 0;border-radius: 0;margin: 0;width: 100%;top: 0;border-top-left-radius: 20px;border-top-right-radius: 20px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.kf_mobile_tab > .superchat-form { padding: 0 10px !important; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.kf_mobile_tab > .header_option { display: flex !important; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions.kf_mobile_tab.absolute { position: absolute; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions .btn_send_donate { width: 100%;margin-top: 10px;font-weight: 500;background: #1693ff;color: #fff;padding: 9px;transition: background 0.1s;border: none;border-radius: 50px; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions .btn_send_donate:hover { color: #fff;background: #3293e7; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions .btn_send_donate:active { background: #3293e7;opacity: 0.8; }
.stream-nav-tab > .stream-footer-chat > .kf_live_superoptions .btn_send_donate.not_allowed { background: #d9d9d9;color: #323232; }
.superotions_part > .option_selection { cursor: pointer;padding: 0 10px;transition: 0.1s background; }
.superotions_part > .option_selection:hover { background: #f1f1f1; }
.superotions_part > .option_selection { display: flex;align-items: center;justify-content: space-between; }
.superotions_part > .option_selection > .go_info { gap: 10px;display: flex;align-items: center; }
.superotions_part > .option_selection > .go_info img { width: 60px;height: 60px; }
.superotions_part > .option_selection > .go_info > .text p { margin-bottom: 0;font-size: 16px; }
.superotions_part > .option_selection > .go_info > .text span { font-size: 13px;color: #8b8b8b; }
.superchat-preview { padding: 10px;margin-top: 20px;border-radius: 5px;text-align: center;color: white;transition: background-color 0.3s; }
.what-comment-superchat { padding: 10px;border-radius: 12px;margin-top: 20px;color: #fff;transition: background-color 0.3s; }
.what-comment-superchat .header { display: flex;align-items: center;gap: 8px; }
.what-comment-superchat .header img { border-radius: 50px;width: 40px;height: 40px; }
.superchat-form .range-item { position: relative;width: 100%; }
.superchat-form .range-item .range-line {
  position: absolute;
  height: 4px;
  width: 100%;
  background-color: #ddd;
  z-index: 0;
  border-radius: 50px;
  overflow: hidden;
  margin: 0;
}
.superchat-form .range-item .range-line.day-static { background-color: #ddd !important; }
.superchat-form .range-item .range-input { position: relative;height: 4px; }
.superchat-form .range-item .range-input .form-range { width: 100%;height: 4px;padding: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent; }
.superchat-form .range-item .range-input input { position: absolute;z-index: 2;cursor: pointer;width: 100%; }
.superchat-form .range-item .range-input input:disabled ~ .dot-line .active-dot { background-color: #d9d9d9;border: 4px solid #b1b1b1; }
.superchat-form .range-item .range-input .dot-line { position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;z-index: 1; }
.superchat-form .range-item .range-input .active-dot { display: block;position: absolute;width: 18px;height: 18px;top: 50%;left: 0;transform: translateY(-50%);cursor: pointer;z-index: 1;border-radius: 50%;background-color: #1b8fd5;transition: left 0.3s ease;margin-left: -10px; }
.superchat-form .range-item .range-input .range-line .active-line { position: absolute;left: 0;width: 0;height: 100%;background-color: #1b8fd5;transition: width 0.3s ease; }
.superchat-form .range-item ul { display: flex;justify-content: space-between;width: 100%;height: 4px;margin: 0; }
.superchat-form .range-item ul .list-inline-item { padding-left: 0 !important; }
.superchat-form .range-item ul .list-inline-item span { position: relative;text-align: center;display: block;font-size: 14px;color: #b1b1b1; }
.superchat-form .range-item ul .list-inline-item span::before { content: "";position: absolute;display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #696969; }
.superchat-form .range-item ul .list-inline-item.active span::before { background-color: white; }
.superchat-form .range-item > .separate-range { margin-bottom: 10px; }
.superchat-form .currency-input { display: flex;align-items: center;gap: 5px;padding: 5px 10px;border-radius: 5px;justify-content: center; }
.superchat-form .currency-symbol { font-size: 25px;color: #333; }
.superchat-form .mb-bottom { margin-bottom: 10px; }
input[type="range"]::-moz-range-thumb { -webkit-appearance: none;appearance: none;margin-top: -8px;background-color: #0000;height: 15px;width: 15px;border: 4px solid #0000;z-index: 11;box-shadow: none; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none;appearance: none;margin-top: -8px;background-color: #0000;height: 24px;width: 24px;border: 4px solid #0000;box-shadow: none;z-index: 11; }
input[type="range"]::-webkit-slider-runnable-track { background-color: #f0f0f000; }
input[type="range"]::-moz-range-progress { background-color: #f0f0f000; }
input[type="range"]::-ms-track { background-color: #f0f0f000; }
input[type="range"]::-moz-range-track { background-color: #f0f0f000; }
input[type="range"]::-ms-fill-lower { background-color: #f0f0f000; }
input[type="range"]::-ms-fill-upper { background-color: #f0f0f000; }
input[type="range"]:focus::-webkit-slider-thumb { box-shadow: none !important;background-color: #f0f0f000; }
input[type="range"]:focus::-moz-range-thumb { box-shadow: none !important;background-color: #f0f0f000; }
input[type="range"]:focus::-ms-thumb { background-color: #f0f0f000;box-shadow: none !important; }
input[type="range"]:disabled::-webkit-slider-thumb { background-color: #0000;border: 4px solid #0000; }
input[type="range"]:disabled::-moz-range-thumb { background-color: #0000;border: 4px solid #0000; }
.input-amount { width: 55px;border: none;border-bottom-width: medium;border-bottom-style: none;border-bottom-color: currentcolor;padding: 5px;text-align: center;-moz-appearance: textfield;border-bottom: 1px solid #979797;font-size: 20px; }
.currency-type { font-size: 25px;color: #333; }
.paid-details { display: flex;align-items: center;justify-content: space-between; }
.paid-details svg { color: #a8a8a8; }
.donation-color-1 .name_header { color: rgba(255, 255, 255, 0.7); }
.donation-color-1 #messageInputContainer { background: transparent; }
.donation-color-2 .name_header { color: rgba(0,0,0,0.7019607843137254); }
.donation-color-2 .value_header { color: rgba(0,0,0,1) !important; }
.donation-color-2 #messageInputContainer { background: #00e5ff40; }
.donation-color-5 .name_header { color: rgba(0,0,0,0.5411764705882353); }
.donation-color-5 .value_header { color: rgba(0,0,0,1) !important; }
.donation-color-5 #messageInputContainer { background: #1de9b640; }
.donation-color-10 .name_header { color: #0000008a; }
.donation-color-10 .value_header { color: rgba(0,0,0,1) !important; }
.donation-color-10 #messageInputContainer { background: #ffca2840; }
.donation-color-20 .name_header { color: rgba(255,255,255,0.7019607843137254); }
.donation-color-20 .value_header { color: rgba(255,255,255,0.8745098039215686) !important; }
.donation-color-20 #messageInputContainer { background: #f57c0040; }
.donation-color-50 .name_header { color: rgba(255,255,255,0.7019607843137254); }
.donation-color-50 .value_header { color: rgba(255,255,255,1) !important; }
.donation-color-50 #messageInputContainer { background: #e91e6340; }
.donation-color-100 .name_header { color: rgba(255,255,255,0.7019607843137254); }
.donation-color-100 .value_header { color: rgba(255,255,255,1) !important; }
.donation-color-100 #messageInputContainer { background: #e6211740; }
.kf_paid_slider { display: flex;align-items: center;position: relative;overflow: hidden;width: 100%; }
.kf_paid_received { display: flex;gap: 10px;overflow: hidden;scroll-behavior: smooth;transition: transform 0.3s ease; }
.donation_item { min-width: 200px;background: #f0f0f0;padding: 10px;border-radius: 5px;text-align: center; }
.arrow { background: none;border: none;cursor: pointer;display: none;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;z-index: 2;transition: 0.1s display; }
.slider:hover .arrow { display: flex; }
.left { left: 0;background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); }
.right { right: 0;background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
.right.hide { display: none !important; }
.slider { --slider-padding: 1rem;--slider-column-gap: 1rem;--slide-width: 25%;--slide-min-width: 5rem;position: relative;padding: 6px;border-bottom: 1px solid #ddd; }
.slider__track { display: flex;overflow-x: auto;scroll-snap-type: x mandatory;padding-inline: var(--slider-padding);scroll-behavior: smooth;list-style-type: none;padding: 0;margin-right: calc(var(--slider-column-gap) * -1);scrollbar-width: none;margin: 0;gap: 8px; }
.slider__track > * { min-width: var(--slide-min-width);scroll-snap-align: start;scroll-snap-stop: always; }
.slider__track::-webkit-scrollbar { display: none; }
.slider__buttons { margin-top: 1rem; }
.slider__buttons [disabled] { opacity: 0.5; }
.slide { display: flex;align-items: center;justify-content: center;width: 100%;aspect-ratio: 1;border-radius: 1rem;background: #6c5ce7;color: #a29bfe;font-size: 3rem;font-weight: 700; }

/* garante que o pai não colapse */
.stream-nav-tab > .handler-chat-container .kf_box_paid, .who_state .chat-box .kf_box_paid { position: relative;display: block;box-sizing: border-box;width: 100%;margin-bottom: 10px;cursor: pointer;z-index: 3;padding: 0;border-radius: 10px;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);font-family: system-ui;overflow: hidden;min-height: 66px;transition: min-height .18s ease, padding .18s ease; }
.stream-nav-tab > .handler-chat-container .kf_box_paid > .kf_box_content, .who_state .chat-box .kf_box_paid > .kf_box_content { display: flex;gap: 8px;align-items: center;margin-bottom: 5px;padding: 13px;position: relative;z-index: 1;min-height: 40px; }
.stream-nav-tab > .handler-chat-container .kf_box_paid > .kf_box_content img, .who_state .chat-box .kf_box_paid > .kf_box_content img { width: 40px;height: 40px;border-radius: 50px;margin-right: 5px; }
.stream-nav-tab > .handler-chat-container .kf_box_paid > .kf_box_content > div > .name_header, .who_state .chat-box .kf_box_paid > .kf_box_content > div > .name_header { font-weight: 600; }
.stream-nav-tab > .handler-chat-container .kf_box_paid > .kf_box_description, .who_state .chat-box .kf_box_paid > .kf_box_description { position: relative;padding-left: 15px;padding-bottom: 10px;font-size: 15px;line-height: 1.25;word-break: break-word;z-index: 1000; }
.stream-nav-tab > .handler-chat-container .kf_box_paid > .kf_paid_progress_overlay { position: absolute;inset: 0;width: auto;height: 100%;background: #1e88e5;z-index: 0;transition: width 0.5s ease;pointer-events: none;border-top-left-radius: inherit;border-bottom-left-radius: inherit;border-top-right-radius: 0;border-bottom-right-radius: 0; }
.stream-nav-tab > .handler-chat-container .kf_box_paid.has-message{ min-height: 98px; }
.stream-nav-tab > .handler-chat-container .chat_event__recipient, .chat-box > .chat-content .chat_event__recipient { display: flex;align-items: center;gap: 10px;width: 100%;font-size: 15px;color: #8f8f8f;padding: var(--kf-chat-recipient-padding);margin-bottom: 10px; }
.stream-nav-tab > .handler-chat-container .chat_event__recipient > .tag_icon, .chat-box > .chat-content .chat_event__recipient > .tag_icon { display: flex;align-items: center;padding: 6px;border-radius: 50px;width: 30px;height: 30px;background: #f2f2f2;color: #000; }
.who_state .chat-box .kf_box_paid { top: 10px;left: 10px;width: calc(100% - 10px); }
.slider .kf_paid_tag { cursor: pointer;position: relative;overflow: hidden;min-width: 80px;display: flex;align-items: center;gap: 5px;padding: 5px 5px;border-radius: 50px; }
.slider .kf_paid_tag img, .kf_paid_tag span { position: relative;z-index: 1; }
.slider .kf_paid_tag img { width: 27px;height: 27px;border-radius: 50px; }
.slider .kf_paid_tag span { font-weight: 600; }
.slider .kf_paid_tag .kf_paid_progress_overlay { position: absolute;left: 0;top: 0;height: 100%;border-top-left-radius: 50px;border-bottom-left-radius: 50px;width: 100%;z-index: 0;transition: width 0.5s ease; }
.justify-content-between { justify-content: space-between !important; }
.d-flex { display: flex !important; }
.position-relative { position: relative !important; }
.kf_superchat_fade { background-color: rgba(0, 0, 0, 0.5);position: absolute;height: 100%;width: 100%;z-index: 2; }
.kf_superchat_pay > .modal-dialog { width: 800px; }
.kf_superchat_pay .modal-body { max-height: none !important; }
.kf_superchat_pay .loading_default { height: 300px;align-items: center;justify-content: center;display: flex; }
.payment_flex { display: flex;gap: 20px; }
.payment_flex > .additional_content { width: 100%; }
.payment_flex > .additional_content > .payment_wallet_details h3 { margin-bottom: 5px;font-size: 30px;font-weight: 600; }
.payment_select_grid { width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px; }
.payment_this { cursor: pointer;padding: 13px;background-color: #f5f5f5;border-radius: 13px;transition: transform 0.2s ease; }
.payment_this.loading { justify-content: center;display: flex;align-items: center; }
.payment_this svg { margin-bottom: 15px;width: 55px;height: 55px; }
.payment_this p { font-weight: var(--kf-font-weight);margin: 0;font-size: 17px; }
.payment_this span { font-size: 14px; }
.payment_this.wallet { background: #ff4545;color: #fff; }
.payment_this.stripe { background: #635bff;color: #fff; }
.payment_this.paypal { background: #27346a;color: #fff; }
.payment_this.alipay { background: #1677ff;color: #fff; }
.payment_this.paystack { background: #0ba4db;color: #fff; }
.payment_this.coinbase { background: #0052ff;color: #fff; }
.payment_this.credit_card { color: #000; }
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag { background: #f9f9f9;border-radius: 10px;padding: 20px;width: 600px;display: flex;flex-direction: column;gap: 15px; }
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag h4 { margin-top: 0;margin-bottom: 3px;font-size: 21px;font-weight: 500; }
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag span { color: #6f6f6f; }
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag > .header { display: flex;align-items: center;gap: 10px; }
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag > .header img { width: 65px;height: 65px;border-radius: 50px; }
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag > .header > .info p { margin-bottom: 3px;font-size: 20px;font-weight: 500}
.LiveModalConstructor .modal-content > .modal-body > .payment_flex > .live_info_tag > .header > .info span { font-size: 15px;color: #676666; }
.publisher-subscribe-button.js_livepublisher { display: flex;align-items: center; }
.publisher-subscribe-button > .js_liveviewers { margin-right: 13px;color: #ea0f2d;font-weight: 600;display: flex;align-items: center;gap: 2px; }
.publisher-subscribe-button > .js_livetime { margin-right: 10px; }
.livevideo-container { margin-bottom: 20px; }
.livevideo-container > .publisher-element { padding-right: 30px;padding-left: 30px; }
.livevideo-container > .publisher-element > .publisher-avatar { width: var(--kf-avatar-publisher-size);height: var(--kf-avatar-publisher-size); }
.livevideo-container > .publisher-element > .publisher-avatar a img { width: var(--kf-avatar-publisher-size);height: var(--kf-avatar-publisher-size); }
.livevideo-container > .publisher-element > .streamer-details { width: 100%; }
.livevideo-container > .publisher-element > .streamer-details > .user-container { display: flex;align-items: center;justify-content: space-between; }
.livevideo-container > .publisher-element > .streamer-details > .user-container a:not(.btn-subscribed):not(.btn-subscribe):not(.btn-main) { display: flex;align-items: center;gap: 3px;font-size: var(--kf-font-size-button);text-decoration: none;color: #0e0e10;font-weight: 500; }
.livevideo-container > .publisher-element > .streamer-details > .user-container a:not(.btn-subscribed):not(.btn-subscribe):not(.btn-main) svg { margin-right: 5px;color: var(--kf-color-badge-verify); }
.livevideo-container > .publisher-element > .streamer-details > .user-container > .button-streamer { display: flex;align-items: center; }
.livevideo-container > .publisher-element > .streamer-details > .live-details-info { display: flex;align-items: center; }
.livevideo-container > .publisher-element > .streamer-details > .live-details-info > .live-details-content .live_title { font-size: 15px;font-weight: 600;margin-top: 0.5rem !important;margin-bottom: 0.5rem; }
.livevideo-container > .publisher-element > .streamer-details > .live-details-info > .live-details-content .category-live { display: flex;align-items: center;gap: 8px; }
.livevideo-container > .publisher-element > .streamer-details > .live-details-info > .live-details-content .category-live a { color: #0c79d9 !important;font-weight: 600; }
.livevideo-container > .publisher-element > .streamer-details > .live-details-info.mt-auto { margin-top: 5px; }
.publisher_container { height: 100px;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 15px 15px 15px 15px;gap: 10px; }
.publisher_container > .publisher_div { display: flex;align-items: center;gap: 10px; }
.publisher_container > .publisher_div .publisher-avatar { width: 65px;height: 65px; }
.publisher_container > .publisher_div .publisher-name { display: flex;flex-direction: column; }
.publisher_container > .publisher_div .publisher-name a { display: flex;align-items: center;font-size: 18px;gap: 3px;text-decoration: none; }
.publisher_container.border { border-bottom: 1px solid #f3f3f3; }
.payment-notice { justify-content: center;margin-top: auto;display: flex;align-items: center;border-radius: 8px;background: #f3f3f3;gap: 10px;padding: 5px; }
.payment-notice svg { width: 28px;height: 28px; }
.payment-notice p { margin-bottom: 0;font-size: 15px;margin-top: 1px;font-weight: 600; }
.payment-notice > .safe-info span { font-size: 13px; }
.modal-body.overflow-hidden { overflow: revert !important; }
.tag_title { display: flex;gap: 10px;background: #a3c2fd;color: #000;border-radius: 4px;padding: 10px; }
.tag_title svg { width: 50px;height: 25px; }
.tag_title a  { color: #000000;text-decoration: underline; }
.container_mask { margin-bottom: 20px; }
.container_mask.pay_success { padding: 25px 0 25px 0;text-align: center;color: #34c534;background: #77e9211a;border-radius: 10px; }
.container_mask.pay_success svg { width: 55px;height: 55px; }
.container_mask.pay_success p { margin-top: 5px;font-size: 23px;margin-bottom: 0px; }
.container_mask.pay_success span { color: #595858; }
.container_mask.pay_success h3 { color: #34c534 !important; }
.container_mask.pay_error { padding: 25px 0 25px 0;text-align: center;background: #e921211a;border-radius: 10px; }
.container_mask.pay_error h3, .container_mask.pay_error a, .container_mask.pay_error svg { color: #c53434 !important; }
.container_mask.pay_error svg { width: 55px;height: 55px; }
.container_mask.pay_error p { margin-top: 5px;font-size: 23px;margin-bottom: 0px; }
.container_mask.pay_error span { color: #595858; }
.container_mask.pay_error span > a { color: #a52e2e;font-weight: 600;margin-left: 2px; }
.scheduled_message { padding: 8px 18px;display: flex;align-items: center;gap: 25px;position: absolute;z-index: 1;bottom: 15px;left: 15px;background-color: #0000008c; }
.scheduled_message button { border: none;padding: 5px 10px;border-radius: 3px;background: #ffffff38;color: #fff;display: flex;align-items: center;gap: 5px; }
.scheduled_message button svg { width: 23px;height: 23px; }
.scheduled_message .schedule_container { display: flex;gap: 10px;align-items: center; }
.scheduled_message .schedule_container svg { width: 30px;height: 30px; }
.scheduled_message .schedule_container .schedule_info { display: grid; }
.scheduled_message .schedule_container .schedule_info .in_time { font-size: 15px; }
.scheduled_message .schedule_container .schedule_info .in_date { font-size: 12px; }
.placeholder-offline { width: 100%;height: 30em;transition: 0.3s height;background-color: black;background-size: cover;background-position: center center;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.stream-player { width:100%;height: auto; }
.avatar-container.live-active { position: relative;display: inline-block;background-color: white; border-radius: 50%; }
.avatar-container.live-active a img { width: 100px;height: 100px;padding: 2px;border-radius: 50%;border: 2px solid red;display: block; }
.avatar-container.live-active .live-tag { position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);background-color: red;color: white;font-size: 12px;font-weight: bold;border: 2px solid #fff;padding: 1px 4px;border-radius: 4px;text-transform: uppercase; }
.live-header-list { z-index: 1;display: flex;position: absolute;left: 10px;top: 10px;gap: 3px; }
.live-header-list > .islive-badge { display: flex;padding: 0 10px;min-width: auto;align-items: center;font-weight: 600;border-radius: 6px;background-color: #eb0400;font-size: 14px;color: #fff; }
.live-header-list > .watching-badge { border-radius: 6px;color: #fff;background-color: #0000005e;padding: 3px 5px;min-width: auto; }
.notify_button { position: absolute;cursor: pointer;font-size: 12px;padding: 3px 10px;color: #fff;background: #000000ab;border-radius: 50px;bottom: 5px;right: 5px; }
.notify_button.state_progress { opacity: 0.7; }
.video-list-title { display: flex;margin-top: 3px;align-items: center;justify-content: space-between; }
.video-list-title > a > h4 { margin: 0!important; }

/* Chat Column */
.toggle-chat { border-radius: 4px;padding: 3px;transition: background 0.1s;display: none;cursor: pointer; }
.toggle-chat svg { width: 22px;height: 22px; }
.toggle-chat:hover { background: #ffffff21; }
.chat-section > .chat-header { display: flex;justify-content: space-between;border-bottom: 1px solid #ddd;align-items: center;padding: 8px 6px;cursor: pointer; }
.chat-section > .chat-header span:hover { background: #e1e1e1; }
.chat-section > .chat-header svg { width: 22px;height: 22px; }
.chat-section > .chat-header h4 { font-size: var(--kf-font-size-header);font-weight: 600;text-transform: uppercase;margin: 10px 0; }
.chat-section > .chat-header.f-size { font-size: 14px; }
.chat-section > .chat-header.justify-center { justify-content: center; }
.chat-box .chat-input { padding: 10px 8px;background-color: #fff;position: relative;width: 100%; }
.chat-box .chat-input button { margin-left: 5px;padding: 6px 13px;font-weight: 500;border: none;background-color: var(--main);color: white;border-radius: 50px;cursor: pointer;transition: 0.1s background-color; }
.chat-box .chat-input button:hover { background-color: var(--main-hover); }
.chat-box .chat-input button.disallow { background-color: #d7d7d7;color: #595959; }
.chat-label-message { display: block;background: #fff;padding: 0.5rem; }
.chat-label-message .message-header { display: flex;align-items: center; }
.chat-label-message > .message-header svg { margin: 0.5rem !important; }  
.chat-label-message .message-description { display: flex !important;-webkit-box-flex: 1 !important;flex-grow: 1 !important;-webkit-box-align: center !important;align-items: center !important;margin-left: 0.5rem !important;margin-right: 0.5rem !important; }  
.chat-label-message .message-description p { margin: 0;color: #1f1f23 !important;font-size: 1.4rem !important;word-break: break-word !important;font-weight: 600 !important; }
.chat-label-message .close-label-chat { cursor: pointer; }
.chat-label-message .message-container { padding: 0 .5rem .5rem 4rem; } 
.chat-input-label { border: 1px solid rgba(173, 173, 184, 0.35);border-top: 0;box-shadow: 0 1px 2px rgba(173, 173, 184, 0.35), 0 0 2px rgba(173, 173, 184, 0.35);border-bottom-left-radius: 0.6rem !important;border-bottom-right-radius: 0.6rem !important;padding: 0.5rem !important; }
.chat-section .chat-box .input-div { position: relative; }
.chat-section .chat-box .input-div .chat-input-content, .chat-section .search-viewers-timeline.input-div input { width: 100%;padding: 10px;position: relative;border: none;box-shadow: inset 0 0 0 1px #ddd;border-radius: 5px;transition: border 0.2s, box-shadow 0.2s;outline: none;min-height: 40px;white-space: pre-wrap;word-break: break-word; }
.chat-section .chat-box .input-div .chat-input-content:hover, .chat-section .search-viewers-timeline.input-div input:hover { box-shadow: inset 0 0 0 2px #ddd; }
.chat-section .chat-box .input-div .chat-input-content:focus, .chat-section .search-viewers-timeline.input-div input:focus { z-index: 2;box-shadow: inset 0 0 0 2px var(--main); }
.chat-section .chat-box .search-viewers-timeline.input-div input.disallow { background: #ebebeb;pointer-events: none; }
.chat-section .chat-box .chat-input-content:empty:before { content: attr(placeholder);color: #999;pointer-events: none;display: block; }
.chat-section .chat-box .chat-input-content br { display: none; }
.chat-section .chat-box .chat-input-content:empty br { display: none; }
.chat-section .chat-box .chat-input-content:not(:empty) br { display: inline; }
.chat-section .chat-box .chat-input-divider.relative { position: relative; }
.chat-section .chat-box .chat-input-divider .emoji_select_input { position: absolute;right: 10px;top: 0;cursor: pointer;height: 100%;align-items: center;display: flex; }
.lightbox-footer-textarea > .chat-input-divider > .chat-input-content { height: 100%;padding: 16px calc(16px + 90px) 16px 16px;overflow-y: auto; }
.lightbox-footer-textarea > .chat-input-divider > .chat-input-content:empty:before { content: attr(placeholder);color: #999;pointer-events: none;display: block; }
.lightbox-footer-textarea > .chat-input-divider > .chat-input-content br { display: none; }
.lightbox-footer-textarea > .chat-input-divider > .chat-input-content:empty br { display: none; }
.lightbox-footer-textarea > .chat-input-divider > .chat-input-content:not(:empty) br { display: inline; }
.lightbox-footer-textarea > .chat-input-divider.relative { position: relative; }
.lightbox-footer-textarea > .chat-input-divider .emoji_select_input { display: flex;align-items: center;cursor: pointer; }
.lightbox-footer-textarea > .chat-input-divider > .footer-align { position: absolute;display: flex;align-items: center;cursor: pointer;top: 0;right: 10px;height: 100%; }
.lightbox-footer-textarea > .chat-input-divider > .footer-align > .highlight-footer { display: flex;align-items: center;gap: 8px;border: 1px solid #f0f0f0;color: #2c2c2c;border-radius: 50px;padding: 3px 5px; }
.lightbox-footer-textarea > .chat-input-divider > .footer-align > .highlight-footer > .send-footer { display: flex;align-items: center;justify-content: center; }
.lightbox-footer-textarea > .chat-input-divider > .footer-align > .highlight-footer > .send-footer.active { color: #c64d53; }
.lightbox-footer-textarea > .footer-session { display: flex;align-items: center;gap: 5px;padding: 8px; }
.lightbox-footer-textarea > .footer-session > div a { color: #c64d53; }
.emoji-card { position: absolute;width: 100%;bottom: 55px;left: 0;background: #fff;border-radius: 8px;grid-template-columns: repeat(4, 1fr);gap: 5px;z-index: 10;box-shadow: 0 0 10px rgba(224, 224, 224, 0.5); }
.emoji-card > .emoji_main { display: flex;width: 100%;justify-content: space-between; }
.emoji-card > .emoji_main > .emoji_section { width: 100%; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow { overflow-y: auto;max-height: 300px; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow > div { padding: 15px;border-bottom: 1px solid #e7e7e7; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow > div > .title { font-weight: var(--kf-font-weight); }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow > div > .title.flex { display: flex;align-items: center;gap: 5px; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow > div > .title.flex img { width: 30px;height: 30px;border-radius: 50px; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow > div >.emoji_container { margin: 10px 0; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow::-webkit-scrollbar { width: 5px; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow::-webkit-scrollbar-track { background: #e9e9e9; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow::-webkit-scrollbar-thumb { background: #cccccc;border-radius: 10px; }
.emoji-card > .emoji_main > .emoji_section > .emoji_overflow::-webkit-scrollbar-thumb:hover { background: #666; }
.emoji-card > .emoji_main > .emoji_section .emoji_container .emoji-grid { display: grid;grid-template-columns: repeat(auto-fill, minmax(28px, 1fr));gap: 13px; }
.emoji-card > .emoji_main > .emoji_section .emoji_container .emoji-grid .emoji-item { display: flex;width: 28px;height: 28px;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.2s ease; }
.emoji-card > .emoji_main > .emoji_side { padding-top: 10px;background: #f5f5f5; }
.emoji-card > .emoji_main > .emoji_side .emoji_option { cursor: pointer;width: 100%;padding: 10px; }
.emoji-card > .emoji_main > .emoji_side .emoji_option img { width: 20px;height: 20px;border-radius: 50px;object-fit: contain;pointer-events: none; }
.emoji-card > .emoji_main > .emoji_side .emoji_option.active { color: #007bff;border-left: 2px solid #007bff; }
.emoji_searchbar { position: sticky;padding: 8px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15); }
.searchbar { display: flex;position: relative;align-items: center;width: 100%; }
.searchbar .saerch_icon { position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #5c5c5c;pointer-events: none;align-items: center; }
.emoji-card .emoji_input { width: 100%;padding: 8px 10px 8px 45px;border: 1px solid #ccc;border-radius: 4px;background: transparent;color: #000000;font-size: 14px;outline: none;transition: border-color 0.2s;box-sizing: border-box; }
.inserted-emoji { display: inline-block;width: 28px;height: 28px;vertical-align: middle;margin: 0 3px; }
.chat-label-message > .emoji-option { display: flex;cursor: pointer;align-items: center;gap: 10px;padding: 5px 15px;border-radius: 4px;transition: 0.1s background; }
.chat-label-message > .emoji-option img { width: 28px;height: 28px;max-height: 2.8rem;max-width: 2.8rem; }
.chat-label-message > .emoji-option:hover { background: #f1f1f1; }
.chat-label-message .message-container .login_part { text-align: right;margin-top: 5px; }

/* Recorded */
.live_recorded_stable { border-radius: 10px;padding: 18px;background: var(--kf-background-publisher);box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;border: none;font-family: system-ui; }
.live_recorded_stable > .info_main { width: 100%; }
.live_recorded_stable > .info_main > .get_info { display: flex;align-items:center;justify-content:space-between; }
.live_recorded_stable > .info_main > .get_info .button { display: flex; }
.live_recorded_stable > .info_main > .get_info .button .subs-amount { display: none; }
.live_recorded_stable > .info_main > .get_info .button .btn-subscribed svg,
.live_recorded_stable > .info_main > .get_info .button .btn-subscribe svg { display: none; } 
.live_recorded_stable > .info_main > .get_info a:not(.btn-subscribed) { display: flex;align-items: center;gap: 3px;font-size: var(--kf-font-size-button); }
.live_recorded_stable > .info_main > .get_info span { font-weight: 600;color: #000;max-width: 100px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.live_recorded_stable > .info_main > .footer_info { display: flex;align-items: center; }
.live_recorded_stable > .info_main > .footer_info > .live-details-content .was_live { margin-bottom: 5px; }
.live-recorded-badge { transform: translateX(-50%);background-color: #eb0400;color: white;font-size: var(--kf-font-size-badge);padding: 2px 0.7rem;font-weight: 600;border-radius: 5px;text-align: center;white-space: nowrap;margin-right: 3px; }
.chat-no-display { text-align: center;font-family: system-ui;flex-direction: column;margin: 0; }
.chat-no-display > h5 { margin-bottom: 3px;font-size: 19px;font-weight: 600; }
.chat-no-display > span { font-size: 13px; }
.display-no { display: flex; align-items: center; justify-content: center; }
.live_recorded_info { margin-bottom: 20px;padding-right: 20px;padding-left: 20px;margin-top: 10px; }
.live_recorded_info > .recorded_details .badge_time { display: flex;align-items: center;gap: 10px; }
.live_recorded_info > .recorded_details .badge_time .right { background: #e71919;width: 4px;display: flex;height: 20px;border-radius: 50px; }
.live_recorded_info > .recorded_details h5 { font-size: var(--kf-font-size-title);font-weight: 600;margin: 10px 0 5px 0; }
.live_recorded_info > .recorded_details .video_info { display: flex;align-items: center;gap: 5px; }
.live_recorded_info > .recorded_details .video_info a { color: #0071d5 !important;font-weight: 600; }
.live_recorded_info > .live_recorded_stable .publisher-info-avatar { margin-right: 8px; }
.live_recorded_info > .live_recorded_stable .publisher-info-avatar img { border-radius: 50px; }
.live_recorded_info > .live_recorded_stable img { width: var(--kf-avatar-publisher-size);height: var(--kf-avatar-publisher-size); }

/* Stream Category Explore */
.skeleton-image { background-image: linear-gradient(90deg, #e0e0e0, #f3f3f3, #e0e0e0);background-size: 200% 100%;height: 260px;width: auto;border-radius: 8px;margin-bottom: 1rem;animation: skeleton-loading 1.5s infinite linear; }
.skeleton-title { background-image: linear-gradient(90deg, #e0e0e0, #f3f3f3, #e0e0e0);background-size: 200% 100%;height: 20px;width: 150px;margin-bottom: 0.5rem;border-radius: 4px;animation: skeleton-loading 1.5s infinite linear; }
.skeleton-viewers { background-image: linear-gradient(90deg, #e0e0e0, #f3f3f3, #e0e0e0);background-size: 200% 100%;height: 18px;width: 100px;margin-bottom: 1rem;border-radius: 4px;animation: skeleton-loading 1.5s infinite linear; }
.selected_tags { display: flex;gap: 5px; }
.selected_tags span { display: flex;padding: 5px 10px;background: #d7d7d7;border-radius: 50px;align-items: center;justify-content: space-between; }
.selected_tags svg { width: 20px;height: 20px; }
#main-container.live-container { margin: 0; }
.live_container { cursor: pointer;position: relative;margin-bottom: 25px;border-radius: 8px;padding: 4px; }
.live_container:hover { background: #ebebeb; }
.thumbnail_wrapper { position: relative;display: inline-block;width: 100%; }
.thumbnail_img { display: block;width: 100%;height: auto; }
.tag-live { position: absolute;top: 8px;left: 8px;background-color: red;color: white;padding: 2px 5px;font-weight: 600;border-radius: 4px;z-index: 1; }
.tag-viewers { position: absolute;bottom: 8px;right: 8px;background-color: rgb(0 0 0 / 48%);color: white;padding: 4px 8px;border-radius: 4px;z-index: 1;font-weight: 600; }
.live_container > .streamer_info { display: flex;align-items: center;gap: 8px;margin-top: 10px; }
.live_container > .streamer_info img { width: 43px;height: 43px;border-radius: 50%; }
.live_container > .streamer_info > .user_info { display: grid; }
.live_container > .streamer_info > .user_info .username { font-weight: 600;font-size: 15px; }
.options_video_player { display: flex;align-items: center;border-radius: 50px;background: #dfdfdf;justify-content: space-between; }
.options_video_player > .select { transition: 0.1s background;padding: 10px; }
.options_video_player > .select:hover { background: #d7d7d7; }
.options_video_player > .play { border-right: 1px solid #c1c1c1;border-top-left-radius: 50px;border-bottom-left-radius: 50px; }
.options_video_player > .volume { border-top-right-radius: 50px;border-bottom-right-radius: 50px; }
.fade_liveplayer { position: absolute !important;inset: 0px !important;z-index: 1 !important;background: linear-gradient(90deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .2) 30%, transparent 50%), linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .3) 30%, transparent 50%), linear-gradient(50deg, rgba(0, 0, 0, .4), transparent 30%); }
.fade_liveplayer.flexsize-loading { display: flex;align-items: center;justify-content: center; }
.fade_liveplayer.limitStreamWatch { background: transparent;display: flex;align-items: center;justify-content: center;flex-direction: column; }
.fade_liveplayer.limitStreamWatch button { padding: 8px 10px;border: none;border-radius: 6px;gap: 8px;display: flex;align-items: center;background: #fff;color: #000 !important;font-size: 15px;font-weight: 600; }
.fade_liveplayer.limitStreamWatch button.nextStreamer { background: #0000004f;color: #fff;margin-top: 10px;width: 75px;justify-content: center; }
.limitedStream { filter: blur(3px); }
.options_button_dash > .join_btn { padding: 5px 10px;background-color: #c64d53;color: white;border: none;border-radius: 5px;cursor: pointer;display: flex;align-items: center;gap: 8px;font-weight: 600; }
.options_button_dash > .follow_btn { padding: 5px 10px;border: none;border-radius: 5px;background: #ffffff40;display: flex;align-items: center;gap: 5px;font-weight: 600; }
.kf_Layout_Blob { display: grid;grid-template-rows: auto 1fr;height: var(--kf-height-category);overflow: hidden;padding-top: var(--kf-top-position); }
.kf_Layout_header { display: flex;padding: 10px;align-items: center;justify-content: space-between;padding-right: 30px; }
.kf_Layout_header > .blob_details { display: flex;align-items: center;gap: 10px; }
.kf_Layout_header > .blob_details img { width: 45px;border-radius: 5px; }
.kf_Layout_header > .blob_details > .blob_info span { font-size: var(--kf-category-btitle);font-weight: 600;color: #53535f; }
.kf_Layout_header > .blob_details > .blob_info p { font-size: var(--kf-category-title);font-weight: 600;margin: 0; }
.live_list { overflow-y: auto;padding: 10px;height: 100%; }
.live_container img { border-radius: 8px;height: auto;width: 100%;min-height: 100%;object-fit: cover;max-height: 300px; }
.KF_Layout_VideoPlayer { display: grid;grid-template-columns: 600px 1fr;height: 100%;overflow: hidden; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details { position: absolute; z-index: 2;bottom: 10px; left: 10px; color: white; font-family: "Roobert","Inter","Helvetica Neue",Helvetica,Arial,sans-serif; width: 580px; padding: 10px;border-radius: 8px; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details .videoPlayer_streamerinfo { display: flex;align-items: center;margin-bottom: 5px; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details .videoPlayer_streamerinfo img { width: 35px;height: 35px;border-radius: 50%;margin-right: 10px;border: 2px solid #c64d53;padding: 2px; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details .videoPlayer_streamerinfo .name_part { flex-grow: 1; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details .videoPlayer_streamerinfo .name_part > .username { font-weight: bold;font-size: 16px;color: #fff;text-decoration: none; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details > .live_info { margin-top: 5px;display: flex;align-items: center;font-weight: 600; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details > .live_info .hex_separate { margin-left: 1rem;margin-right: 1rem; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details > .live_info .live_tag { display: inline-block;text-align: center;pointer-events: none;padding: 0.3rem 1rem;border-radius: 0.4rem;font-size: 1.4rem;background-color: #eb0400;color: #fff; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details > .live_info .category_name { font-size: 1.8rem;font-weight: 600;white-space: nowrap; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details > .live_info .viewers_loaded { font-size: 1.8rem;font-weight: 600;white-space: nowrap; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details > .options_button_dash { display: flex;gap: 10px;margin-top: 10px; }
.KF_Layout_VideoPlayer > .videoPlayer_Content > .videoPlayer_Details .stream_title { font-size: 2.4rem;font-weight: 600; }
.KF_Layout_VideoPlayer > .loading_libs { display: flex;align-items: center;justify-content: center;height: 100%; }
.videoPlayer_Content { position: relative;width: 600px;height: 100%; }
.videoPlayer_Content .plyr { height: 100%; }
.videoPlayer_Content .plyr__video-wrapper { border-radius: 3px !important; }
.videoPlayer_Content video { width: 100%;height: 100%; }
.empty_livestreamings { font-family: "Roobert", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: center; }
.empty_livestreamings h5 { font-size: 25px;font-weight: 600; }
.bottomsheet-content .empty_livestreamings h5 { color: #000 !important;   }
body.live_timeline .kf_superchat_pay { padding-left: 0 !important; }
body.live_timeline .modal-content { padding: 5px !important;max-width: 100% !important; }
body.live_timeline .modal-content .modal-body { padding: 0;margin: 0; }
body.live_timeline .modal-content .modal-body .payment_flex { display: block; }
body.live_timeline .modal-content .modal-body .payment_flex .payment_select_grid { margin-bottom: 10px; }
body.live_timeline .payment_flex > .additional_content { margin-bottom: 10px; }
body.live_timeline .kf_superchat_pay > .modal-dialog { width: auto !important; }
body.live_timeline .live_info_tag { width: 100%; }
body.live_timeline .kf_live_superoptions > .header_option { justify-content: space-between; }
body.live_timeline .kf_live_superoptions { position: fixed; }
.livevideo-container:not(.showLayout) > .KF_LayoutMobileStreamPublisher { display: none; }
.KF_ChatInputMobile { display: flex;align-items: center;padding: 8px;gap: 8px; }
.KF_ChatInputMobile .input { position: relative;flex: 1;height: 45px;display: flex;align-items: center;justify-content: space-between;background-color: #efefef;border-radius: 4px;padding: 5px 10px; }
.KF_ChatInputMobile .input input { width: 100%;border: none;outline: none;background: transparent !important;font-size: 14px;color: #333;padding-right: 25px; }
.KF_ChatInputMobile .input .input-icon { position: absolute;right: 10px;display: flex;align-items: center;justify-content: center; }
.KF_ChatInputMobile .input .input-icon svg { width: 20px;height: 20px;color: #5a5a5a; }
.KF_ChatInputMobile .input .chat-input-content { outline: none;border: none;box-shadow: none; }
.ic_select_action { display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer; }
.ic_select_action svg { width: 24px;height: 24px;color: #515151; }
.ic_select_action > .send_action { background: transparent;border: none; }
.ic_select_action > .send_action svg { color: #c64d53 !important; }
.handler_layout_info { display: none;position: absolute;z-index: 1;gap: 5px;bottom: 5px;left: 10px;color: white;transition: opacity 0.3s; }
.handler_layout_info.showLayout { display: flex; }
.live_time_layout { display: flex;align-items: center;gap: 4px;font-size: 12px; }
.live_time_layout .dash_time { width: 7px;height: 7px;background: red;border-radius: 50px; }
.live_viewers_layout { display: flex;align-items: center;gap: 4px;background: #0000004d;border-radius: 4px;padding: 2px 6px;font-size: 13px; }
.live_viewers_layout svg { width: 15px;height: 15px; }
.kf_overlay_mobile { z-index: 1040;position: fixed;height: 100%;background: #000000a1;width: 100%;top: 0;left: 0;opacity: 1;transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
.kf_overlay_mobile.hide { opacity: 0; }
.tab_switch { width: 100%;display: flex;justify-content: center;padding-top: 20px;padding-bottom: 5px; }
.tab_switch > .touch_switch { pointer-events: auto; height: 5px;width: 35px;background: #d1d1d1;border-radius: 50px; }
.kf_live_superoptions .message { padding: 10px 10px 5px !important; }
.kf_live_superoptions .message_options { padding-right: 10px;padding-left: 10px;padding-bottom: 10px; }
.kf_live_superoptions .select_option_message.get-identity { justify-content: space-between;background: #e4e4e4;padding: 5px;border-radius: 5px; }
.kf_live_superoptions .select_option_message { display: flex;align-items: center;gap: 10px;padding: 3px 0px; }
.kf_live_superoptions .select_option_message svg { width: 28px;height: 28px; }
.vote-current-poll.vote-align-mobile { z-index: 0 !important;top: auto !important;bottom: 50px !important;background: #141414;color: #fff;transition: transform 0.1s ease, opacity 0.1s ease; }
.vote-current-poll.vote-align-mobile .poll-option { background: #212121; }
.vote-current-poll.vote-align-mobile .poll-option .option-text { color: #e9e9e9; }
.vote-current-poll.vote-align-mobile .poll-option:not(.selected) .vote-circle { border: 2px solid #ffffff;background: transparent; }
.vote-current-poll.vote-align-mobile .vote-responsive-separate { margin-bottom: 5px; }
.vote-current-poll.vote-align-mobile .vote-responsive-separate .vote-responsive-separate span { font-size: 16px; }
.vote-current-poll.vote-align-mobile .poll-vote-container .poll-option { border-radius: 50px; }
.vote-current-poll.vote-align-mobile .poll-vote-container .poll-option .progress-overlay { background-color: #383838;border-radius: 50px !important; }
.gift-container { position: absolute;top: 0;left: -200px;width: 200px;height: 100%;opacity: 0; }
.gift-container .gift { position: absolute;z-index: 1;top: 10%; }
.gift-container.animate { animation: slideGift 4s ease-in-out forwards; }
.invite-main-container::before { content: '';position: absolute;inset: 0;background: linear-gradient(90deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 25%) 25%, rgba(0, 0, 0, 0) 100%);z-index: -1; }
.invite-main-container .invite_float { position: relative;display: flex;align-items: center;width: 250px;padding: 10px;color: white;gap: 10px;transition: filter 0.3s ease; }
.invite-main-container .invite_float .avatar { width: 50px;height: 50px;border-radius: 50%;object-fit: cover; }
.invite-main-container .invite-blur { content: "";position: absolute;inset: 0;backdrop-filter: blur(4px);opacity: 0;transition: opacity 0.3s ease;z-index: 1; }
.invite-main-container:hover .invite-blur { opacity: 1; }
.invite-main-container:hover .invite_float span { text-shadow: 0 0 32px white;color: transparent; }
.invite-main-container:hover .invite-actions { display: flex; }
.invite-main-container .invite-actions { position: absolute;display: none;justify-content: center;align-items: center;gap: 10px;width: 100%;height: 100%;top: 0;z-index: 5; }
.invite-main-container .invite-actions button { padding: 8px 15px;border: none;border-radius: 5px;background: transparent;color: #ffffff;border: 1px solid #fff;font-weight: 500;cursor: pointer;transition: background 0.2s; }
.gift-container.hide { animation: slideOutGift 0.4s ease-in-out forwards; }
.floating-reactions { position: absolute;z-index: 5;height: 50%;pointer-events: none;mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%);-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%); }
.floating-reactions.dashboard { width: 15%;bottom: 10px;right: 10px; }
.floating-reactions.timeline { width: calc(100% - 30px);height:100%;right: 15px;bottom: 0px; }
.timeline-m-hearts-emo { position: fixed;bottom: 60px;right: 5px;width: 15%; }
.dashboard-m-reactions-emo { position: absolute;z-index: 5;bottom: 65px;right: 65px;width: 65px;height: 50%;pointer-events: none; }
.dashboard-m-reactions-emo .reaction, .floating-reactions .reaction, .timeline-m-hearts-emo .reaction { position: absolute;bottom: 0px;right: 0px;width: 40px;height: 40px;animation: reaction-fly 2.5s linear;pointer-events: none; }
.dashboard-m-hearts-emo { position: absolute;width: 60px;height: 50%;bottom: 65px;right: 65px;z-index: 5;pointer-events: none;mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%);-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%); }
.dashboard-m-hearts-emo > .heart, .hearts_layout > .heart { position: absolute;width: 30px;height: 30px;opacity: 1;display: none; }
.dashboard-m-hearts-emo > .heart.colOne, .hearts_layout > .heart.colOne { color: #fff; }
.dashboard-m-hearts-emo > .heart i, .hearts_layout > .heart i { position: absolute;left: 0;top: 0;opacity: 1; }
.kf_live_comments { transition: opacity 0.5s ease, visibility 0.5s ease;opacity: 1;visibility: visible;color: #fff;max-height: 300px;overflow-y: scroll;padding-right: 10px;mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%);-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%); }
.kf_live_comments.variable { position: absolute;bottom: 75px;left: 30px; }
.kf_live_comments.overflow { -ms-overflow-style: none;scrollbar-width: none; }
.kf_live_comments.hidden { opacity: 0;visibility: hidden; }
.kf_live_comments::-webkit-scrollbar { display: none; }
.kf_live_comments .comment { position: relative;display: flex;align-items: center;margin-bottom: 10px;padding: 0 10px;z-index: 0;overflow: visible; }
.kf_live_comments .comment.schat_recipient { position: relative;width: 100%;left: 0;padding: 10px;box-sizing: border-box; }
.kf_live_comments .comment.schat_recipient::before { content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(to right, var(--sc-color) 0%, var(--sc-color-alpha) 40%, transparent 100%);pointer-events: none;z-index: -1;border-radius: 0; }
.kf_live_comments .comment-user-icon { margin-right: 10px;display: flex;align-items: center; }
.kf_live_comments .comment-icon { width: 38px !important;height: 38px !important;border-radius: 50%; }
.kf_live_comments .comment-text { color: rgb(224, 224, 224);font-size: 15px;display: flex;flex-direction: column; }
.kf_live_comments .comment-text > .comment-value { position: absolute;right: 0;top: 50%;transform: translate(-15%, -50%);font-size: 30px; }
.kf_live_comments .comment-username { display: flex;align-items: center;margin-right: 5px;gap: 8px; }
.kf_live_comments .comment-username.superchat-info { display: flex;align-items: center; }
.kf_live_comments .comment-username > .badge-layout { display: flex;align-items: center;gap: 5px;border-radius: 50px;font-size: 14px;padding: 2px 10px; }
.kf_live_comments .comment-username > .streamer-badge { color: #fff;background: #ffffff14; }
.kf_live_comments .comment-username > .isMod { color: #0087ff;background: #0072ff21; }
.kf_live_comments.dashboard { position: absolute;width: 100%;max-width: calc(100% - 58px);left: 0;bottom: 65px; }
.kf_bottom_live { position: absolute;bottom: 10px;left: 0;padding-left: 20px;padding-right: 20px;width: 100%;height: 45px;display: flex;justify-content: space-evenly;align-items: center;z-index: 1; }
.kf_bottom_live > div:not(.tippy-box) { margin: 0 10px; }
.kf_bottom_live .input-container { position: relative;display: flex;align-items: center;width: 100%; }
.kf_bottom_live .input-container #messageLive { position: relative;flex: 1;color: #fff;cursor: text;width: 100%;height: 45px;border: 1px solid #fff;border-radius: 25px;padding: 10px 80px 0 4%;background-color: transparent;margin-right: 10px;line-height: 22px; }
.kf_bottom_live .input-container #messageLive:empty::before { content: attr(placeholder);color: #fff;position: absolute;left: 4%;top: 50%;transform: translateY(-50%);pointer-events: none;white-space: nowrap; }
.kf_bottom_live .input-container .publish-btn { position: absolute;right: 25px;color: #ffffff5c;font-size: 14px;cursor: pointer; }
.kf_bottom_live .input-container .publish-btn.active { color: #3785ff; }
.kf_bottom_live.dashboard { padding-left: 10px;padding-right: 10px; }
.kf_bottom_live.dashboard .input-container { margin: 0; }
.kf_bottom_live.dashboard .input-container input { margin: 0 !important; }
.kf_bottom_live .reaction-button { cursor: pointer; }
.comment_system { background: #ffffff24;border-radius: 50px;padding: 8px;gap: 25px; }
.comment_system .left_div { display: flex;align-items: center;gap: 10px; }
.comment_system .left_div .text_container { display: flex;flex-direction: column;gap: 3px; }
.comment_system .left_div > .ic_comment { background: #ff3558;border-radius: 50px;padding: 5px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center; }
.comment_system .left_div > .ic_comment.banned { background: #ff3737; }
.comment_system .left_div > .ic_comment.moderator { background: #0fe43d; }
.comment_system .left_div > .ic_text { inline-size: 200px; }
.comment_system > .request-btn { border-left: 1px solid #fff;padding: 10px 10px;pointer-events: all;cursor: pointer; }
.comment_system > .request-btn.disabled { opacity: 0.5; }
.tippy_live_room { display: flex;align-items: center;gap: 10px;padding: 3px; }
.tippy_live_room span { font-size: 15px; }
.tippy-box { background: #fff !important;border-radius: 8px !important;color: #000 !important;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.tippy-box .tippy-arrow { color: #fff !important; }
.viewers-recipient-container.loading-center { color: #c64d53;padding: 10px;margin: 0;text-align: center; }
.kf_overlay_countdown { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 9999;backdrop-filter: blur(10px); }
.kf_overlay_countdown .text-small { color: #fff;font-size: 18px;margin-bottom: 10px;text-align: center; }
.kf_overlay_countdown .countdown-number { color: #fff;font-size: 48px;font-weight: bold; }
.kf-layout-showbtn {cursor: pointer;display: block;padding: 10px;border: 1px solid #2f2f2f;border-radius: 50px;text-align: center;margin-bottom: 20px;margin-top: 5px; }
.yp_side_drawer.float { position: fixed;top: 0;left: -100%;height: 100%;width: 80%;background-color: #fff;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);transition: left 0.3s ease-in-out;z-index: 1000; }
.yp_side_drawer.float.open { left: 0; }
.toggle-drawer { position: fixed;top: 10px;left: 10px;z-index: 1100;background-color: #007bff;color: #fff;border: none;padding: 10px 15px;border-radius: 5px;cursor: pointer; }
.toggle-drawer:hover { background-color: #0056b3; }
.drawer-overlay { position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);z-index: 1;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease; }
.drawer-overlay.active { opacity: 1;visibility: visible; }
.video_views_section > .div-main { width: 100%;align-items: center; }
.video-options .btn { display: flex;align-items: center;height: 100%;font-weight: 600;font-size: 90%;padding: 0 15px;line-height: 32px;background: var(--kf-background-publisher);border: 1px solid var(--kf-border-publisher);color: #000;border-radius: 50px;margin: 0 5px; }
.video-options { display: flex;margin: 0;padding: 0;border: none; }
.stream-likes { align-items: center; }
.stream-likes .like-btn { cursor: pointer;display: flex;align-items: center;gap: 5px;padding: 6px 10px;background: var(--kf-background-publisher);border: 1px solid var(--kf-border-publisher);color: #000;border-radius: 50px; }
.stream-likes .like-btn.likkes svg { width: 20px;height: 20px;transform: scale(1.5); }
.stream-likes .like-btn.dislikkes svg { width: 20px;height: 20px;transform: scale(1.5) rotate(180deg); }
.livestream-container .home-page-categories { margin-top: 30px; }
.livestream-container .comments-header, .livestream-container .pt_blogcomm_combo textarea { font-size: 15px; }
.livestream-container .modal.matdialog .modal-content { height: auto; }
.livestream-container.no_overflow { overflow: hidden; }
.loading-overlay { position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.7);display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;font-weight: bold;z-index: 9999;opacity: 0;transition: opacity 0.2s ease-in-out; }
.loading-overlay.show_overlay { opacity: 1; }
.loading-overlay.hide_overlay { opacity: 0; }
.content_main_wrapper.resize { padding: 0 !important; }
.plyr__video-wrapper.resize { border-radius: 0 !important; }
.video-placeholder .limitHeight { height: 56.25vw; }
.hand { transform-origin: center; }
.line { fill: transparent;stroke-dasharray: 40;stroke-dashoffset: 40;stroke-linecap: round;stroke-linejoin: round; }
.line-1 { stroke: #fb493f;stroke-width: 2; }
.line-2 { stroke: #cbfcc9;stroke-width: 1.5; }
.line-3 { stroke: #dec83c;stroke-width: 3; }
.line-4 { stroke: #cbfcc9;stroke-width: 2; }
.line-5 { stroke: #fb493f;stroke-width: 2; }
.line-6 { stroke: #ab71f7;stroke-width: 2; }
.line-7 { stroke: #dec83c;stroke-width: 2; }
.circle-1 { fill: #dec83c;opacity: 0; }
.circle-2 { fill: #fb493f;opacity: 0; }
.circle-3 { fill: #cbfcc9;opacity: 0; }
.flower-1 { fill: #dec83c;opacity: 0; }
.flower-2 { fill: #cbfcc9;opacity: 0; }
.flower-3 { fill: #fb493f;opacity: 0; }
.like-btn.animate .hand { animation: hand 1.0s ease-in; }
.like-btn.animate .checked .line-1 { animation: first 1.5s ease-in; }
.like-btn.animate .checked .line-2 { animation: first 1.5s ease-in; }
.like-btn.animate .checked .line-3 { animation: second 1.5s ease-in; }
.like-btn.animate .checked .line-4 { animation: second 1.5s ease-in; }
.like-btn.animate .checked .line-5 { animation: third 1.5s ease-in; }
.like-btn.animate .checked .line-6 { animation: third 1.5s ease-in; }
.like-btn.animate .checked .line-7 { animation: third 1.8s ease-in; }
.like-btn.animate .checked .circle-1 { animation: circle 1.5s ease-in; }
.like-btn.animate .checked .circle-2 { animation: circle 1.5s ease-in; }
.like-btn.animate .checked .circle-3 { animation: circle 1.5s ease-in; }
.like-btn.animate .checked .flower-1 { animation: flower-1 1.5s ease-in; }
.like-btn.animate .checked .flower-2 { animation: flower-2 1.5s ease-in; }
.like-btn.animate .checked .flower-3 { animation: flower-1 1.5s ease-in; }
.like-btn .checked { display: none; }
.like-btn.active .checked { display: block; }
.like-btn.active .unchecked { display: none; }
.embed-placement { display: flex;align-items: center;margin-bottom: 15px; }
.yp_copy_link { display: flex;align-items: center;margin-bottom: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);border-radius: max(0px, min(8px, calc((100vw - 4px - 100%)* 9999))) / 8px;overflow: hidden; }
.yp_copy_link input {padding: 10px 14px;font-size: 16px;background-color: #eee;border: 0;flex: 1;height: 45px; }
.yp_copy_link .btn { border-radius: 0;padding: 0;display: flex;align-items: center;justify-content: center;width: 67px;height: 45px;background-color: #04abf2;color: white;  }
.share-video { display: flex;align-items: center;padding-bottom: 5px;justify-content: space-between; }
.share-video .fa, .share-video a { padding: 0;font-size: 20px;width: 37px;height: 37px;border-radius: 50%;text-decoration: none;margin: 0px 3px;display: flex;align-items: center;justify-content: center;transition: all 0.2s;color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.replay-chat-message { border: 1px solid #d2d2d2;gap: 15px;padding: 13px;margin-bottom: 10px;margin-top: 15px;display: flex;align-items: center;border-radius: 8px; }
.livestream-global-comments { margin-top: 40px; }
.kf_recent_stream_empty { width: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;background: #f5f5f5;padding: 50px;gap: 15px;border-radius: 10px; }
.kf_recent_stream_empty > svg { width: 100%;height: 45px; }
.bottom-sheet-overlay { display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);transition: opacity 0.3s ease;opacity: 0;z-index: 1000; }
.bottom-sheet:not(.bottom-sheet-create):not(.bottomsheet-dashboard) { position: fixed;bottom: -100%;left: 0;width: 100%;background: #fff;border-top-left-radius: 25px;border-top-right-radius: 25px;box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);transition: bottom 0.3s ease-in-out;z-index: 1001; }
.bottom-sheet-header { padding: 10px;display: flex;justify-content: center; }
.bottom-sheet-handle { width: 50px;height: 5px;background: #ccc;border-radius: 10px; }
.bottom-sheet-content { padding: 20px; }
.share-options { display: flex;flex-direction: column;gap: 10px; }
.share-option { padding: 10px;border: none;background: #007bff;color: white;border-radius: 5px;cursor: pointer;text-align: center; }
.share-option:hover { background: #0056b3; }
.swiper-container { position: relative;width: 100%;overflow: hidden; }
.swiper-wrapper { display: flex;align-items: stretch; }
.livestream-container .swiper-slide { width: auto !important;flex: 0 0 calc(50% - 6px);max-width: 50%;box-sizing: border-box; }
.stream-swiper-button-next,
.stream-swiper-button-prev { width: 40px;height: 40px;background-color: white;color: black;border-radius: 50%;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1; }
.stream-swiper-button-next { right: 10px; }
.stream-swiper-button-prev { left: 10px; }
.video-grid { display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: auto;grid-row-gap: 15px;grid-column-gap: 10px;width: 100%; }
.video-layout-card { width: 100%;padding: 0;overflow: hidden;transition: transform 0.2s ease-in-out; }
.video-layout-card.width-grid { width: 100%; }
.video-layout-card .video-thumbnail { display: block;position: relative;width: 100%;height: 160px;overflow: hidden;border-radius: 8px 8px 0 0; }
.video-layout-card .video-thumbnail img { width: 100%;height: 100%;object-fit: cover;border-radius: 8px; }
.video-layout-card .video-views { position: absolute;bottom: 8px;left: 8px;background: rgba(0, 0, 0, 0.7);color: white !important;font-size: 12px;padding: 2px 6px;border-radius: 4px; }
.video-layout-card .video-duration { position: absolute;bottom: 8px;right: 8px;background: rgba(0, 0, 0, 0.7);color: white;font-size: 12px;padding: 2px 6px;border-radius: 4px; }
.video-layout-card .video-info { padding: 10px 0 10px;text-align: left; }
.video-layout-card .video-info.broadcast { display: flex;gap: 8px; }
.video-layout-card .video-info.broadcast img { object-fit: cover;width: 38px;border-radius: 5px; }
.video-layout-card .video-title { font-size: 14px;font-weight: 600;margin: 0 0 3px 0; }
.video-layout-card .video-title a { color: #000;font-size: var(--kf-font-size-video);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-decoration: none;transition: color 0.2s ease-in-out; }
.video-layout-card .video-title a:hover { color:rgb(71, 151, 255); }
.video-layout-card .video-user { margin-bottom: 3px;font-size: 14px;color: #53535f;font-weight: 500; }
.video-layout-card .video-user:hover a { text-decoration: none;color:rgb(71, 151, 255); }
.video-layout-card .video-meta { font-size: 13px;color: #53535f; }
.kf_recent_streams { position: relative;background: #61a0a2;display: flex;align-items: center;flex-direction: column;justify-content: center;border-radius: 4px;padding: 0 10px; }
.kf_recent_streams > .animation_area { position: absolute;display: flex;justify-content: space-between;margin-top: -1rem;gap: 25px;top: 0; }
.kf_recent_streams > .animation_area img { max-width: 30px;max-height: 30px; }
.kf_recent_streams > .content_area > span { color: #000;overflow: hidden;text-overflow: ellipsis;font-weight: 700;font-size: 20px; }
.kf_label_align { position: relative;display: flex;width: 100%;gap: 10px; }
.kf_label.margin { margin-top: 25px; }
.kf_label > .input-container { margin-top: 10px; }
.recent-broadcast-container { margin: 40px 0 30px 0; }
.centralize-default .top_comment_margin, .centralize-default .top_comment_margin .button_smiles { float: none; }
.post_details_form .align_flex { display: flex;align-items: center;gap: 5px;margin-bottom: 8px; }
.post_details_form .live_button_style.remove_schedule { height: 35px;border: 1px solid #cc6360;background: transparent;color: #cc6360 !important;padding: 0 10px; }
.tab-create-live .emoji-grid { display: grid;margin-bottom: 5px;grid-template-columns: repeat(6, 38px);gap: 5px;justify-content: center; }
.tab-create-live .emoji-grid .emoji-recipient { cursor: pointer;transition: 0.1s background;border-radius: 4px;padding: 5px;width: 38px;height: 38px; }
.tab-create-live .emoji-grid .emoji-recipient:hover { background: #f8f8f8; }
.create_emoji_header { display: flex;align-items: center;justify-content: space-between; }
.create_emoji_header > .header { display: flex;flex-direction: column;text-align: left; }
.create_emoji_header > .header .title { font-size: 24px; }
.create_emoji_header > .close-modal-delete { cursor: pointer; }
.create_emoji_header > .icon svg { width: 40px;height: 40px; }
.kf_tabs_header { display: flex;position: relative;border-bottom: 1px solid #eee; }
.kf_tab { flex: 1;max-width: 150px;text-align: center;padding: 13px;cursor: pointer;position: relative;font-weight: 500; }
.kf_tab_underline { position: absolute;bottom: 0;height: 2px;width: 50%;max-width: 150px;background-color: #c64d53;left: 0;transition: all 0.3s ease; }
.kf_tab.active { color: #c64d53; }
.kf_tabs_container { margin-top: 25px; }
.kf_tabs_content > .kf_tab_content { padding: 15px 0 0 0;text-align: left;display: none; }
.kf_tabs_content > .kf_tab_content.active { display: block; }
.kf_tabs_content > .kf_tab_content .upload_label { display: flex;flex-direction: column;padding: 15px 0 0;gap: 8px; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div { display: flex;align-items: center;gap: 10px; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_box { display: flex;flex-direction: column;text-align: center;gap: 5px; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div .arrow_svg { color: #000; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size { display: flex;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size.main { border: 1px solid #262626;border-style: dashed;width: 112px;height: 112px; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size img { max-width: 100%;max-height: 100%;object-fit: contain; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size.svg { color: #000000; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size.main_bg { width: 112px;height: 112px;background: #fafafa; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size.middle { width: 80px;height: 80px;background: #fafafa; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size.minor { width: 40px;height: 40px;background: #fafafa; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size.preview_anim { position: relative; }
.kf_tabs_content > .kf_tab_content .upload_label > .upload_div > .upload_size .preview_canvas { max-width: 100%;max-height: 100%;object-fit: contain; }
.kf_tabs_content > .kf_tab_content .kf_upload_requirements { margin-top: 15px;padding: 10px;background: rgb(139 139 139 / 3%);border-radius: 6px;font-size: 13px;line-height: 1.6;color: #aaa; }
.kf_tabs_content > .kf_tab_content .kf_upload_requirements ul { display: flex;flex-direction: column;list-style: none;padding: 0;margin: 0;gap: 8px; }
.kf_tabs_content > .kf_tab_content .kf_upload_requirements li { position: relative;padding-left: 16px; }
.kf_tabs_content > .kf_tab_content .kf_upload_requirements li b { color: #696969;font-weight: 500; }
.kf_tabs_content > .kf_tab_content .kf_upload_requirements li::before { content: "•";position: absolute;left: 0;color: #c64d53; }
.kf_tabs_content > .kf_tab_content .kf_upload_requirements ul > li b { margin: 0; }
.kf_select_anim { margin-top: 5px; }
.kf_select_anim select { padding: 8px 13px;background: #f9f9f9;border: none;border-radius: 5px; }
.kf_tab_footer { text-align: right; }
.kf_tab_footer .live_button_style { padding: 13px 15px; }
.empty_emoji { display: flex;align-items: center;flex-direction: column;gap: 8px;margin-bottom: 10px;font-size: 15px; }
.emoji-item-tab.selected { border: 1px solid #ff8f8f;background: rgb(246 182 182 / 10%); }
.kf_tabs_container.emojis { margin-bottom: 15px; }
.kf_tabs_container .emoji-preview { display: flex;gap: 25px;align-items: center; }
.kf_tabs_container .emoji-preview img { width: 70px;height: 70px; }
.superoptions-avatar { width: 48px;height: 48px;border-radius: 50%;margin-right: 12px; }
.superoptions-username { font-size: 16px;font-weight: bold; }
.superoptions-message { padding: 16px;font-size: 14px;color: #333; }
#play-pause-btn { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;border: none;border-radius: 50%;background: transparent;color: white;font-size: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: opacity 0.3s ease;opacity: 0.8; }
#play-pause-btn svg { width: 64px;height: 64px; }
#play-pause-btn.hidden { display: none; }
#play-pause-btn.playing::before { content: '\f04c';font-family: "FontAwesome"; }
#play-pause-btn.paused::before { content: '\f04b';font-family: "FontAwesome"; }
body.rotated { padding-top: 0;overflow: hidden; }
body.rotated .main-content { margin: 0 !important; }
body.rotated .navbar-fixed-top { display: none; }
body.rotated .fixed-action-btn { display: none; }
body.rotated .video-placeholder { z-index: 0; }
body.rotated .kf_live_superoptions { overflow-y: auto;position: fixed;z-index: 1040; }
body.rotated .handler_layout_info { z-index: 1; }
body.rotated .chat-section.rotated { width: 230px;top: 0;border-left: none; }
body.rotated .vote-current-poll.vote-align-mobile { bottom: 0 !important; }
body.rotated .video-section { display: inline-block;max-width: calc(100% - 230px);position: static !important;padding-top: 0; }
.livevideo-container.isHorizontalMode { height: 100vh; }
.KF_LayoutMobileStreamPublisher { display: none;transition: display 0.3s ease;justify-content: space-between;gap: 10px;padding: 8px; }
.KF_LayoutMobileStreamPublisher.isHorizontalMode { display: flex;position: absolute;left: 0;width: 100%;opacity: 0;height: 100px;max-height: 100px;background: rgba(255, 255, 255, 0.9);box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);align-items: center;transform: translateY(100%);transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease, display 0.3s ease; }
.KF_LayoutMobileStreamPublisher.showLayoutPublisher { transform: translateY(0);opacity: 1; }
.KF_LayoutMobileStreamPublisher.showLayout { display: flex; }
.KF_LayoutMobileStreamPublisher img { width: 45px;height: 45px;border-radius: 50px; }
.KF_LayoutMobileStreamPublisher > .streamer_div { display: flex;gap: 10px; }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info { width: 100%; }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info h5 { margin-bottom: 3px;margin-top: 0;font-size: 16px;font-weight: 600; }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info .stream_description { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;font-size: 15px;line-height: 1.4;color: #333;max-width: 100%; }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info .stream_video_info .stream_category { font-weight: 600;color: #888888; }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info .stream_video_info .stream_tags { display: flex;align-items: center;gap: 5px;margin-top: 3px;max-width: 130px;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;position: relative;mask-image: linear-gradient(to right, black 85%, transparent 100%);-webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%); }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info .stream_video_info .stream_tags::-webkit-scrollbar { display: none; }
.KF_LayoutMobileStreamPublisher > .streamer_div > .stream_info .stream_video_info .stream_tags .tag_field { background: #dadada;color: #000;padding: 3px 5px;border-radius: 50px;font-weight: 600;white-space: nowrap;flex-shrink: 0; }
.KF_LayoutMobileStreamPublisher > .KF_LayoutButton_Role { height: 30px;display: flex;align-items: center;background: transparent;border: 1px solid #c64d53 !important;color: #c64d53 !important;border: none;border-radius: 5px;gap: 3px; }
.KF_LayoutMobileStreamPublisher > .KF_LayoutButton_Role.subscribed { border: 0px;background: #c64d53;color: #fff !important; }
.video-settings-options { padding: 0 5px; }
.video-settings-options .select_option_video { padding: 5px 3px;align-items: center;gap: 8px; }
.video-settings-options .select_option_video .select_option_desc { color: #5e5e5e;font-size: 15px; }
.options_quality { display: flex;background: #f2f2f2;padding: 8px;border-radius: 5px;margin-top: 5px;font-weight: 600;flex-direction: column;align-items: flex-start; }
.options_quality span { position: relative;width: 100%;padding: 3px 3px 5px 3px;font-size: 15px; }
.options_quality span.selected::after { border-radius: 50px;content: '✔';font-size: 12px;display: flex;align-items: center;justify-content: center;background: #c64d53;color: #ffffff;width: 20px;height: 20px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%); }
.flex_options_video { position: absolute;right: 12px;bottom: 10px;left: auto;display: flex;gap: 10px; }
.kf_player_active_message { position: absolute;display: flex;align-items: center;cursor: pointer;background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); font-size: 16px; padding: 6px 15px; border: none; border-radius: 50px; margin-top: 20px; transition: background-color 0.3s; gap: 5px;bottom: 15px; right: 15px; }
.no-result { padding: 10px;color: #999;text-align: center; }
.LiveModalConstructor .modal-content { padding: 20px;pointer-events: auto; }
.LiveModalConstructor .modal-content.padding_emoji { padding: 25px; }
.LiveModalConstructor .modal-content.padding_emoji:before { z-index: -1; }
.LiveModalConstructor .modal-dialog { position: relative;margin: .5rem;pointer-events: none;margin: 1.75rem auto; }
.LiveModalConstructor .modal-dialog-centered { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: calc(100% - (.5rem* 2)); }
.kf_global_events { position: absolute;max-width: 340px;bottom: 75px;left: 10px; }
.kf_global_events.dashboard { max-width: 290px; }
.kf_superchat_queue { display: flex;width: 100%;max-width: 360px;gap: 5px;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none; }
.kf_superchat_queue::-webkit-scrollbar { display: none; }
.kf_superchat_recipient .kf_buy_superchat { margin: 8px;width: calc(100% - 16px);padding: 10px;border: none;background: #fff;color: #000 !important;border-radius: 50px;font-weight: 600;display: flex;align-items: center;justify-content: center;gap: 8px;font-size: 16px; }
.schedule_time_over { display: flex;gap: 5px;padding: 5px 5px 5px;background: #e9e9e9;border-radius: 6px;margin-bottom: 10px; }
.schedule_time_over svg { width: 75px;height: 30px; }
.schedule_time_over > .block { display: flex;flex-direction: column; }
.schedule_time_over > .block > .title { font-weight: 600;font-size: 16px; }
.schedule_time_over > .block > .time_desc { font-size: 13px;color: #838383; }
.middle_toggle_box { position: absolute;top: 50%;left: 10px;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;gap: 10px; }
.middle_toggle_box > .button_event { cursor: pointer;padding: 10px;color: #fff;border: 1px solid #fff;border-radius: 50px; }
.stream-lightbox-container { position: relative;overflow: hidden;height: 100%; }
.stream-lightbox-container .plyr { height: 100%; }
.stream-lightbox-container > .session-container { display: flex;align-items: center;flex-direction: column;justify-content: center;width: 100%;height: 100%;color: #fff;gap: 10px; }
.stream-lightbox-container > .session-container > div { display: flex;flex-direction: column;text-align: center; }
.stream-lightbox-container > .session-container > div > .title { font-size: 22px; }
.stream-lightbox-container > .session-container > div > .desc { color: #ffffff82; }
.stream-player-lightbox { width:100%; height:100%; }
.lightbox-content .user-flex { display: flex;align-items: center;gap: 5px; }
.lightbox-content .user-flex > .user-name { margin: 0;font-size: 15px; }
.lightbox-content .user-flex > .post_c { color: #797979; }
.stream-stat-container { display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;border: none !important;padding: 0 10px; }
.stream-stat-container > div { padding: 0 !important; }
.stream-stat-container .stream-stats { display: flex;align-items: center; }
.stream-stat-container .stream-stats > .stat { display: flex;align-items: center;gap: 5px;color: #575757;font-size: 14px; }
.more-streams-list { display:flex;flex-direction:column; gap:10px; }
.more-stream-item { display: flex;gap: 12px;cursor: pointer;align-items: center;border-radius: 6px; }
.ms-thumb { position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:68px;flex:0 0 120px;overflow:hidden;border-radius:6px;background:#111; }
.ms-thumb img { width:100%;height:100%;object-fit: contain;display:block; }
.ms-duration-overlay { position: absolute;right: 4px;bottom: 4px;color: #fff;border-radius: 4px;font-size: 12px;line-height: 1;z-index: 2; }
.ms-duration-overlay.live-badge { background: #ff004f;padding: 5px 8px; }
.ms-duration-overlay.time-badge { background: rgba(0,0,0,0.7);padding: 3px 6px; }
.ms-info { display:flex; flex-direction:column; min-width:0; width: calc(100% - 120px); }
.ms-title { font-size: 19px;color: #111;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%; }
.ms-meta-row { display:flex;align-items: center;margin-top:3px;color: #666;font-size: 14px; }
.ms-meta-row span + span::before { content: "•";margin: 0 4px;color: #999; }
.ms-published { white-space:nowrap; color:#777; }
.ms-viewers { white-space:nowrap; color:#777; }
.more-streams-empty { padding:12px; color:#666; text-align:center; }
.tag_sidebar .sections.tab-create-live { padding: 0; }
.player-skeleton { display: flex;align-items: center;justify-content: center;flex: 2;position: relative;background: #222; }
.skeleton-shimmer { width: 100%;height: 100%;border-radius: 4px;background: linear-gradient(90deg, #303030 0%, #505050 50%, #303030 100%);background-size: 200% 100%;animation: shimmer 2.5s infinite; }
.comment-section { display: flex;flex-direction: column;flex: 1;background: #fafafa;overflow: hidden; }
.tag_stream_header { position: relative; }
.tag_stream_header .close-lightbox { position: absolute;right: 10px;cursor: pointer; }
.skeleton-close { position: absolute;width: 24px;height: 24px;top: 12px;right: 12px;border-radius: 4px;background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);background-size: 200% 100%;animation: shimmer 1.5s infinite;cursor: pointer;z-index: 2; }
.comment-header-skeleton { display: flex;align-items: center;padding: 1rem;border-bottom: 1px solid #eee; }
.skeleton-avatar { width: 40px; height: 40px;border-radius: 50%;margin-right: 0.75rem;background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);background-size: 200% 100%;animation: shimmer 1.5s infinite; }
.skeleton-username-timestamp { flex: 1; }
.skeleton-username { width: 60%; height: 14px; border-radius: 4px;margin-bottom: 6px;background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);background-size: 200% 100%;animation: shimmer 1.5s infinite; }
.skeleton-timestamp { width: 30%; height: 12px; border-radius: 4px;background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);background-size: 200% 100%;animation: shimmer 1.5s infinite; }
.like-skeleton { display: flex;align-items: center;padding: 1rem 1rem;border-bottom: 1px solid #eee; }
.skeleton-like-text { width: 100%;height: 25px;border-radius: 4px;animation: shimmer 1.5s infinite;background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);background-size: 200% 100%; }


/* NO COMMENTS */
.no-comments-skeleton {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 1rem;
}
.skeleton-comment-main {
  width: 60%; height: 20px; border-radius: 4px;
  background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.skeleton-comment-desc {
  width: 40%; height: 15px; border-radius: 4px;
  background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

/* INPUT DE COMENTÁRIO */
.comment-input-skeleton {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-top: 1px solid #eee;
}
.skeleton-input-line {
  flex: 1;
  height: 36px; border-radius: 4px;
  margin-right: 0.5rem;
  background: linear-gradient(90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

.lightbox-no-comments {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}

.lightbox-no-comments > .static-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.lightbox-no-comments > .static-info h5 {
  margin: 0;
  font-size: 18px;
}

.lightbox-static-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.lightbox-static-error {
  color: #fff;
  text-align: center;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}

.lightbox-static-error svg.icon {
  display: block;
  margin: 0 auto 1rem;
  width: 64px;
  height: 65px;
  fill: currentColor;
}

.lightbox-static-error .lightbox-info h5 {
  margin: 0 0 0.8rem;
  font-size: 23px;
  font-weight: 500;
}
.lightbox-static-error .lightbox-info span.desc {
  display: block;
  font-size: 15px;
  opacity: 0.85;
  margin-bottom: 1rem;
}

.lightbox-static-error .retry-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #fff;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  gap: 8px;
  margin-top: 20px;
}


.lightbox-replay-info {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #d3d3d3;
  position: absolute;
  width: 100%;
  left: 0;
  padding: 8px;
  color: #424242;
}

/* KEYFRAMES */
@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.__kf-live-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 1000;
  pointer-events: none;
}

.__kf-live-wrapper .live-badge {
  background-color: #FB3C44;
  color: #fff;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1;
}

.__kf-live-wrapper .viewers-badge {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 4px;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 1;
  gap: 3px;
}

.kf__wrapper_ended {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 10px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.kf__wrapper_ended > .streamer-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50px;
}

.kf__wrapper_ended > .content {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 5px;
}

.kf__wrapper_ended > .content > .title {
  font-size: 28px;
}

.kf__wrapper_ended > .content > .description {
  color: #ffffff4d;
}

#videoContainer {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.stream-lightbox-container.ended_filter {
  filter: blur(5px);
}

.stream-lightbox-container .reaction-overlay {
  position: absolute;
  bottom: 5px;
  left: 50%;
  border-radius: 50px;
  transform: translate(-50%, 20px);
  display: flex;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 10;
  border: 1px solid #ffffff0d;
}

.stream-lightbox-container:hover .reaction-overlay {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.kf__wrapper_invite {
  --avatar-size: 60px;
  --avatar-overlap: 20px;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  gap: 15px;
  padding: 13px;
  color: #000;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  font-family: system-ui;
  box-sizing: border-box;
}

.kf__wrapper_invite > .avatar-area {
  flex: 0 0 calc(var(--avatar-size) + var(--avatar-overlap));
  position: relative;
  width: calc(var(--avatar-size) + var(--avatar-overlap));
  height: calc(var(--avatar-size) + var(--avatar-overlap));
  min-width: calc(var(--avatar-size) + var(--avatar-overlap));
  box-sizing: border-box;
}

.kf__wrapper_invite > .avatar-area .avatar {
  position: absolute;
  display: block;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  padding: 3px;
}

.kf__wrapper_invite > .avatar-area .avatar:first-child {
  top: 0;
  left: 0;
  z-index: 2;
}

.kf__wrapper_invite > .avatar-area .avatar:nth-child(2) {
  top: var(--avatar-overlap);
  left: var(--avatar-overlap);
  z-index: 1;
  padding: 3px;
  background: #fff;
}

.kf__wrapper_invite > .avatar-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}

.kf__wrapper_invite > .info-area {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
}

.kf__wrapper_invite > .info-area > .separate {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.kf__wrapper_invite > .info-area > .separate > .title {
  color: #000;
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: break-word;
  word-break: break-word;
  margin: 0;
}

.kf__wrapper_invite > .info-area > .separate > .desc {
  color: #939393;
  margin: 0;
}

.kf__wrapper_invite > .info-area > .button-area {
  display: flex;
  gap: 10px;
  align-items: center;
}

.kf__wrapper_invite > .info-area > .button-area > .button-def {
  padding: 8px 15px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

.kf__wrapper_invite > .info-area > .button-area > .button-def.accept-btn {
  color: var(--main);
  background: #c64d5333;
  font-weight: 600;
  padding: 8px 25px;
}

.stream-lightbox-container .reaction-btn {
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transform: scale(0.8);
  transition: transform 0.15s ease;
  padding: 8px;
}

.stream-lightbox-container .reaction-btn:hover {
  transform: scale(1.2);
}

.stream-lightbox-container .reaction-btn img {
  width: 40px;
  height: 40px;
}

.stream-nav-slider {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 5px 13px 13px;
  border-bottom: 1px solid #e7e7e7;
}

.stream-nav-slider > .nav {
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 50px;
  font-weight: 600;
  font-family: system-ui;
  background: #f3f3f3;
}

.stream-nav-slider > .nav.active {
  color: #c64d53;
  background: #f0e3e3;
}

.stream-nav-tab {
  position: relative;
  height: 100%;
  padding: 15px;
}

.stream-nav-tab > .post_structure {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.stream-nav-tab > .post_structure > .title {
  font-size: 23px;
  font-weight: 600;
  font-family: system-ui;
  color: #000;
}

.stream-nav-tab > .post_structure > .post_footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.stream-nav-tab > .post_structure > .post_footer > .action {
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: 0.1s background;
  border-radius: 5px;
  padding: 8px 0;
}

.stream-nav-tab > .post_structure > .post_footer > .action:hover {
  background: #f7f7f7;
}

.stream-nav-tab > .post_structure > .post_footer > .action > .wo-reaction > .like-btn > span {
  display: flex;
  align-items: center;
  gap: 3px;
}

.stream-nav-tab > .post_structure > .post_footer > .action > .button_prefab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.stream-nav-tab > .post_structure > .post_footer > .action > .button_prefab > .button_action svg {
  margin-top: -4px;
}

.stream-bg-none {
  background-color: transparent !important;
}

.lightbox-footer-textarea {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  border-top: 1px solid #e7e7e7;
}

.lightbox-footer-textarea > .chat-input-divider {
  height: 55px;
}

.stream-nav-tab > .handler-chat-container {
  display: flex;
  position: absolute;
  flex-flow: column nowrap;
  scroll-behavior: smooth;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 55px);
  padding: 10px 10px;
  top: 0;
  left: 0;
}

.share_structure {
  padding: 10px;
  margin-top: 8px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  background: #fff;
  max-width: 560px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: #111;
  z-index: 30;
}

.share_structure > .share-header {
  margin-bottom: 10px;
}

.share_structure > .share-header > .title {
  font-size: 18px;
}

.share-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.share-row .share-input {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  outline: none;
  background: #fafafa;
  font-size: 13px;
  color: inherit;
}

.share-row .share-btn {
  color: #c64d53;
  background: #f0e3e3;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.share-clip-msg {
  font-size: 12px;
  color: #0f5132;
  margin-left: 8px;
  display: none;
}

.share-networks {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.share-networks button {
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid #eee;
  cursor: pointer;
  background: #fafafa;
  font-size: 13px;
}

.share_structure .share_stream_popup { width: 100%;display: flex;justify-content: space-around;margin-top: 15px; }
.share_structure .share_stream_popup > .share_option { display: flex;flex-direction: column;cursor: pointer;text-align: center;gap: 8px; }
.share_structure .share_stream_popup > .share_option svg { width: 100%; }
.share_structure .share_stream_popup > .share_option span { font-size: 13px; }
.kf_post_layout_stream { height: 500px; }
.kf_post_layout_stream > .live-container { position: absolute;display: flex;justify-content: center;align-items: center;left: 15px;width: calc(100% - 30px);height: 500px;background-color: #000;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;overflow: hidden; }
.kf_post_layout_stream > .live-container > .background-blur { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;filter: blur(15px);transform: scale(1.05);z-index: 0; }
.kf_post_layout_stream > .live-container > #background-video { position: relative;object-fit: contain;width: 100%;height: 100%;max-height: 360px;z-index: 1;background-color: #080808; }
.kf_post_layout_stream > .live-container > .overlay { position: absolute;display: flex;top: 0;left: 0;width: 100%;height: 100%;color: white;cursor: pointer;flex-direction: column;justify-content: space-between;box-sizing: border-box;z-index: 2;transition: opacity 0.2s ease-in-out; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info { position: absolute;top: 50%;left: 20px;transform: translateY(-50%);text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .live-title-container { display: flex;flex-direction: column;gap: 10px;margin-bottom: 10px; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .live-title-container > .live-badge { max-width: 50px;text-align: center;padding: 4px 10px;border-radius: 5px;font-weight: bold;font-size: 0.9em; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .live-title-container > .live-badge.active { background-color: #ff004f; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .live-title-container h1 { margin: 0;font-size: 1.4em; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .streamer-info { display: flex;align-items: center;max-width: 250px; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .streamer-info img { width: 35px;height: 35px;border-radius: 50%;margin-right: 10px; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .streamer-info > .streamer-details { display: flex;flex-direction: column;text-align: left; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .streamer-info > .streamer-details > .streamer-name { font-weight: bold; }
.kf_post_layout_stream > .live-container > .overlay > .top-left-info > .streamer-info > .streamer-details > .viewer-count { font-size: 0.9em;color: #ddd; }
.kf_post_layout_stream > .live-container > .overlay > .player-container { position: absolute;padding: 10px;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);transition: opacity 0.2s ease-in-out; }
.kf_post_layout_stream > .live-container > .overlay > .player-container.static { height: 100px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls { display: flex;align-items: center;justify-content: space-between; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .left-controls { display: flex;align-items: center;gap: 10px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .left-controls > button { background: none;border: none;color: white;cursor: pointer;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);transition: transform 0.2s;padding: 0; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls button:hover { transform: scale(1.1); }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls svg {  width: 34px;height: 34px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container { position: relative;display: flex;align-items: center;cursor: pointer;justify-content: center;transition: background-color 0.2s;width: 48px;height: 48px;border-radius: 50%; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container:hover #volume-slider { opacity: 1;visibility: visible; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container svg { display: block;margin: 0; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container #volume-slider { position: absolute;width: 100px;height: 10px;transform: translateX(-50%) rotate(-90deg);transform-origin: 50% 50%;bottom: calc(100% + 48px);left: 50%;-webkit-appearance: none;appearance: none;background: transparent;outline: none;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;z-index: 3;padding: 0;margin: 0; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container #volume-slider::-webkit-slider-runnable-track { width: 100%;height: 10px;background: rgba(255, 255, 255, 0.3);border-radius: 5px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container #volume-slider::-moz-range-track { width: 100%;height: 10px;background: rgba(255, 255, 255, 0.3);border-radius: 5px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container #volume-slider::-webkit-slider-thumb { -webkit-appearance: none;appearance: none;width: 20px;height: 20px;background: white;border-radius: 50%;cursor: pointer;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);margin-top: -5px;z-index: 2; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container #volume-slider::-moz-range-thumb { width: 20px;height: 20px;background: white;border-radius: 50%;cursor: pointer;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .player-controls > .volume-container #volume-slider::before { content: '';position: absolute;width: var(--thumb-position, 50%);height: 10px;background: white;border-radius: 5px;top: 0;left: 0;transform-origin: left;z-index: 1; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container { display: flex;flex-direction: column;align-items: center;width: 100%;height: 30px;margin-bottom: 5px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container > .progress-bar { position: relative;width: 100%;height: 8px;background-color: rgba(255, 255, 255, 0.3);border-radius: 4px;cursor: pointer;margin-bottom: 5px; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container > .progress-bar > .buffer-bar { position: absolute;top: 0;left: 0;height: 100%;background-color: rgba(255, 255, 255, 0.2);border-radius: 4px;width: 0%; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container > .progress-bar > .played-bar { position: absolute;top: 0;left: 0;height: 100%;background-color: #fff;border-radius: 4px;width: 0%; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container > .progress-bar > .seek-handle { position: absolute;top: 50%;left: 0%;transform: translate(-50%, -50%);width: 16px;height: 16px;background-color: white;border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);display: none; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container > .progress-bar:hover .seek-handle { display: block; }
.kf_post_layout_stream > .live-container > .overlay > .player-container > .progress-bar-container > .time-display { color: white;font-size: 0.9em;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);width: 100%;text-align: right;padding-right: 5px; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button { position: absolute;display: flex;justify-content: center;align-items: center;z-index: 1;cursor: pointer;bottom: 90px;width: 100%; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button > .action { display: flex;align-items: center;color: #fff;background: #ffffff17;border: 1px solid #ffffff12;border-radius: 50px;padding: 5px 20px;gap: 10px; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button > .action svg { rotate: -180deg; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button rect { animation-name: animation-svg-watch;animation-duration: 0.5s;animation-timing-function: ease-out;animation-iteration-count: infinite; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button rect:nth-of-type(1) { animation-delay: 0s; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button rect:nth-of-type(2) { animation-delay: 0.1s; }
.kf_post_layout_stream > .live-container > .overlay .join_stream_button rect:nth-of-type(3) { animation-delay: 0.2s; }

/*Snackbar*/
.snackbar-container { transition: all .5s ease;transition-property: top,right,bottom,left,opacity;background: #000;position: fixed;display: flex;align-items: center;gap: 35px;color: #fff;padding: 12px 16px;bottom: 0;opacity: 0;margin: 10px;z-index: 9999;border-radius: 5px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);letter-spacing: 0.25px;width: auto;max-width: 420px;min-height: 56px; }
.snackbar-container:before { content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: var(--main);border-radius: 4px;opacity: 0.1; }
.snackbar-container .action { display: inline-block;border: none;font-size: 0;margin: 0 0 0 auto;padding: 0;flex: 0 0 auto;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3e%3cpath fill='%23F5EFF7' d='M480-416.348 287.826-224.174Q275.152-211.5 256-211.5t-31.826-12.674Q211.5-236.848 211.5-256t12.674-31.826L416.348-480 224.174-672.174Q211.5-684.848 211.5-704t12.674-31.826Q236.848-748.5 256-748.5t31.826 12.674L480-543.652l192.174-192.174Q684.848-748.5 704-748.5t31.826 12.674Q748.5-723.152 748.5-704t-12.674 31.826L543.652-480l192.174 192.174Q748.5-275.152 748.5-256t-12.674 31.826Q723.152-211.5 704-211.5t-31.826-12.674L480-416.348Z'/%3e%3c/svg%3e");width: 24px;height: 24px;background-color: transparent;background-size: contain;position: relative; }

/* Responsive */
@keyframes animation-svg-watch {
  0% {
    y: 4px;
    height: 10px;
  }
  40% {
    y: 4px;
    height: 12px;
  }
  70% {
    y: 4px;
    height: 6px;
  }
  100% {
    y: 4px;
    height: 10px;
  }
}
@media screen and (max-width: 480px) {
  .kf__wrapper_ended { margin: 80px auto; }
  .kf__wrapper_invite {
    gap: 10px;
    padding: 10px;
  }
  .kf__wrapper_invite {
    --avatar-size: 48px;
    --avatar-overlap: 14px;
  }
  .kf__wrapper_invite > .info-area > .separate > .title {
    font-size: 16px;
  }
  .kf__wrapper_invite > .info-area > .button-area > .button-def.accept-btn {
    padding: 8px 16px;
  }
  #videoContainer:not(.dashboard) {
    height: 300px;
  }
  .stream-lightbox-container .reaction-btn img { max-width: 30px;max-height: 30px; }
  .stream-nav-tab > .stream-footer-chat > .emoji-card { overflow-y: scroll;height: calc(100% - 55px); }
  .share-row { flex-direction: column; align-items: stretch; }
  .share-row .share-btn { width: 100%; }
  .share-networks { justify-content: space-between; }
  body.live_timeline {
    overflow-y: auto;
    padding: 0;
  }
  body.live_timeline.overflow_hidden {
    overflow: hidden;
  }
  body.live_timeline .main-content {
    margin-top: auto !important;
  }
  body.live_timeline .livestream-container {
    display: block;
  }
  body.live_timeline #container_content {
    height: 100%;
  }
  body.live_timeline .video-section {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    max-width: none;
    padding-top: 0;
  }
  body.live_timeline .section-record .video-placeholder,
  body.live_timeline .section-record .video-placeholder video {
    height: 56.25vw;
  }
  body.live_timeline .section-record .video-placeholder .plyr:fullscreen video {
    height: 100% !important;
  }
  body.live_timeline .video-section .video-placeholder {
    height: 56.25vw;
  }
  body.live_timeline .video-section .video-placeholder > .plyr > .plyr__video-wrapper {
    border-radius: 0 !important;
  }
  body.live_timeline .chat-section.turn-bottom {
    position: fixed;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    transform: translateY(0%);
    transition: transform 0.3s ease;
  }
  body.live_timeline .chat-section.turn-bottom.closed {
    transform: translateY(100%);
  }
  body.live_timeline .video-placeholder:not(.isLive) {
    flex: 0 0 35%;
    background-color: black;
  }
  body.live_timeline .placeholder-offline {
    height: 100%;
  }
  body.live_timeline .chat-section { 
    width: 100%;
    height: calc(100% - 56.25vw);
    position: relative;
    top: 0;
  }
  body.live_timeline .chat-section.replay.closed {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s;
  }
  body.live_timeline .section-record .video-placeholder .overlay_bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 0;
    height: calc(100% - 56.25vw);
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  body.live_timeline .pt_video_comments .comments-header {
    display: flex;
    align-items: center;
    font-size: 16px;
  }
  body.live_timeline .listen-video {
    padding: 0;
    margin-top: 25px;
  }
  body.live_timeline .top_comment_margin {
    float: none;
  }
  body.live_timeline .button_smiles {
    float: none;
  }
  body.live_timeline .chat-section.replay {
    position: absolute;
    z-index: 1000;
    top: auto;
    bottom: 0;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border: none;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s;
  }
  body.live_timeline .btn-fab-floating {
    display: none;
  }
  body.live_timeline .video-options {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  body.live_timeline .stream-likes .like-btn {
    margin: 0 5px;
  }
  .livevideo-container {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    display: block;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
  }
  .livevideo-container.showLayout {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease; 
  }
  .kf_live_superoptions > .header_option {
    display: none;
  }
  .kf_live_superoptions {
    border: none;
    border-radius: 10px;
  }
  .superotions_part > .option_selection:hover { border-radius: 10px; } 
  .video-grid { grid-template-columns: repeat(1, 1fr) !important; }
  .kf_recent_streams { display: none !important; }
  .swiper-slide.swiper-m {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
  .recent-broadcast-container > .title {
    display: block !important;
  }
  .KFLayoutMobile_ModuleMain .kf_bottom_live .input-container #messageLive {
    margin-right: 0 !important;
  }
}

@media (max-width: 768px) {
  .livevideo-container {
    margin: 0 !important;
  }
  .hearts_layout.dashboard { position: fixed;bottom: 65px;right: 68px; }
}

/*Side Menu*/
.subscribers_img_{ height: 80%;border-radius: 50%;margin-right: 10px; }
.yp_side_menu { transition: all 0.3s; }
.yp_side_menu.has_side_menu { margin-left: 80px;transition: all 0.3s; }
.yp_side_drawer { position: fixed;width: 250px;left: 0;top: var(--kf-top-position);z-index: 1000;background-color: white;bottom: 0;box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.15);overflow-y: auto;transition: all 0.3s; }
.yp_side_drawer.hide_side_menu { left:-80px;transition: all 0.3s; }
.yp_side_drawer .open_side_menu_head { display: none;align-items: center;height: 56px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.yp_side_drawer .open_side_menu_head > span { padding: 6px;color: #696969;margin: 10px 5px 10px auto;cursor: pointer; }
.yp_side_drawer ul.sections { height: 100%;border-bottom: 1px solid #ddd;padding: 6px 0;display: block;margin: 0;background: transparent !important; }
.yp_side_drawer ul.sections:last-child { border:0; }
.yp_side_drawer ul.sections h3 { margin: 0;padding: 8px 24px;font-size: 1.4rem;font-weight: 500;letter-spacing: .007px;text-transform: uppercase;color: #424242; }
.yp_side_drawer ul.sections li { display: block;width: 100%;background: transparent !important; }
.yp_side_drawer ul.sections li a { padding: 0 5px;display: flex;line-height: 55px;height: 55px;align-items: center;width: 100%;text-decoration: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.1s;font-weight: 500;position: relative; }
.yp_side_drawer ul.sections li a:before { content: '';position: absolute;bottom: 5px;left: 34px;width: 9px;height: 9px;border-radius: 50%;background: #04abf2;opacity: 0;visibility: hidden; }
.yp_side_drawer ul.sections li a:hover { color: #04abf2; }
.yp_side_drawer ul.sections li.active a { color: #04abf2; }
.yp_side_drawer ul.sections li.active a:before { opacity: 1;visibility: visible; }
.yp_side_drawer ul.sections li a svg { margin: 0 10px;width: 26px;height: 26px; }
body.side_open .yp_side_menu.has_side_menu { margin-left: 250px; }
body.side_open .yp_side_drawer { width: 250px; }
.yp_side_drawer ul.sections.subs_list li a { line-height: 44px;height: 44px; }
.yp_side_drawer .subscribers_img_ { margin: 0 15px;width: 26px;height: 26px; }
.hide { display: none; }