/*******************************************************************************
Create by Emerel.xyz
Project       : KlipKlep
Developer     : Rizki Lutfhi A.K.A Emerel
Dev URL       : https://emerel.xyz/
Dev Telegram  : @rizkilutfhi15
*******************************************************************************/
#emerel_cms[pp-theme="light"] {--col_base: #ffffff;--col_rais: #f2f2f2;--col_menu: #ffffff;--col_text: #0f0f0f;--col_text2: #606060;--col_text3: #909090;--col_outline: rgba(0,0,0,0.25);--col_btn: rgba(0,0,0,0.05);--col_btn2: rgba(0,0,0,0.1);--col_btn3: rgba(0,0,0,0.2);}
#emerel_cms[pp-theme="dark"] {--col_base: #0f0f0f;--col_rais: #212121;--col_menu: #282828;--col_text: #f1f1f1;--col_text2: #aaaaaa;--col_text3: #717171;--col_outline: rgba(255,255,255,0.25);--col_btn: rgba(255,255,255,0.05);--col_btn2: rgba(255,255,255,0.1);--col_btn3: rgba(255,255,255,0.2);}
html {filter: none;} body {margin: 0;padding: 0;font-size: 16px;background: var(--col_base);}
a, link {color: var(--col_primary);text-decoration: none} a:hover, link:hover {color: var(--col_primary_sup);}
a, link, button {cursor: pointer;transition: var(--glo_trans);} textarea {line-height: 1.4;resize: vertical;}
*::-webkit-scrollbar {width: 5px;height: 5px;} *::-webkit-scrollbar-track {background: var(--col_btn);border-radius: var(--glo_radius);}
*::-webkit-scrollbar-thumb {background: var(--col_primary);border-radius: var(--glo_radius);} *::-webkit-scrollbar-thumb:hover {background: var(--col_primary_sup);}
@keyframes ppLoading {0%{transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.pp_icon {display: contents;} .pp_icon .ppicon{width: 1em;height: 1em;vertical-align: -0.2em;font-size: inherit;display: inline-block;}
.pp_verified_badge {display: contents!important;}
.pp_verified_badge svg {width: 1em;height: 1em;margin: 0 0 0 5px;vertical-align: -0.2em;font-size: inherit;display: inline-block;}
.pp_404 {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 10px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 450px;margin: 50px auto;}
.pp_404 h2.pnp_title {display: flex;position: relative;flex-direction: row;align-items: center;font-size: 120px;font-weight: 700;text-align: center;margin: 0;}
.pp_404 h2.pnp_title span {color: var(--col_primary);}
.pp_404 h2.pnp_title i {display: block;margin: 0 -20px 0 -15px;color: var(--col_text);}
.pp_404 span.pnp_text {display: block;position: relative;font-size: 16px;text-align: center;line-height: 1.3;color: var(--col_text2);}
[pp-elm-hidden] {display: none!important;}

/* PLUG STYLE
**************************/
.pp_theme_mode {display: block;position: relative;overflow: hidden;}
.pp_theme_mode .modes {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;padding: 8px 10px;color: var(--col_text);background: var(--col_btn);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_theme_mode .modes:hover {background: var(--col_btn2);}
.pp_theme_mode .modes .mode {display: none;flex-direction: row;align-items: center;gap: 7px;}
.pp_theme_mode .modes .mode.active {display: flex!important;}
.pp_theme_mode .modes .mode i {font-size: 18px;}
.pp_theme_mode .modes .mode span {display: block;margin: -1px 0 0;font-size: 14px;}
.pp_theme_lang {display: block;position: relative;}
.pp_theme_lang .curlang {display: flex;position: relative;flex-direction: row;align-items: center;gap: 7px;width: -moz-fill-available;width: -webkit-fill-available;padding: 8px 10px;color: var(--col_text);background: var(--col_btn);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_theme_lang .curlang:hover {background: var(--col_btn2);} .pp_theme_lang .curlang i {font-size: 18px;}
.pp_theme_lang .curlang span {display: block;margin: -1px 0 0;font-size: 14px;}
.pp_theme_lang .sellang {display: none;position: absolute;flex-direction: column;bottom: 35px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_menu);box-shadow: var(--glo_bshadow);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_theme_lang .sellang.show {display: flex;}
.pp_theme_lang .sellang .itelang {display: block;position: relative;padding: 8px 8px 8px 35px;font-size: 15px;color: var(--col_text);transition: var(--glo_trans);cursor: pointer;}
.pp_theme_lang .sellang .itelang:hover {background: var(--col_btn);}
.pp_theme_lang .sellang .itelang.active {font-weight: 500;color: var(--col_primary);cursor: default;}
.pp_theme_lang .sellang .itelang.active:hover {background: var(--col_menu);}
.pp_form_msg {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_btn);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);overflow: hidden;}
.pp_form_msg.dnone {display: none!important;}
.pp_form_msg.error {background: var(--col_error);border: solid 1px var(--col_error_sup);}
.pp_form_msg.error li {color: var(--col_error_text);border-bottom: solid 1px var(--col_error_sup);}
.pp_form_msg ul {display: flex;position: relative;flex-direction: column;margin: 0;padding: 0;}
.pp_form_msg ul li {display: block;list-style-type: none;padding: 10px 15px;font-size: 15px;line-height: 1.4;color: var(--col_text2);border-bottom: solid 1px var(--col_outline);}
.pp_form_msg ul li:last-child {border-bottom: none;}
.pp_alert {display: flex;position: fixed;flex-direction: column;gap: 15px;bottom: 30px;right: 30px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 300px;z-index: 1000;}
.pp_alert .msg {display: block;position: relative;padding: 8px 15px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 16px;font-weight: 500;color: var(--col_text2);background: var(--col_cont);border: solid 2px var(--col_outline);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_alert .msg.success {color: var(--col_success_text);background: var(--col_success);border: solid 2px var(--col_success_sup);}
.pp_alert .msg.error {color: var(--col_error_text);background: var(--col_error);border: solid 2px var(--col_error_sup);}
.pp_alert .msg.common {color: var(--col_text);background: var(--col_btn);border: solid 2px var(--col_btn2);}
.pp_notifed {display: none;position: fixed;flex-direction: column;bottom: 30px;right: 30px;padding: 10px 15px;font-size: 15px;color: var(--col_text);background: var(--col_btn);border-radius: var(--glo_radius2);z-index: 100002;}
.pp_notifed.show {display: flex!important;}
.pp_notifed.success {color: var(--col_success_text);background: var(--col_success);}
.pp_notifed.error {color: var(--col_error_text);background: var(--col_error);}
.pp_dialogs {display: none;position: fixed;flex-direction: column;align-items: center;justify-content: center;top: 0;left: 0;width: 100%;height: 100%;z-index: 100001;}
.pp_dialogs .d_overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;opacity: 0.4;z-index: 1;}
.pp_dialogs .d_main {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;max-width: 350px;background: var(--col_base);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);z-index: 2;}
.pp_dialogs .d_main .d_head {display: flex;position: relative;flex-direction: column;gap: 15px;padding: 15px;border-bottom: solid 1px var(--col_outline);}
.pp_dialogs .d_main .d_head span.dh_title {display: block;position: relative;font-size: 18px;line-height: 1.4;text-align: center;color: var(--col_text);}
.pp_dialogs .d_main .d_head input {display: block;position: relative;padding: 8px;font-size: 15px;color: var(--col_text);background: var(--col_rais);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);outline: none;}
.pp_dialogs .d_main .d_head input:focus {border: solid 1px var(--col_primary);}
.pp_dialogs .d_main .d_foot {display: flex;position: relative;flex-direction: row;gap: 15px;padding: 10px;}
.pp_dialogs .d_main .d_foot .df_btn {display: block;position: relative;flex: 2;padding: 7px 10px;font-size: 16px;font-weight: 500;text-align: center;color: var(--col_text);background: var(--col_btn2);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_dialogs .d_main .d_foot .df_btn:hover {background: var(--col_btn3);}
.pp_dialogs .d_main .d_foot .df_btn.dfb_yes {color: var(--col_primary_text);background: var(--col_primary);}
.pp_dialogs .d_main .d_foot .df_btn.dfb_yes:hover {background: var(--col_primary_sup);}
.pp_dialogs .d_main .d_foot .df_loading {display: none;position: relative;flex: 1;font-size: 22px;text-align: center;color: var(--col_primary);}
.pp_dialogs .d_main .d_foot .df_loading i svg {animation: ppLoading 1s linear infinite;}
.pp_top_ads {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;overflow: hidden;}
.pp_top_ads .ta_col {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;}
.pp_top_ads .ta_col.pd {padding: 20px;}

/* HEADER STYLE
**************************/
.pp_header {display: block;position: fixed;top: 0;left: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 55px;background: var(--col_base);z-index: 10000;}
.pp_header .container {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;height: 100%;}
.pp_header .container .group {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.pp_header a.brand {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;min-width: 280px;text-decoration: none;outline: none;}
.pp_header a.brand .logo {display: block;position: relative;width: 40px;}
.pp_header a.brand .logo img {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_header a.brand .name {display: block;font-size: 20px;font-weight: 800;color: var(--col_text);}
.pp_header .mob_nav {display: none;position: relative;}
.pp_header .mob_nav .mn_btn {display: block;position: relative;width: 37px;height: 37px;line-height: 37px;text-align: center;color: var(--col_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_header .mob_nav .mn_btn i {display: block;font-size: 20px;} .pp_header .mob_nav .mn_btn:hover {background: var(--col_btn2);}
.pp_header .search {display: flex;position: relative;flex-direction: column;width: 45vw;height: 37px;overflow: hidden;}
.pp_header .search form {display: flex;position: relative;flex-direction: row;align-items: center;width: -moz-fill-available;width: -webkit-fill-available;height: 100%;border: solid 1px var(--col_outline);border-radius: var(--glo_radius);transition: var(--glo_trans);overflow: hidden;}
.pp_header .search form:focus-within {border: solid 1px var(--col_primary);}
.pp_header .search form:focus-within > button {border-left: solid 1px var(--col_primary);}
.pp_header .search form input {display: block;width: calc(85% - 20px);height: 100%;font-size: 15px;background: var(--col_base);color: var(--col_text);padding: 0 10px;border: none;outline: none;}
.pp_header .search form button {display: block;width: calc(15% - 0px);height: 100%;font-size: 20px;color: var(--col_text);background: var(--col_btn2);border: none;border-left: solid 1px var(--col_outline);}
.pp_header .search form button:hover {background: var(--col_btn3);}
.pp_header .account {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: flex-end;gap: 15px;}
.pp_header .account a.auth {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 7px 15px;font-size: 16px;font-weight: 500;color: var(--col_text);background: var(--col_btn);border-radius: var(--glo_radius);}
.pp_header .account a.auth:hover {background: var(--col_btn2);}
.pp_header .account .profile {display: flex;position: relative;flex-direction: column;}
.pp_header .account .profile .p_btn {display: block;position: relative;width: 35px;height: 35px;border: solid 1px var(--col_btn2);border-radius: 100%;transition: var(--glo_trans);cursor: pointer;overflow: hidden;}
.pp_header .account .profile .p_btn img {display: block;position: absolute;left: 50%;transform: translate(-50%, 0);height: 100%;}
.pp_header .account .profile .p_btn:hover {border: solid 1px var(--col_btn3);}
.pp_header .account .profile .p_menu {display: none;position: absolute;flex-direction: column;right: 45px;top: 0;width: 320px;background: var(--col_menu);box-shadow: var(--glo_bshadow);border-radius: var(--glo_radius2);z-index: 10000;}
.pp_header .account .profile .p_menu.show {display: block;}
.pp_header .account .profile .p_menu .pm_prof {display: flex;position: relative;flex-direction: row;align-items: flex-start;gap: 15px;padding: 15px;border-bottom: solid 1px var(--col_outline);}
.pp_header .account .profile .p_menu .pm_prof .pmp_pic {display: block;position: relative;width: 50px;height: 50px;border: solid 1px var(--col_btn2);border-radius: 100%;overflow: hidden;}
.pp_header .account .profile .p_menu .pm_prof .pmp_pic img {display: block;position: absolute;left: 50%;transform: translate(-50%, 0);height: 100%;}
.pp_header .account .profile .p_menu .pm_prof .pmp_dtl {display: flex;position: relative;flex-direction: column;}
.pp_header .account .profile .p_menu .pm_prof .pmp_dtl span {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;width: 200px;font-size: 18px;font-weight: 500;color: var(--col_text);overflow: hidden;}
.pp_header .account .profile .p_menu .pm_prof .pmp_dtl label {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;width: 200px;font-size: 15px;color: var(--col_text2);margin: 0 0 8px;overflow: hidden;}
.pp_header .account .profile .p_menu .pm_prof .pmp_dtl a {display: block;font-size: 14px;font-weight: 500;color: var(--col_primary);}
.pp_header .account .profile .p_menu .pm_lists {display: flex;position: relative;flex-direction: column;gap: 15px;padding: 15px;height: 100%;max-height: 300px;overflow-y: auto;}
.pp_header .account .profile .p_menu .pm_lists a.pm_item {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;color: var(--col_text);}
.pp_header .account .profile .p_menu .pm_lists a.pm_item i {display: block;font-size: 20px;}
.pp_header .account .profile .p_menu .pm_lists a.pm_item span {display: block;font-size: 16px;font-weight: 500;}
.pp_header .account .profile .p_menu .pm_lists a.pm_item:hover {color: var(--col_primary);}
.pp_header .mob_search {display: none;position: relative;flex-direction: column;}
.pp_header .mob_search .ms_btn {display: block;position: relative;width: 37px;height: 37px;line-height: 37px;font-size: 25px;text-align: center;color: var(--col_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_header .mob_search .ms_btn:hover {background: var(--col_btn2);}
.pp_header .notif {display: flex;position: relative;flex-direction: column;}
.pp_header .notif .n_btn {display: block;position: relative;width: 37px;height: 37px;line-height: 37px;font-size: 25px;text-align: center;color: var(--col_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_header .notif .n_btn label {display: block;position: absolute;top: 5px;left: 17px;font-size: 12px;line-height: 1.5;height: 16px;padding: 0 5px;background: #cc3945;color: #ffffff;border-radius: var(--glo_radius);cursor: pointer;}
.pp_header .notif .n_btn:hover {background: var(--col_btn2);}
.pp_header .notif .n_con {display: none;position: absolute;flex-direction: column;right: 45px;top: 0;width: 400px;background: var(--col_menu);box-shadow: var(--glo_bshadow);border-radius: var(--glo_radius2);z-index: 9999;overflow: hidden;}
.pp_header .notif .n_con.show {display: flex;}
.pp_header .notif .n_con .nc_head {display: flex;position: relative;flex-direction: row;align-items: center;padding: 15px 20px;border-bottom: solid 1px var(--col_outline);}
.pp_header .notif .n_con .nc_head h3 {display: block;margin: 0;font-size: 20px;color: var(--col_text);}
.pp_header .notif .n_con .nc_list {display: flex;position: relative;flex-direction: column;min-height: 300px;max-height: 350px;overflow-y: auto;}
.pp_header .notif .n_con .nc_list .ncl_null {display: block;position: relative;padding: 15px 20px;width: -moz-fill-available;width: -webkit-fill-available;height: 100%;text-align: center;color: var(--col_text2);}
.pp_header .notif .n_con .nc_list .ncl_all {display: block;position: relative;margin: 15px auto;padding: 8px;width: calc(70% - 0px);font-size: 16px;font-weight: 500;text-align: center;background: var(--col_primary);color: var(--col_primary_text);border-radius: var(--glo_radius);}
.pp_header .notif .n_con .nc_list .ncl_all:hover {background: var(--col_primary_sup);}
.pp_header .notif .n_con .nc_list .ncl_item {display: flex;position: relative;flex-direction: row;gap: 15px;padding: 15px 20px;border-bottom: solid 1px var(--col_outline);transition: var(--glo_trans);cursor: pointer;}
.pp_header .notif .n_con .nc_list .ncl_item:last-child {border-bottom: none;} .pp_header .notif .n_con.show .nc_list .ncl_item:hover {background: var(--col_btn);}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_read {display: block;position: absolute;top: 40px;left: 7px;width: 7px;height: 7px;background: var(--col_primary);border-radius: 100%;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_pic {display: block;position: relative;width: 55px;height: 55px;border: solid 1px var(--col_outline);border-radius: 100%;overflow: hidden;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_pic a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_pic img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_info {display: block;position: relative;flex: 1;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_info a {display: inline-block;margin: 0 3px 0 0;font-size: 15px;font-weight: 500;color: var(--col_text);}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_info p {display: contents;margin: 0;padding: 0;font-size: 15px;color: var(--col_text);}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_info label {display: block;position: relative;margin: 8px 0 0;font-size: 12px;color: var(--col_text2);cursor: pointer;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_btn {display: block;position: relative;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_btn a {display: block;position: relative;width: 65px;height: 75px;border: solid 1px var(--col_outline);overflow: hidden;}
.pp_header .notif .n_con .nc_list .ncl_item .ncli_btn a img {display: block;position: absolute;top: 50%;left: 0;transform: translate(0px, -50%);width: 100%;height: auto;}
.pp_headtags {display: flex;position: relative;flex-direction: column;}
.pp_headtags .ht_cont {display: flex;position: relative;flex-direction: row;gap: 15px;padding: 10px 20px 0;overflow-x: scroll;overflow-y: hidden;scrollbar-width: none;z-index: 1;}
.pp_headtags .ht_cont a.htc_item {display: flex;position: relative;flex-direction: column;padding: 6px 10px;min-width: 70px;font-size: 14px;font-weight: 500;text-align: center;text-transform: capitalize;color: var(--col_text2);background: var(--col_btn);border-radius: var(--glo_radius2);}
.pp_headtags .ht_cont a.htc_item.active, .pp_headtags .ht_cont a.htc_item.active:hover {color: var(--col_base);background: var(--col_text2);}
.pp_headtags .ht_cont a.htc_item:hover {background: var(--col_btn2);}
.pp_headtags .ht_btn {display: block;position: absolute;top: 31px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 2;}
.pp_headtags .ht_btn .htb_arr {display: flex;position: absolute;flex-direction: column;align-items: center;justify-content: center;top: 50%;transform: translate(0, -70%);width: 33px;height: 33px;background: var(--col_base);box-shadow: var(--glo_bshadow);border-radius: 100%;cursor: pointer;transition: var(--glo_trans);overflow: hidden;}
.pp_headtags .ht_btn .htb_arr.dnone {visibility: hidden!important;width: 0;height: 0;}
.pp_headtags .ht_btn .htb_arr.left {left: 6px;}
.pp_headtags .ht_btn .htb_arr.right {right: 6px;}
.pp_headtags .ht_btn .htb_arr i {display: block;position: relative;bottom: 1px;font-size: 16px;color: var(--col_text2);}
.pp_headtags .ht_btn .htb_arr:hover {scale: 0.9;transform-origin: center;}

/* SIDENAV STYLE
**************************/
.pp_sidenav {display: block;position: fixed;top: 55px;left: 0;width: 250px;height: calc(100% - 55px);background: var(--col_base);z-index: 9999;}
.pp_sidenav .container {display: flex;position: relative;flex-direction: column;height: calc(100% - 40px);overflow-y: auto;}
.pp_sidenav .menu {display: flex;position: relative;flex-direction: column;}
.pp_sidenav .menu .group {display: flex;position: relative;flex-direction: column;gap: 8px;}
.pp_sidenav .menu a.item {display: flex;position: relative;flex-direction: row;align-items: center;gap: 12px;padding: 8px 10px;border-radius: var(--glo_radius);}
.pp_sidenav .menu a.item:hover {background: var(--col_btn2);}
.pp_sidenav .menu a.item i {font-size: 24px;color: var(--col_text);}
.pp_sidenav .menu a.item span {display: block;font-size: 18px;font-weight: 500;color: var(--col_text);}
.pp_sidenav .menu a.item.active {background: transparent;} .pp_sidenav .menu a.item.active >* {color: var(--col_primary);}
.pp_sidenav .foot {display: flex;position: relative;flex-direction: column;gap: 20px;margin: 20px 0 0;padding: 20px 0 0;border-top: solid 1px var(--col_outline);}
.pp_sidenav .foot .navs {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;gap: 10px 15px;}
.pp_sidenav .foot .navs a.item {display: flex;position: relative;font-size: 14px;color: var(--col_text2);}
.pp_sidenav .foot .navs a.item:hover {text-decoration: underline;}
.pp_sidenav .foot span.credit {display: block;font-size: 15px;color: var(--col_text2);}

/* MAIN STYLE
**************************/
.pp_main {display: block;float: right;margin: 55px 0 0;width: calc(100% - 250px);}
.pp_cph {padding-top: 20px;padding-bottom: 20px;} .pp_cpw {padding-left: 20px;padding-right: 20px;}
.pp_main .row {display: grid;position: relative;gap: 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_main .row.r1 {grid-template-columns: 100fr;} .pp_main .row.r2 {grid-template-columns: 50fr 50fr;}
.pp_main .row.r3 {grid-template-columns: 30fr 70fr;} .pp_main .row.r4 {grid-template-columns: 70fr 30fr;}
.pp_main .row .col {display: block;position: relative;overflow: hidden;}
.pp_main .c_title {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;gap: 20px;margin: 0 0 20px;}
.pp_main .c_title.wb {padding: 0 0 10px;border-bottom: solid 1px var(--col_outline);}
.pp_main .c_title h2 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;flex: 1;margin: 0;padding: 0;font-size: 28px;color: var(--col_text2);}
.pp_main .c_title h3 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 3px;flex: 1;margin: 0;padding: 0;font-size: 22px;color: var(--col_text2);}
.pp_main .c_title h2 label, .pp_main .c_title h3 label {color: var(--col_primary);cursor: text;}
.pp_main .c_title a {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 5px 15px;font-size: 14px;font-weight: 500;color: var(--col_primary_text);background: var(--col_primary);border-radius: var(--glo_radius);}
.pp_main .c_title h2 i, .pp_main .c_title h3 i {display: block;font-size: 22px;color: var(--col_primary);}
.pp_main .c_title a:hover {background: var(--col_primary_sup);} .pp_main .c_title a span {display: block;}
.pp_nothings {display: flex;position: relative;flex-direction: column;padding: 45px 0;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_nothings i {display: block;position: relative;margin: 0 0 5px;font-size: 70px;text-align: center;color: var(--col_primary);}
.pp_nothings span {display: block;font-size: 17px;font-weight: 500;text-align: center;color: var(--col_text2);}
.pp_infobox {display: flex;position: relative;flex-direction: column;gap: 15px;padding: 15px;background: var(--col_rais);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);}
.pp_infobox >* {display: block;position: relative;margin: 0;padding: 0;font-size: 16px;line-height: 1.4;color: var(--col_text2);}
.pp_modal {display: none;position: fixed;flex-direction: column;justify-content: center;align-items: center;top: 0;left: 0;width: 100%;height: 100%;z-index: 100000;}
.pp_modal .m_overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;opacity: 0.7;z-index: 1;}
.pp_modal .m_main {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;max-width: 440px;border: solid 2px var(--col_outer);border-radius: var(--glo_radius2);z-index: 2;overflow: hidden;}
.pp_modal .m_main .m_head {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 15px 20px;background: var(--col_base);border-bottom: solid 1px var(--col_outline);}
.pp_modal .m_main h3.m_tit {display: block;position: relative;margin: 0;padding: 0;font-size: 18px;font-weight: 600;color: var(--col_text);}
.pp_modal .m_main h3.m_tit span {font-weight: normal;color: var(--col_text2);}
.pp_modal .m_main .m_head .close {display: block;position: relative;width: 28px;height: 28px;line-height: 28px;font-size: 18px;text-align: center;color: var(--col_primary);transition: var(--glo_trans);cursor: pointer;}
.pp_modal .m_main .m_content {display: block;position: relative;padding: 20px;min-height: 350px;max-height: 400px;background: var(--col_base);overflow: hidden;overflow-y: auto;}
.pp_modal .m_main .m_content.m_np {padding: 0!important;} .pp_modal .m_main .m_content.m_mh {min-height: unset!important;}
.pp_modal .m_main .m_content::-webkit-scrollbar {width: 3px;} .pp_modal .m_main .m_content::-webkit-scrollbar-track {background: var(--col_sup);}
.pp_modal .m_main .m_content::-webkit-scrollbar-thumb {background: var(--col_primary);} .pp_modal .m_main .m_content::-webkit-scrollbar-thumb:hover {background: var(--col_primary_sup);}
.pp_share_box {display: flex;position: relative;flex-direction: column;}
.pp_share_box .sb_lists {display: flex;position: relative;flex-direction: row;gap: 20px;padding: 15px 20px;overflow-x: scroll;overflow-y: hidden;scrollbar-width: none;z-index: 1;}
.pp_share_box .sb_lists a.sbl_item {display: flex;position: relative;flex-direction: column;align-items: center;gap: 5px;}
.pp_share_box .sb_lists a.sbl_item.wa .sbli_icon {background: #25d366;} .pp_share_box .sb_lists a.sbl_item.wa .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.fb .sbli_icon {background: #3b5998;} .pp_share_box .sb_lists a.sbl_item.fb .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.xc .sbli_icon {background: #000000;} .pp_share_box .sb_lists a.sbl_item.xc .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.tg .sbli_icon {background: #0088cc;} .pp_share_box .sb_lists a.sbl_item.tg .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.em .sbli_icon {background: #02b875;} .pp_share_box .sb_lists a.sbl_item.em .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.sk .sbli_icon {background: #00aff0;} .pp_share_box .sb_lists a.sbl_item.sk .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.rd .sbli_icon {background: #ff4500;} .pp_share_box .sb_lists a.sbl_item.rd .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item.ln .sbli_icon {background: #0a66c2;} .pp_share_box .sb_lists a.sbl_item.ln .sbli_icon i {color: #ffffff;}
.pp_share_box .sb_lists a.sbl_item:hover > .sbli_icon {scale: 0.9;transform-origin: center;}
.pp_share_box .sb_lists a.sbl_item .sbli_icon {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;width: 60px;height: 60px;background: var(--col_btn);border-radius: 100%;transition: var(--glo_trans);overflow: hidden;}
.pp_share_box .sb_lists a.sbl_item .sbli_icon i {display: block;position: relative;margin-top: -2px;font-size: 26px;color: var(--col_text);}
.pp_share_box .sb_lists a.sbl_item span {display: block;position: relative;font-size: 12px;color: var(--col_text);}
.pp_share_box .sb_btn {display: block;position: absolute;top: 55px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 2;}
.pp_share_box .sb_btn .sbl_arr {display: flex;position: absolute;flex-direction: column;align-items: center;justify-content: center;top: 50%;transform: translate(0, -70%);width: 40px;height: 40px;background: var(--col_primary);box-shadow: var(--glo_bshadow);border: solid 2px var(--col_base);border-radius: 100%;cursor: pointer;transition: var(--glo_trans);overflow: hidden;}
.pp_share_box .sb_btn .sbl_arr.dnone {visibility: hidden!important;width: 0;height: 0;}
.pp_share_box .sb_btn .sbl_arr.left {left: 3px;} .pp_share_box .sb_btn .sbl_arr.right {right: 3px;}
.pp_share_box .sb_btn .sbl_arr i {display: block;font-size: 18px;color: var(--col_primary_text);}
.pp_share_box .sb_btn .sbl_arr:hover {scale: 0.9;transform-origin: center;}
.pp_share_box .sb_input {display: flex;position: relative;flex-direction: row;align-items: center;gap: 12px;margin: 10px 15px 20px;padding: 10px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_rais);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_share_box .sb_input .sbi_input {display: block;position: relative;flex: 1;font-size: 15px;color: var(--col_text);background: transparent;border: none;outline: none;}
.pp_share_box .sb_input .sbi_copy {display: block;position: relative;padding: 8px 15px;font-size: 15px;font-weight: 500;color: var(--col_primary_text);background: var(--col_primary);border: none;border-radius: var(--glo_radius2);}
.pp_share_box .sb_input .sbi_copy:hover {background: var(--col_primary_sup);}
.pp_chart_stats {display: flex;position: relative;flex-direction: column;border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_chart_stats .cs_head {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;padding: 8px 10px;background: var(--col_primary);}
.pp_chart_stats .cs_head .csh_title {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;text-align: center;font-weight: 500;color: var(--col_primary_text);}
.pp_chart_stats .cs_head .csh_title span {font-size: 17px;} .pp_chart_stats .cs_head .csh_title i {font-size: 16px;}
.pp_chart_stats .cs_cont {display: flex;position: relative;flex-direction: column;padding: 20px 10px 20px 10px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_box_stats {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;gap: 20px;}
.pp_box_stats .bs_item {display: flex;position: relative;flex-direction: column;flex-basis: calc(50% - 12px);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_box_stats .bs_item .bsi_title {display: flex;position: relative;flex-direction: row;justify-content: center;align-items: center;gap: 5px;padding: 8px;font-size: 16px;color: var(--col_text);background: var(--col_rais);border-bottom: solid 1px var(--col_outline);}
.pp_box_stats .bs_item .bsi_title span {color: var(--col_text2);}
.pp_box_stats .bs_item .bsi_title label {font-size: 13px;color: var(--col_text2);cursor: text;}
.pp_box_stats .bs_item .bsi_cont {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;padding: 8.3px 10px;}
.pp_box_stats .bs_item .bsi_cont .bsic_val {display: block;font-size: 33px;font-weight: 700;color: var(--col_text);}

/* PAGE STYLE
**************************/
.pp_page {display: block;position: relative;overflow: hidden;}
.pp_page >* {font-size: 18px;line-height: 1.4;color: var(--col_text2);}
.pp_page h2, .pp_page h3 {color: var(--col_text);}
.pp_page h2 {font-size: 26px;}
.pp_page h3 {font-size: 22px;}

/* TABLE STYLE
**************************/
.pp_table {display: block;position: relative;border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
.pp_table table {border-collapse: collapse;border-spacing: 0;width: -webkit-fill-available;}
.pp_table table thead {position: relative;}
.pp_table table thead tr {background: var(--col_primary);border-bottom: solid 1px var(--col_outline);}
.pp_table table thead tr th {text-align: left;font-weight: 500;padding: 12px 15px;color: var(--col_primary_text);border-right: solid 1px var(--col_outline);}
.pp_table table thead tr th:last-child {border-right: unset;}
.pp_table table tbody {position: relative;}
.pp_table table tbody tr {background: var(--col_rais);}
.pp_table table tbody tr:nth-child(even) {background: var(--col_base);}
.pp_table table tbody tr td {padding: 12px 15px;color: var(--col_text);border-right: solid 1px var(--col_outline);}
.pp_table table tbody tr td:last-child {border-right: unset;}
.pp_table table tbody tr td a {color: var(--col_primary);font-weight: 700;} .pp_table table tbody td a:hover {color: var(--col_primary_sup);}
.pp_table table tbody tr td.max {max-width: 100px;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;overflow: hidden;}
.pp_table table tbody tr td .tsts {font-weight: 500;} .pp_table table tbody tr td .tsts.s0 {color: var(--col_text);}
.pp_table table tbody tr td .tsts.s1 {color: var(--col_success);} .pp_table table tbody tr td .tsts.s2 {color: var(--col_error);}
.pp_table table tbody tr td .tsts.s3 {color: var(--col_second);}
.pp_table table thead tr th.align.center, .pp_table table tbody tr td.align.center {text-align: center;}
.pp_table table thead tr th.align.right, .pp_table table tbody tr td.align.right {text-align: right;}

/* FORMS STYLE
**************************/
.pp_form, .pp_form .to, .pp_form, .pp_form .to-media {display: flex;position: relative;flex-direction: column;gap: 20px;}
.pp_form .frow {display: flex;position: relative;gap: 20px;}
.pp_form .frow.r1 {flex-direction: column;}
.pp_form .frow.r2, .pp_form .frow.r3 {flex-direction: row;flex-wrap: wrap;justify-content: center;}
.pp_form .frow .fcol {display: block;position: relative;}
.pp_form .frow.r2 .fcol {width: calc(50% - 15px);}
.pp_form .frow.r3 .fcol {width: calc(33% - 12px);}
.pp_form .fgroup {display: flex;position: relative;flex-direction: column;gap: 5px;}
.pp_form .fgroup .ftitle {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 10px;}
.pp_form .fgroup .ftitle .ttl {display: block;font-size: 16px;font-weight: 500;color: var(--col_text2);}
.pp_form .fgroup .ftitle .ttl i {font-style: normal;font-weight: 600;color: var(--col_primary);}
.pp_form .fgroup .ftitle .info {display: block;position: relative;}
.pp_form .fgroup .ftitle .info i {display: block;position: relative;font-size: 16px;text-align: center;color: var(--col_text);cursor: pointer;}
.pp_form .fgroup .ftitle .info span {display: block;visibility: hidden;position: absolute;width: 200px;max-height: 0;right: 0;padding: 0;font-size: 14px;line-height: 1.4;color: var(--col_text);background: var(--col_menu);box-shadow: var(--glo_bshadow);border: solid 1px transparent;border-radius: var(--glo_radius);border-top-right-radius: 0;transition: var(--glo_trans);overflow: hidden;z-index: 100;}
.pp_form .fgroup .ftitle .info i:hover + span {visibility: visible;max-height: 500px;padding: 8px;border: solid 1px var(--col_second_sup);}
.pp_form .fgroup input, .pp_form .fgroup textarea {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;padding: 10px 15px;font-size: 16px;color: var(--col_text);background: var(--col_base);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);}
.pp_form .fgroup input:focus, .pp_form .fgroup textarea:focus {border-color: var(--col_primary);outline: none;}
.pp_form .fgroup input:read-only, .pp_form .fgroup input:disabled,
.pp_form .fgroup textarea:read-only, .pp_form .fgroup textarea:disabled {background: var(--col_btn);border: solid 1px var(--col_outline);}
.pp_form .fgroup .fpass {display: block;position: absolute;bottom: 9px;right: 10px;width: 28px;height: 28px;line-height: 26px;font-size: 18px;text-align: center;color: var(--col_primary_text);background: var(--col_primary);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;z-index: 2;}
.pp_form .fgroup .fpass:hover {scale: 0.85;}
.pp_form .fgroup pre {display: block;position: absolute;bottom: -5px;right: 25px;margin: 0;padding: 0 3px;font-family: unset;font-size: 12px;color: var(--col_text2);background: var(--col_base);}
.pp_form .fgroup .fsearchv {display: flex;position: relative;flex-direction: column;}
.pp_form .fgroup .fsearchv input.fsrc {border-bottom-left-radius: unset;border-bottom-right-radius: unset;}
.pp_form .fgroup .fsearchv .fsvlist {display: flex;position: relative;flex-direction: column;background: var(--col_btn);min-height: 55px;max-height: 274px;border: solid 1px var(--col_outline);border-top: unset;border-bottom-left-radius: var(--glo_radius);border-bottom-right-radius: var(--glo_radius);overflow: hidden;overflow-y: auto;}
.pp_form .fgroup .fsearchv .fsvlist .fsvn {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.pp_form .fgroup .fsearchv .fsvlist .fsvn span {font-size: 16px;color: var(--col_text);}
.pp_form .fgroup .fsearchv .fsvlist .fsvi {display: none;position: relative;flex-direction: row;align-items: center;gap: 10px;padding: 10px;height: 35px;background: var(--col_btn);border-bottom: solid 1px var(--col_outline);transition: var(--glo_trans);cursor: pointer;z-index: 2;}
.pp_form .fgroup .fsearchv .fsvlist .fsvi:hover {background: var(--col_btn2);}
.pp_form .fgroup .fsearchv .fsvlist .fsvi span {display: block;font-size: 18px;font-weight: 500;color: var(--col_text);}
.pp_form .fgroup .fsearchv .fsvlist .fsvi.show {display: flex;}
.pp_form .fgroup .fsearchv .fsvlist .fsvi.selected {background: var(--col_btn2)!important;}
.pp_form .fgroup .fsearchv .fsvlist .fsvi.selected span {font-weight: 700;color: var(--col_primary)!important;}
.pp_form .fgroup .fcheck {display: block;position: relative;cursor: pointer;font-size: 13px;padding: 10px;font-weight: 300;border: solid 1px var(--col_outline);border-radius: var(--glo_radius);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 1;}
.pp_form .fgroup .fcheck input {position: absolute;margin:0;padding:0;opacity: 0;cursor: pointer;height: -webkit-fill-available;width: -webkit-fill-available;left: 0;top: 0;z-index: 100;}
.pp_form .fgroup .fcheck .mark {position: absolute;top: 8px;left: 10px;height: 23px;width: 23px;background: var(--col_btn);border: solid 1px var(--col_outline);border-radius: 5px;transition: .5s all;}
.pp_form .fgroup .fcheck span {display: block;padding: 0 0 0 35px;font-size: 14px;line-height: 1.6;white-space: normal;color: var(--col_text);}
.pp_form .fgroup .fcheck span a {font-weight: 500;color: var(--col_second);}
.pp_form .fgroup .fcheck:hover input ~ .mark {background: var(--col_btn2);} .pp_form .fgroup .fcheck input:checked ~ .mark {background: var(--col_primary);}
.pp_form .fgroup .fcheck .mark:after {content: "";position: absolute;display: none;left: 8px;top: 4px;width: 4px;height: 9px;border: solid var(--col_primary_text);border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.pp_form .fgroup .fcheck input:checked ~ .mark:after {display: block;}
.pp_form .fimage {display: flex;position: relative;flex-direction: column;gap: 5px;}
.pp_form .fimage .fititle {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 10px;}
.pp_form .fimage .fititle label {display: block;font-size: 16px;font-weight: 500;color: var(--col_text2);}
.pp_form .fimage .fititle label i {font-style: normal;font-weight: 600;color: var(--col_primary);}
.pp_form .fimage .fidemo {display: flex;position: relative;flex-direction: row;align-items: flex-start;gap: 15px;}
.pp_form .fimage .fidemo .fiimg {display: flex;position: relative;flex-direction: row;justify-content: center;align-items: center;width: -moz-fill-available;width: -webkit-fill-available;max-width: 300px;height: 180px;background: var(--col_btn);border-radius: var(--glo_radius);overflow: hidden;}
.pp_form .fimage .fidemo .fiimg .fipic {display: block;position: relative;height: 120px;border-radius: var(--glo_radius);}
.pp_form .fimage .fidemo .fiimg.pp .fipic {width: 140px;height: 140px;border-radius: 100%;overflow: hidden;}
.pp_form .fimage .fidemo .fiimg .fipic img {display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);min-width: 100%;height: 100%;}
.pp_form .fimage .fidemo .fiinp {display: flex;position: relative;flex-direction: column;gap: 20px;margin: 15px 0 0;}
.pp_form .fimage .fidemo .fiinp .fiinfo {display: block;max-width: 330px;line-height: 1.5;font-size: 15px;color: var(--col_text2);}
.pp_form .fimage .fidemo .fiinp .pp_upload_input {display: none;}
.pp_form .fimage .fidemo .fiinp .fiinpgroup {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.pp_form .fimage .fidemo .fiinp label {display: block;position: relative;padding: 10px 20px;width: fit-content;font-size: 16px;font-weight: 500;text-transform: uppercase;background: var(--col_btn2);color: var(--col_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_form .fimage .fidemo .fiinp label:hover {background: var(--col_btn3);}
.pp_form .fvideo {display: flex;position: relative;flex-direction: column;gap: 5px;}
.pp_form .fvideo .fvtitle {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 10px;}
.pp_form .fvideo .fvtitle label {display: block;font-size: 16px;font-weight: 500;color: var(--col_text2);}
.pp_form .fvideo .fvtitle label i {font-style: normal;font-weight: 600;color: var(--col_primary);}
.pp_form .fvideo .fvdemo {display: flex;position: relative;flex-direction: row;align-items: flex-start;gap: 15px;}
.pp_form .fvideo .fvdemo .fvdisplay {display: flex;position: relative;flex-direction: column;justify-content: center;align-items: center;gap: 10px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 300px;height: 180px;background: var(--col_btn);border-radius: var(--glo_radius);overflow: hidden;}
.pp_form .fvideo .fvdemo .fvdisplay span, .pp_form .fvideo .fvdemo .fvdisplay label {display: block;}
.pp_form .fvideo .fvdemo .fvdisplay span {max-width: 200px;font-size: 22px;text-align: center;color: var(--col_text);}
.pp_form .fvideo .fvdemo .fvdisplay label {max-width: 100px;font-size: 16px;font-weight: 500;text-align: center;text-transform: uppercase;color: var(--col_text2);}
.pp_form .fvideo .fvdemo .fvinp {display: flex;position: relative;flex-direction: column;gap: 20px;margin: 15px 0 0;}
.pp_form .fvideo .fvdemo .fvinp .fvinfo {display: block;max-width: 330px;line-height: 1.5;font-size: 15px;color: var(--col_text2);}
.pp_form .fvideo .fvdemo .fvinp .pp_video_input {display: none;}
.pp_form .fvideo .fvdemo .fvinp .fvinpgroup {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.pp_form .fvideo .fvdemo .fvinp label {display: block;position: relative;padding: 10px 20px;width: fit-content;font-size: 16px;font-weight: 500;text-transform: uppercase;background: var(--col_btn2);color: var(--col_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_form .fvideo .fvdemo .fvinp label:hover {background: var(--col_btn3);}
.pp_form .ftags {display: flex;position: relative;flex-direction: column;gap: 5px;}
.pp_form .ftags .fttitle {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 10px;}
.pp_form .ftags .fttitle label {display: block;font-size: 16px;font-weight: 500;color: var(--col_text2);}
.pp_form .ftags .fttitle label i {font-style: normal;font-weight: 600;color: var(--col_primary);}
.pp_form .ftags .ftmain {display: flex;position: relative;flex-direction: column;padding: 0;border: solid 1px var(--col_outline);border-radius: var(--glo_radius);overflow: hidden;}
.pp_form .ftags .ftmain:focus-within {border: solid 1px var(--col_primary);}
.pp_form .ftags .ftmain .ftmbox {display: block;position: relative;}
.pp_form .ftags .ftmain .ftmbox .ftmb_val {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px;padding: 10px;}
.pp_form .ftags .ftmain .ftmbox .ftmb_inp {display: block;flex: 1;padding: 0 5px;max-width: 100%;width: 100%;font-size: 16px;background: var(--col_base);color: var(--col_text);border: none;outline: none;}
.pp_form .ftags .ftmain .ftmbox .ftmb_val .ftmbv_item {display: flex;position: relative;flex-direction: row;align-items: center;background: var(--col_btn2);border-radius: var(--glo_radius);overflow: hidden;}
.pp_form .ftags .ftmain .ftmbox .ftmb_val .ftmbv_item span {display: block;padding: 3px 5px 3px 10px;font-size: 16px;color: var(--col_text);}
.pp_form .ftags .ftmain .ftmbox .ftmb_val .ftmbv_item label {display: block;position: relative;padding: 0 8px 0 5px;min-height: 26px;line-height: 26px;font-size: 10px;background: var(--col_primary);color: var(--col_primary_text);transition: var(--glo_trans);cursor: pointer;}
.pp_form .ftags .ftmain .ftmbox .ftmb_val .ftmbv_item label:hover {background: var(--col_primary_sup);}
.pp_form .ftags .ftinfo {display: block;position: relative;margin: 5px 0 0;overflow: hidden;}
.pp_form .ftags .ftinfo span {display: block;font-size: 14px;line-height: 1.4;color: var(--col_text2);}
.pp_form .ftags .ftmain .ftmsrc {display: none;position: relative;flex-direction: column;gap: 10px;padding: 10px 15px;max-height: 150px;border-top: solid 1px var(--col_outline);overflow-y: auto;}
.pp_form .ftags .ftmain .ftmsrc.show {display: block;}
.pp_form .ftags .ftmain .ftmsrc .ftms_val {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 5px 15px;margin: 0 0 10px;background: var(--col_btn);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_form .ftags .ftmain .ftmsrc .ftms_val:hover {background: var(--col_btn2);}
.pp_form .ftags .ftmain .ftmsrc .ftms_val:last-child {margin: 0;}
.pp_form .ftags .ftmain .ftmsrc .ftms_val span {display: block;font-size: 16px;font-weight: 500;color: var(--col_text);}
.pp_form .ftags .ftmain .ftmsrc .ftms_val label {display: block;font-size: 15px;color: var(--col_text2);}
.pp_form .fsubmit {display: flex;position: relative;flex-direction: column;gap: 20px;}
.pp_form .fsubmit button {display: block;padding: 9px;font-size: 18px;font-weight: 500;background: var(--col_primary);color: var(--col_primary_text);border: none;border-radius: var(--glo_radius);}
.pp_form .fsubmit button i svg {animation: ppLoading 1s linear infinite;}
.pp_form .fsubmit button:hover {background: var(--col_primary_sup);}
.pp_form .fsubmit button.scnd {background: var(--col_btn2);color: var(--col_text);}
.pp_form .fsubmit button.scnd:hover {background: var(--col_btn3);}
.pp_form .fsubmit button:disabled, .pp_form .fsubmit button.scnd:disabled {opacity: 0.5;cursor: default;}
.pp_form .fsubmit button:disabled:hover {background: var(--col_primary);}
.pp_form .fsubmit button.scnd:disabled:hover {background: var(--col_btn2);}
.pp_form_filter {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 20px;padding: 0 5px;margin: 0 0 20px;}
.pp_form_filter .ff_select {display: block;position: relative;padding: 8px 33px 8px 12px;font-size: 15px;background: var(--col_base);color: var(--col_text2);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);cursor: pointer;background-image: linear-gradient(45deg, transparent 50%, var(--col_primary) 50%), linear-gradient(135deg, var(--col_primary) 50%, transparent 50%), radial-gradient(var(--col_base) 70%, transparent 72%);background-position: calc(100% - 18px) calc(1.05em + -1px), calc(100% - 9px) calc(1.05em + -1px), calc(100% - 0.5em) 0.6em;background-size: 7px 7px, 9px 9px, 1.5em 1.5em;background-repeat: no-repeat;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.pp_form_filter .ff_select:focus {border: solid 1px var(--col_primary);outline: var(--col_primary) solid 1px;}

/* AUTH STYLE
**************************/
.pp_auth {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;max-width: 450px;margin: 20px auto;background: var(--col_rais);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);}
.pp_auth .head {display: flex;position: relative;flex-direction: row;justify-content: center;align-items: center;gap: 10px;padding: 15px;}
.pp_auth .head i {font-size: 26px;color: var(--col_primary);}
.pp_auth .head h1 {margin: 0;font-size: 28px;color: var(--col_text);}
.pp_auth .cont {display: flex;position: relative;flex-direction: column;padding: 15px;}
.pp_auth .foot {display: flex;position: relative;flex-direction: column;gap: 20px;padding: 0 15px 20px;}
.pp_auth .foot a.option {display: block;position: relative;padding: 0 0 15px;font-size: 16px;text-align: center;color: var(--col_primary);font-weight: 500;border-bottom: solid 1px var(--col_outline);}
.pp_auth .foot a.option.last {padding: 0;border-bottom: unset;}
.pp_auth .foot a.option:hover {text-decoration: underline;}
.pp_auth .foot a.option_btn {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 10px;width: -moz-fill-available;width: -webkit-fill-available;padding: 10px;font-size: 16px;font-weight: 500;background: var(--col_btn2);color: var(--col_text);border-radius: var(--glo_radius);}
.pp_auth .foot a.option_btn:hover {background: var(--col_btn3);}

/* NOTIF STYLE
**************************/
.pp_notif {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_notif .pn_content {display: flex;position: relative;flex-direction: column;gap: 20px;}
.pp_notif .pn_content .pn_null {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;font-size: 16px;text-align: center;color: var(--col_text2);}
.pp_notif .pn_content .pn_lists {display: flex;position: relative;flex-direction: column;}
.pp_notif .pn_content .pn_lists .pn_null {display: block;position: relative;padding: 15px 20px;width: -moz-fill-available;width: -webkit-fill-available;height: 100%;text-align: center;color: var(--col_text2);}
.pp_notif .pn_content .pn_lists .pn_item {display: flex;position: relative;flex-direction: row;gap: 15px;padding: 15px 20px;border-bottom: solid 1px var(--col_outline);transition: var(--glo_trans);cursor: pointer;}
.pp_notif .pn_content .pn_lists .pn_item:last-child {border-bottom: none;} .pp_notif .pn_content .pn_lists .pn_item:hover {background: var(--col_btn);}
.pp_notif .pn_content .pn_lists .pn_item .pni_read {display: block;position: absolute;top: 48px;left: 7px;width: 7px;height: 7px;background: var(--col_primary);border-radius: 100%;}
.pp_notif .pn_content .pn_lists .pn_item .pni_pic {display: block;position: relative;width: 70px;height: 70px;border: solid 1px var(--col_outline);border-radius: 100%;overflow: hidden;}
.pp_notif .pn_content .pn_lists .pn_item .pni_pic a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_notif .pn_content .pn_lists .pn_item .pni_pic img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_notif .pn_content .pn_lists .pn_item .pni_info {display: block;position: relative;flex: 1;}
.pp_notif .pn_content .pn_lists .pn_item .pni_info a {display: inline-block;margin: 0 3px 0 0;font-size: 18px;font-weight: 500;color: var(--col_text);}
.pp_notif .pn_content .pn_lists .pn_item .pni_info p {display: contents;margin: 0;padding: 0;font-size: 18px;line-height: 1.3;color: var(--col_text);}
.pp_notif .pn_content .pn_lists .pn_item .pni_info label {display: block;position: relative;margin: 8px 0 0;font-size: 14px;color: var(--col_text2);cursor: pointer;}
.pp_notif .pn_content .pn_lists .pn_item .pni_btn {display: block;position: relative;}
.pp_notif .pn_content .pn_lists .pn_item .pni_btn a {display: block;position: relative;width: 65px;height: 75px;border: solid 1px var(--col_outline);overflow: hidden;}
.pp_notif .pn_content .pn_lists .pn_item .pni_btn a img {display: block;position: absolute;top: 50%;left: 0;transform: translate(0px, -50%);width: 100%;height: auto;}
.pp_notif .pn_content .pn_loading {display: flex;position: relative;flex-direction: column;align-items: center;}
.pp_notif .pn_content .pn_loading i {display: block;width: 46px;height: 46px;line-height: 43px;font-size: 46px;color: var(--col_primary);}
.pp_notif .pn_content .pn_loading i svg {animation: ppLoading 1s linear infinite;}
.pp_notif .pn_content .pn_more {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;text-align: center;padding: 10px;background: var(--col_primary);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_notif .pn_content .pn_more:hover {background: var(--col_primary_sup);}
.pp_notif .pn_content .pn_more span {display: block;font-size: 16px;font-weight: 500;color: var(--col_primary_text);}

/* CHANNEL STYLE
**************************/
.pp_channel {display: block;position: relative;}
.pp_channel .ppc_header {display: flex;position: relative;flex-direction: column;}
.pp_channel .ppc_header .ppc_overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.pp_channel .ppc_header .ppc_banner {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 15vw;overflow: hidden;}
.pp_channel .ppc_header .ppc_banner img {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.pp_channel .ppc_header .ppc_details {display: flex;position: relative;flex-direction: row;align-items: flex-start;justify-content: space-between;gap: 15px;padding: 15px 20px;}
.pp_channel .ppc_header .ppc_details .ppcd_picture {display: block;position: absolute;top: -40px;width: 170px;height: 170px;background: var(--col_base);border: solid 5px var(--col_base);border-radius: 100%;overflow: hidden;}
.pp_channel .ppc_header .ppc_details .ppcd_picture img {display: block;position: absolute;left: 50%;transform: translate(-50%, 0);height: 100%;}
.pp_channel .ppc_header .ppc_details .ppcd_info {display: flex;position: relative;flex-direction: column;gap: 5px;margin: 0 0 0 195px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 380px;}
.pp_channel .ppc_header .ppc_details .ppcd_info h2.ppcdi_fname {display: block;margin: 0;padding: 0;font-size: 34px;color: var(--col_text);}
.pp_channel .ppc_header .ppc_details .ppcd_info span.ppcdi_uname {display: block;font-size: 18px;color: var(--col_text2);}
.pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about {display: block;position: relative;margin: 5px 0 0;}
.pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about .ppcdia_short {display: flex;position: relative;flex-direction: row;align-items: center;gap: 6px;}
.pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about .ppcdia_short span {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;flex: 1;max-width: 250px;font-size: 16px;color: var(--col_text);overflow: hidden;}
.pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about .ppcdia_short label {display: block;font-size: 16px;font-weight: 700;color: var(--col_primary);cursor: pointer;}
.pp_channel .ppc_header .ppc_details .ppcd_stats {display: flex;position: relative;flex-direction: column;gap: 15px;width: -moz-fill-available;width: -webkit-fill-available;max-width: 450px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_group {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 5px;padding: 5px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_primary);color: var(--col_primary_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol i {display: block;font-size: 22px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol span {display: block;font-size: 18px;font-weight: 500;margin: 2px 0 0;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol.two {padding: 8px;color: var(--col_text);background: var(--col_btn2);}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol.two i {font-size: 18px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol.two span {font-size: 16px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol:hover {background: var(--col_primary_sup);}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol.two:hover {background: var(--col_btn3);}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_val {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 15px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_val .ppcdsv_item {display: flex;position: relative;flex-direction: row;align-items: center;gap: 4px;}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_val .ppcdsv_item span.num {display: block;font-size: 18px;font-weight: 700;color: var(--col_text);}
.pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_val .ppcdsv_item span.tit {display: block;font-size: 14px;color: var(--col_text2);}
.pp_channel .ppc_header .ppc_menus {display: flex;position: relative;flex-direction: row;padding: 0 20px;margin: 30px 0 20px;border-bottom: solid 1px var(--col_outline);}
.pp_channel .ppc_header .ppc_menus a.ppcm_item {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 8px 15px;border-bottom: solid 3px transparent;}
.pp_channel .ppc_header .ppc_menus a.ppcm_item * {display: block;font-size: 18px;font-weight: 500;color: var(--col_text2);}
.pp_channel .ppc_header .ppc_menus a.ppcm_item.active {border-bottom: solid 3px var(--col_primary);}
.pp_channel .ppc_header .ppc_menus a.ppcm_item.active * {color: var(--col_text);}
.pp_channel .ppc_header .ppc_menus a.ppcm_item:hover {border-bottom: solid 3px var(--col_text);}
.pp_channel .ppc_main {display: flex;position: relative;flex-direction: column;margin: 0 0 30px;width: -moz-fill-available;width: -webkit-fill-available;overflow: hidden;}
.pp_channel_about {display: flex;position: relative;flex-direction: column;gap: 30px;}
.pp_channel_about p.cbio {display: block;margin: 0;font-size: 16px;line-height: 1.4;color: var(--col_text);}
.pp_channel_about .cdtl {display: flex;position: relative;flex-direction: column;gap: 15px;}
.pp_channel_about .cdtl h3.cdtl_h {display: block;margin: 0;font-size: 22px;color: var(--col_text);}
.pp_channel_about .cdtl .cdtl_l {display: flex;position: relative;flex-direction: column;gap: 15px;}
.pp_channel_about .cdtl .cdtl_l .cdtl_c {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;}
.pp_channel_about .cdtl .cdtl_l .cdtl_c i {display: block;font-size: 22px;color: var(--col_text2);}
.pp_channel_about .cdtl .cdtl_l .cdtl_c span {display: block;font-size: 16px;color: var(--col_text);}

/* VIDEO DASH STYLE
**************************/
.pp_video_thesis {display: flex;position: relative;flex-direction: column;align-items: center;gap: 20px;}
.pp_video_thesis .ui {display: flex;position: relative;flex-direction: column;gap: 15px;}
.pp_video_thesis .ui i {display: block;font-size: 120px;text-align: center;color: var(--col_primary);}
.pp_video_thesis .ui i svg {animation: ppLoading 1s linear infinite;}
.pp_video_thesis .ui span {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;max-width: 600px;font-size: 20px;text-align: center;line-height: 1.4;color: var(--col_text);}
.pp_video_thesis .data {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.pp_video_thesis .data .overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--col_base);z-index: 1000;}
.pp_video_dash {display: flex;position: relative;flex-direction: column;gap: 20px;width: -moz-fill-available;width: -webkit-fill-available;overflow: hidden;}
.pp_video_dash .lists {display: flex;position: relative;flex-direction: column;gap: 20px;}
.pp_video_dash .lists .item {display: flex;position: relative;flex-direction: row;gap: 20px;padding: 0 0 20px;border-bottom: solid 1px var(--col_outline);}
.pp_video_dash .lists .item:last-child {border-bottom: none;}
.pp_video_dash .lists .item .thumb {display: flex;position: relative;flex-direction: column;width: 150px;height: 150px;background: var(--col_base);border: solid 1px var(--col_outline);border-radius: var(--glo_radius);overflow: hidden;}
.pp_video_dash .lists .item .thumb a {display: block;position: relative;width: 100%;height: 100%;}
.pp_video_dash .lists .item .thumb .overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 2;}
.pp_video_dash .lists .item .thumb img {display: block;position: absolute;top: 50%;transform: translate(0px, -50%);width: 100%;z-index: 1;}
.pp_video_dash .lists .item .detail {display: flex;position: relative;flex-direction: column;flex: 1;gap: 10px;}
.pp_video_dash .lists .item .detail .meta {display: flex;position: relative;flex-direction: row;align-items: center;gap: 25px;}
.pp_video_dash .lists .item .detail .meta .cont {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;}
.pp_video_dash .lists .item .detail .meta .cont i {font-size: 18px;color: var(--col_text);}
.pp_video_dash .lists .item .detail .meta .cont span {font-size: 18px;font-weight: 500;color: var(--col_text2);}
.pp_video_dash .lists .item .detail h3.title {display: block;position: relative;margin: 0;padding: 0;}
.pp_video_dash .lists .item .detail h3.title a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;font-size: 22px;line-height: 1.4;color: var(--col_text);overflow: hidden;}
.pp_video_dash .lists .item .detail .tags {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px;}
.pp_video_dash .lists .item .detail .tags a.tag {display: block;position: relative;padding: 5px 12px;font-size: 15px;font-weight: 500;color: var(--col_text2);background: var(--col_btn);border-radius: var(--glo_radius);}
.pp_video_dash .lists .item .detail .tags a.tag:hover {background: var(--col_btn2);}
.pp_video_dash .lists .item .detail .meta2 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;}
.pp_video_dash .lists .item .detail .meta2 .status {display: flex;position: relative;flex-direction: column;}
.pp_video_dash .lists .item .detail .meta2 .status span {display: block;position: relative;padding: 6px 10px;font-size: 14px;font-weight: 500;color: var(--col_text2);background: var(--col_btn);border-radius: var(--glo_radius);}
.pp_video_dash .lists .item .detail .meta2 .status span.con1 {color: var(--col_success_text);background: var(--col_success);}
.pp_video_dash .lists .item .detail .meta2 .status span.con2 {color: var(--col_error_text);background: var(--col_error);}
.pp_video_dash .lists .item .detail .meta2 .date {display: flex;position: relative;flex-direction: column;}
.pp_video_dash .lists .item .detail .meta2 .date span {display: block;font-size: 14px;color: var(--col_text2);}
.pp_video_dash .lists .item .button {display: flex;position: relative;flex-direction: column;align-items: flex-end;gap: 15px;width: 70px;}
.pp_video_dash .lists .item .button a {display: block;position: relative;width: 35px;height: 35px;line-height: 34px;font-size: 18px;text-align: center;border-radius: 100%;background: var(--col_primary);color: var(--col_primary_text);}
.pp_video_dash .lists .item .button a:hover {transform: scale(0.9);}

/* VIDEO STYLE
**************************/
.pp_video_play_handler {display: flex;position: absolute;flex-direction: column;align-items: center;justify-content: center;top: 0;left: 0;width: -moz-fill-available;width: -webkit-fill-available;height: calc(100vh - 55px);z-index: 100003;}
.pp_video_play_handler i {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;width: 50px;height: 50px;font-size: 22px;color: var(--col_primary_text);background: var(--col_primary);border: solid 1px var(--col_primary_text);border-radius: 100%;box-shadow: var(--glo_bshadow);cursor: pointer;}
.pp_video {display: flex;position: relative;justify-content: center;height: calc(100vh - 55px);overflow-x: hidden;overflow-y: scroll;scroll-snap-type: y mandatory;scroll-behavior: smooth;scrollbar-width: none;}
.pp_video::-webkit-scrollbar {width: 0;} .pp_video .v_container {height: 100%;} .pp_video .v_container:after {content: '';display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 10px;}
.pp_video .v_item {display: flex;position: relative;margin: 0 0 10px;width: 340px;height: calc(100vh - 65px);scroll-snap-stop: always;scroll-snap-align: start center;}
.pp_video .v_item .vi_source {display: flex;position: relative;align-items: center;width: 100%;border-radius: var(--glo_radius2);overflow: hidden;z-index: 1;}
.pp_video .v_item .vi_source .vis_video_player {position: relative;width: 100%;height: max-content;z-index: 2;}
.pp_video .v_item .vi_source .vis_video_player video {display: block;position: relative;width: 100%;z-index: 2;}
.pp_video .v_item .vi_source .vis_video_player .visv_loading {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.pp_video .v_item .vi_source .vis_video_player .visv_loading i {display: block;font-size: 65px;color: var(--col_primary);}
.pp_video .v_item .vi_source .vis_video_player .visv_loading i svg {animation: ppLoading 1s linear infinite;}
.pp_video .v_item .vi_source .vis_overlay_player {display: block;position: absolute;top: 0;left: 50%;width: 100%;height: calc(100vh - 55px);transform: translate(-50%, 0);filter: blur(25px);z-index: 1;}
.pp_video .v_item .vi_source .vis_overlay_player img {display: block;width: 100%;height: calc(100vh - 55px);}
.pp_video .v_item .vi_action {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}
.pp_video .v_item .vi_action .via_duration {display: flex;position: absolute;flex-direction: row;align-items: center;gap: 10px;bottom: 10px;padding: 0 10px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 3;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar {display: block;position: relative;flex: 1;height: 6px;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar .viads_range {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;position: absolute;margin: 0;width: 100%;height: 6px;background: transparent;border: none;border-radius: var(--glo_radius);cursor: pointer;z-index: 3;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar .viads_range::-webkit-slider-runnable-track {width: 100%;cursor: pointer;height: 3px;margin-bottom: 5px;transition: all .2s ease;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar .viads_range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;border-radius: 100%;height: 15px;width: 15px;background: var(--col_primary);cursor: pointer;margin-top: -4px;transition: var(--glo_trans);transform: scale(0);}
.pp_video .v_item .vi_action .via_duration .viad_seekbar .viads_range:focus {border: none;outline: none;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar:hover > .viads_range::-webkit-slider-thumb {transform: scale(1);}
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress {display: block;position: absolute;margin: 0;width: 100%;height: 6px;background: transparent;border: none;border-radius: var(--glo_radius);cursor: pointer;overflow: hidden;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress.viads_prog {z-index: 2;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress.viads_buff {z-index: 1;}
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress.viads_prog::-webkit-progress-bar,
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress.viads_buff::-webkit-progress-bar {background: rgb(225, 225, 225, 0.3);}
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress.viads_prog::-webkit-progress-value {background: var(--col_primary);}
.pp_video .v_item .vi_action .via_duration .viad_seekbar progress.viads_buff::-webkit-progress-value {background: rgb(225, 225, 225, 0.8);}
.pp_video .v_item .vi_action .via_duration .viad_time {display: none;position: relative;flex-direction: row;align-items: center;justify-content: center;width: 40px;gap: 3px;}
.pp_video .v_item .vi_action .via_duration .viad_time span, .pp_video .v_item .vi_action .via_duration .viad_time label {display: block;font-size: 12px;color: #ffffff;}
.pp_video .v_item .vi_action .via_control {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;margin: 10px 10px 0;z-index: 3;}
.pp_video .v_item .vi_action .via_control .viac_btn {display: block;position: relative;width: 40px;height: 40px;line-height: 38px;font-size: 18px;text-align: center;background: rgb(0, 0, 0, 0.15);color: #ffffff;border-radius: 100%;cursor: pointer;transition: var(--glo_trans);}
.pp_video .v_item .vi_action .via_control .viac_btn:hover {background: rgb(0, 0, 0, 0.2);}
.pp_video .v_item .vi_action .via_control .viac_btn.volume .seekbar {visibility: hidden;width: 0;height: 0;}
.pp_video .v_item .vi_action .via_control .viac_btn.volume i#close {display: none;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 0;width: unset;min-width: 40px;border-radius: var(--glo_radius);cursor: default!important;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 i {display: block;width: 30px;font-size: 22px;text-align: center;cursor: pointer;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 i:first-child {padding: 0 0 0 10px;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 i:last-child {padding: 0 5px 0 0;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 i#close {display: block!important;font-size: 16px;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar {display: flex;visibility: visible;position: relative;flex-direction: column;align-items: center;justify-content: center;width: 80px;height: 40px;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar input {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;position: absolute;margin: 0;width: 100%;height: 6px;background: transparent;border: none;border-radius: var(--glo_radius);cursor: pointer;z-index: 3;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar input::-webkit-slider-runnable-track {width: 100%;cursor: pointer;height: 3px;margin-bottom: 5px;transition: all .2s ease;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;border-radius: 100%;height: 15px;width: 15px;background: var(--col_primary);cursor: pointer;margin-top: -4px;transition: var(--glo_trans);transform: scale(0.6);}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar progress {display: block;position: absolute;margin: 0;width: 100%;height: 6px;background: transparent;border: none;border-radius: var(--glo_radius);cursor: pointer;overflow: hidden;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar progress::-webkit-progress-bar {background: rgb(225, 225, 225, 0.3);}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar progress::-webkit-progress-value {background: var(--col_primary);}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar input:focus {border: none;outline: none;}
.pp_video .v_item .vi_action .via_control .viac_btn.s2 .seekbar:hover > input::-webkit-slider-thumb {transform: scale(0.8);}
.pp_video .v_item .vi_action .via_channel {display: flex;position: absolute;flex-direction: column;gap: 7px;bottom: 30px;padding: 0 15px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 3;}
.pp_video .v_item .vi_action .via_channel .viac_info {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_pict {display: block;position: relative;width: 35px;height: 35px;background: #ffffff;border: solid 1px #ffffff;border-radius: 100%;overflow: hidden;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_pict a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_pict img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_name {display: block;position: relative;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_name a {display: flex;position: relative;flex-direction: column;max-width: 160px;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_name a span {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;font-size: 15px;font-weight: 500;color: #ffffff;overflow: hidden;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_name a label {display: block;font-size: 12px;color: #ffffff;opacity: 0.8;cursor: unset;overflow: hidden;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_follow {display: flex;position: relative;flex-direction: column;flex: 1;align-items: flex-end;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_follow .viacif_fol {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 4px 14px;width: max-content;font-size: 13px;font-weight: 500;background: var(--col_primary);color: var(--col_primary_text);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_follow .viacif_fol.two {background: rgb(0, 0, 0, 0.25);}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_follow .viacif_fol:hover {background: var(--col_primary_sup);}
.pp_video .v_item .vi_action .via_channel .viac_info .viaci_follow .viacif_fol.two:hover {background: rgb(0, 0, 0, 0.4);}
.pp_video .v_item .vi_action .via_channel h2.viac_title {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;margin: 0;font-size: 15px;font-weight: normal;color: #ffffff;opacity: 0.8;overflow: hidden;}
.pp_video .v_item .vi_action .via_simple {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 70%;z-index: 2;}
.pp_video .v_item .vi_action .via_shadow {display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgb(0, 0, 0, 0.6) -3%, rgb(135 135 150 / .1) 20%, #fff0 100%);border-bottom-left-radius: var(--glo_radius2);border-bottom-right-radius: var(--glo_radius2);z-index: 1;}
.pp_video .v_item .vi_buttons {display: flex;position: absolute;flex-direction: column;gap: 20px;left: 355px;top: 50%;transform: translate(0px, -50%);z-index: 6;}
.pp_video .v_item .vi_buttons .vib_btn {display: flex;position: relative;flex-direction: column;align-items: center;gap: 5px;cursor: pointer;}
.pp_video .v_item .vi_buttons .vib_btn .vibb_icon {display: block;position: relative;width: 45px;height: 45px;line-height: 45px;font-size: 21px;text-align: center;color: var(--col_text2);background: var(--col_btn2);border-radius: 100%;transition: var(--glo_trans);}
.pp_video .v_item .vi_buttons .vib_btn:hover > .vibb_icon {background: var(--col_btn3);}
.pp_video .v_item .vi_buttons .vib_btn span {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;width: 45px;font-size: 14px;font-weight: 500;text-align: center;color: var(--col_text);overflow: hidden;}
.pp_video .v_item .vi_buttons .vib_btn.pplb_true .vibb_icon {color: var(--col_primary_text)!important;background: var(--col_primary)!important;opacity: 0.8;}
.pp_video .v_item .vi_buttons .vib_btn.pplb_true .vibb_icon:hover {opacity: 1;}
.pp_video .v_item .vi_modal {position: absolute;}
.pp_video .v_item .vi_modal .vim_info {display: flex;position: relative;flex-direction: column;}
.pp_video .v_item .vi_modal .vim_info span.vimi_title {display: block;position: relative;font-size: 16px;line-height: 1.4;font-weight: 500;color: var(--col_text);}
.pp_video .v_item .vi_modal .vim_info .vimi_stats {display: flex;position: relative;flex-direction: row;justify-content: space-around;margin: 15px 0 0;padding: 15px 0;border-top: solid 1px var(--col_outline);}
.pp_video .v_item .vi_modal .vim_info .vimi_stats .vimis_num {display: flex;position: relative;flex-direction: column;align-items: center;gap: 2px;}
.pp_video .v_item .vi_modal .vim_info .vimi_stats .vimis_num span {display: block;font-size: 18px;font-weight: 700;color: var(--col_text);}
.pp_video .v_item .vi_modal .vim_info .vimi_stats .vimis_num label {display: block;font-size: 15px;color: var(--col_text2);}
.pp_video .v_item .vi_modal .vim_info .vimi_desc {display: flex;position: relative;flex-direction: column;gap: 15px;padding: 15px;background: var(--col_rais);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_video .v_item .vi_modal .vim_info .vimi_desc p {display: block;margin: 0;padding: 0;font-size: 14px;color: var(--col_text);}
.pp_video .v_item .vi_modal .vim_info .vimi_desc .vimi_tags {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 15px;}
.pp_video .v_item .vi_modal .vim_info .vimi_desc .vimi_tags a.tag {display: block;font-size: 15px;font-weight: 500;color: var(--col_primary);}
.pp_video .v_item .vi_modal .vim_info .vimi_btns {display: flex;position: relative;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 15px;padding: 15px 0;}
.pp_video .v_item .vi_modal .vim_info .vimi_btns .vimib_item {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 7px 15px;color: var(--col_text);background: var(--col_btn2);border-radius: var(--glo_radius2);transition: var(--glo_trans);cursor: pointer;}
.pp_video .v_item .vi_modal .vim_info .vimi_btns .vimib_item:hover {background: var(--col_btn3);}
.pp_video .v_item .vi_modal .vim_info .vimi_btns .vimib_item i {display: block;font-size: 16px;}
.pp_video .v_item .vi_modal .vim_info .vimi_btns .vimib_item span {display: block;font-size: 14px;font-weight: 500;}

/* COMMENT STYLE
**************************/
.pp_video_comment {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;height: 100%;}
.pp_video_comment .ppvc_content {display: block;position: relative;flex: 1;width: -moz-fill-available;width: -webkit-fill-available;height: calc(100% - 70px);background: var(--col_base);overflow: hidden;overflow-y: auto;z-index: 1;}
.pp_video_comment .ppvc_content .ppvcc_nothing {display: block;position: relative;padding: 15px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 16px;text-align: center;color: var(--col_text2);}
.pp_video_comment .ppvc_content .ppvcc_lists {display: flex;position: relative;flex-direction: column;gap: 0px;padding: 0;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item {display: flex;position: relative;flex-direction: column;gap: 6px;padding: 17px 15px;border-bottom: solid 1px var(--col_outline);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item:last-child {border-bottom: unset;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_remove {display: block;position: relative;font-size: 16px;text-align: center;color: var(--col_text2);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main {display: flex;position: relative;flex-direction: row;align-items: flex-start;gap: 0;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head {display: flex;position: relative;flex-direction: column;align-items: center;gap: 10px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head .ppvcclimih_pict {display: block;position: relative;width: 45px;height: 45px;border-radius: 100%;overflow: hidden;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head .ppvcclimih_pict a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head .ppvcclimih_pict img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head .ppvcclimih_pin {display: flex;position: relative;flex-direction: column;align-items: center;max-width: 39px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head .ppvcclimih_pin i {display: block;font-size: 20px;color: var(--col_text2);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_head .ppvcclimih_pin span {display: block;font-size: 12px;font-weight: 500;color: var(--col_text2);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info {display: flex;position: relative;flex-direction: column;flex: 1;gap: 6px;margin: 0 -10px 0 15px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_name {display: flex;position: relative;flex-direction: row;align-items: center;gap: 8px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_name a {display: block;font-size: 15px;font-weight: 500;color: var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_name label.date {display: block;font-size: 12px;color: var(--col_text2);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_text {display: flex;position: relative;flex-direction: column;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_text .content {display: block;position: relative;padding: 10px;background: var(--col_rais);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_text .str {font-size: 15px;line-height: 1.4;color: var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_text[collaps] > .content .str {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: none;overflow: hidden;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_text .content .pp_comment_text_collaps {display: block;margin: 5px 0 0;width: fit-content;font-size: 15px;font-weight: 500;color: var(--col_primary);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_group {display: flex;position: relative;flex-direction: row;align-items: center;gap: 15px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_group:last-child {gap: 10px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_btn {display: flex;position: relative;flex-direction: row;align-items: center;gap: 3px;transition: var(--glo_trans);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_btn i {font-size: 17px;color: var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_btn.cmb_true i {color: var(--col_primary);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_btn span {display: block;font-size: 15px;color: var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_meta .cm_text {display: block;position: relative;font-size: 15px;font-weight: 500;color: var(--col_text);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply {display: flex;position: relative;flex-direction: row;align-items: flex-start;gap: 15px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_pick {display: block;position: relative;width: 32px;height: 32px;border-radius: 100%;overflow: hidden;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_pick a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_pick img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp {display: flex;position: relative;flex-direction: column;flex: 1;gap: 10px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_text {display: block;position: relative;flex: 1;padding: 3px 0;height: fit-content;max-height: 90px;font-size: 15px;line-height: 1.5;line-break: anywhere;color: var(--col_text);border-bottom: solid 1px var(--col_outline);outline: none;overflow: hidden;overflow-y: auto;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_btn {display: flex;position: relative;flex-direction: row-reverse;justify-content: flex-start;align-items: center;gap: 10px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_btn button.ppvcclimiri_send {display: block;position: relative;width: 32px;height: 32px;font-size: 20px;line-height: 30px;text-align: center;background: var(--col_primary);color: var(--col_primary_text);border: none;border-radius: var(--glo_radius2);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_btn button.ppvcclimiri_send:hover {background: var(--col_primary_sup);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_btn button.ppvcclimiri_send:disabled {background: var(--col_primary);opacity: 0.6;cursor: default;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_btn button.ppvcclimiri_send i.ppi_loading svg {animation: ppLoading 1s linear infinite;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_reply .ppvcclimir_inp .ppvcclimiri_btn .ppvcclimiri_close {display: block;position: relative;width: 20px;height: 20px;line-height: 20px;font-size: 14px;text-align: center;color: var(--col_text2);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_rbox_btn {display: flex;position: relative;flex-direction: row;align-items: center;gap: 8px;padding: 5px 0;width: fit-content;font-weight: 500;color: var(--col_primary);transition: var(--glo_trans);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_rbox_btn i {display: block;font-size: 16px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_rbox_btn span {display: block;font-size: 15px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_rbox_btn:hover {color: var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_rbox_btn:before {content: '';display: block;width: 30px;border-bottom: solid 2px var(--col_primary);transition: var(--glo_trans);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_info .ppvcclimi_rbox_btn:hover:before {border-bottom: solid 2px var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts {display: block;position: relative;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_btn {display: block;position: relative;width: 18px;height: 25px;line-height: 24px;color: var(--col_text2);border-radius: 100%;transition: var(--glo_trans);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_btn i {display: block;position: relative;font-size: 18px;text-align: center;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_btn:hover {color: var(--col_text);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_box {display: block;position: absolute;top: 0px;right: 20px;min-width: 130px;background: var(--col_menu);box-shadow: var(--glo_bshadow);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);z-index: 100;overflow: hidden;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_box .ab_btn {display: flex;position: relative;flex-direction: row;flex-direction: row;align-items: center;gap: 5px;padding: 7px 12px;color: var(--col_text);border-bottom: solid 1px var(--col_outline);transition: var(--glo_trans);cursor: pointer;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_box .ab_btn:last-child {border-bottom: none;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_box .ab_btn:hover {background: var(--col_btn);}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_box .ab_btn i {display: block;font-size: 15px;}
.pp_video_comment .ppvc_content .ppvcc_lists .ppvccl_item .ppvccli_main .ppvcclim_acts .ppvcclima_box .ab_btn span {display: block;font-size: 14px;}

/* COMMENT REPLY BOX STYLE
**************************/
.pp_comment_reply {display: flex;position: relative;flex-direction: column;gap: 15px;margin: 0 0 0 60px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_comment_reply .ppcr_lists {display: flex;position: relative;flex-direction: column;gap: 15px;}
.pp_comment_reply .ppcr_lists .ppcrl_loading {display: flex;position: relative;flex-direction: row;justify-content: center;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_comment_reply .ppcr_lists .ppcrl_loading i {display: block;font-size: 24px;color: var(--col_text2);}
.pp_comment_reply .ppcr_lists .ppcrl_loading i svg {animation: ppLoading 1s linear infinite;}
.pp_comment_reply .ppcr_lists .ppcrl_item {display: flex;position: relative;flex-direction: column;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_remove {display: block;position: relative;margin: 0px 8px 10px 0;padding: 11px;font-size: 15px;color: var(--col_text);background: var(--col_rais);border-radius: var(--glo_radius2);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main {display: flex;position: relative;flex-direction: row;gap: 0;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_head {display: flex;position: relative;flex-direction: column;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_head .ppcrlimh_pict {display: block;position: relative;width: 32px;height: 32px;border-radius: 100%;overflow: hidden;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_head .ppcrlimh_pict a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_head .ppcrlimh_pict img {display: block;position: absolute;top: 0;left: 50%;height: 100%;transform: translate(-50%, 0);z-index: 1;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info {display: flex;position: relative;flex-direction: column;flex: 1;gap: 6px;margin: 0 -10px 0 15px;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_name {display: flex;position: relative;flex-direction: row;align-items: center;gap: 8px;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_name a {display: block;font-size: 15px;font-weight: 500;color: var(--col_text);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_name label.date {display: block;font-size: 12px;color: var(--col_text2);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_text {display: flex;position: relative;flex-direction: column;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_text .content {display: block;position: relative;padding: 10px;background: var(--col_rais);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_text .str {font-size: 15px;line-height: 1.4;color: var(--col_text);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_text[collaps] > .content .str {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: none;overflow: hidden;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_text .content .pp_comment_text_collaps {display: block;margin: 5px 0 0;width: fit-content;font-size: 15px;font-weight: 500;color: var(--col_primary);cursor: pointer;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta .crm_group {display: flex;position: relative;align-items: center;gap: 15px;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta .crm_group:last-child {gap: 10px;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta .crm_btn {display: flex;position: relative;flex-direction: row;align-items: center;gap: 3px;transition: var(--glo_trans);cursor: pointer;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta .crm_btn i {font-size: 17px;color: var(--col_text);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta .crm_btn.crmb_true i {color: var(--col_primary);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_info .ppcrlimi_meta .crm_btn span {display: block;font-size: 15px;color: var(--col_text);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts {display: block;position: relative;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_btn {display: block;position: relative;width: 18px;height: 25px;line-height: 24px;color: var(--col_text2);border-radius: 100%;transition: var(--glo_trans);cursor: pointer;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_btn i {display: block;position: relative;font-size: 18px;text-align: center;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_btn:hover {color: var(--col_text);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_box {display: block;position: absolute;top: 0px;right: 20px;min-width: 130px;background: var(--col_menu);box-shadow: var(--glo_bshadow);border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);z-index: 100;overflow: hidden;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_box .ab_btn {display: flex;position: relative;flex-direction: row;flex-direction: row;align-items: center;gap: 5px;padding: 7px 12px;color: var(--col_text);border-bottom: solid 1px var(--col_outline);transition: var(--glo_trans);cursor: pointer;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_box .ab_btn:last-child {border-bottom: none;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_box .ab_btn:hover {background: var(--col_btn);}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_box .ab_btn i {display: block;font-size: 15px;}
.pp_comment_reply .ppcr_lists .ppcrl_item .ppcrli_main .ppcrlim_acts .ppcrlima_box .ab_btn span {display: block;font-size: 14px;}
.pp_comment_reply .ppcr_more {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;width: fit-content;font-size: 16px;font-weight: 500;color: var(--col_primary);transition: var(--glo_trans);cursor: pointer;}
.pp_comment_reply .ppcr_more i svg {animation: ppLoading 1s linear infinite;}
.pp_comment_reply .ppcr_more:before {content: '';display: block;width: 35px;border-bottom: solid 2px var(--col_primary);transition: var(--glo_trans);}
.pp_comment_reply .ppcr_more:hover {color: var(--col_text);} .pp_comment_reply .ppcr_more:hover:before {border-bottom: solid 2px var(--col_text);}

/* COMMENT SELF INPUT STYLE
**************************/
.pp_video_comment .ppvc_content .ppvcc_more {display: block;position: relative;padding: 0 20px 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_video_comment .ppvc_content .ppvcc_more span {display: block;position: relative;padding: 7px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 15px;font-weight: 500;text-align: center;color: var(--col_primary_text);background: var(--col_primary);border-radius: var(--glo_radius);cursor: pointer;transition: var(--glo_trans);}
.pp_video_comment .ppvc_content .ppvcc_more span:hover {background: var(--col_primary_sup);}
.pp_video_comment .ppvc_content .ppvcc_more i {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;font-size: 34px;text-align: center;color: var(--col_primary);background: transparent;}
.pp_video_comment .ppvc_content .ppvcc_more i svg {animation: ppLoading 1s linear infinite;}
.pp_video_comment .ppvc_self {display: flex;position: relative;flex-direction: row;align-items: flex-start;gap: 15px;padding: 12px 15px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_base);border-top: solid 1px var(--col_outline);z-index: 2;}
.pp_video_comment .ppvc_self .ppvcs_pict {display: block;position: relative;width: 45px;height: 45px;border-radius: 100%;overflow: hidden;}
.pp_video_comment .ppvc_self .ppvcs_pict a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_video_comment .ppvc_self .ppvcs_pict img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_video_comment .ppvc_self .ppvcs_start {display: block;position: relative;flex: 1;padding: 3px 0;font-size: 15px;line-height: 1.5;color: var(--col_text2);border-bottom: solid 1px var(--col_outline);cursor: text;}
.pp_video_comment .ppvc_self .ppvcs_start.hide {display: none!important;}
.pp_video_comment .ppvc_self .ppvcs_inp {display: flex;position: relative;flex-direction: row;gap: 5px;flex: 1;}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_text {display: block;position: relative;flex: 1;padding: 3px 0;height: fit-content;max-height: 90px;font-size: 15px;line-height: 1.5;line-break: anywhere;color: var(--col_text);border-bottom: solid 1px var(--col_outline);outline: none;overflow: hidden;overflow-y: auto;}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_text:focus {border-bottom: solid 1px var(--col_primary);}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_btn {display: flex;position: relative;flex-direction: row-reverse;align-items: start;gap: 15px;}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_btn .ppvcs_send {display: block;position: relative;width: 38px;height: 38px;font-size: 22px;line-height: 37px;text-align: center;background: var(--col_primary);color: var(--col_primary_text);border: none;border-radius: var(--glo_radius2);}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_btn .ppvcs_send:hover {background: var(--col_primary_sup);}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_btn .ppvcs_send:disabled {background: var(--col_primary);opacity: 0.6;cursor: default;}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_btn .ppvcs_send i.ppi_loading svg {animation: ppLoading 1s linear infinite;}
.pp_video_comment .ppvc_self .ppvcs_inp .ppvcs_btn .ppvcs_close {display: block;position: relative;padding: 4px 0;font-size: 16px;color: var(--col_text2);cursor: pointer;}
.pp_video_comment .ppvc_self a.ppvcs_nolog {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;padding: 8px 10px;font-size: 15px;font-weight: 500;text-align: center;background: var(--col_primary);color: var(--col_primary_text);border-radius: var(--glo_radius);}
.pp_video_comment .ppvc_self a.ppvcs_nolog:hover {background: var(--col_primary_sup);}

/* VIDEO FEEDS
**************************/
.pp_video_feeds {display: flex;position: relative;flex-direction: column;gap: 20px;}
.pp_video_feeds .vf_lists {display: grid;position: relative;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px;padding: 0 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_video_feeds.np .vf_lists {padding: 0!important;} .pp_video_feeds .vf_lists.vfl_1 {max-width: 250.75px;}
@media(min-width: 800px){.pp_video_feeds .vf_lists.vfl_2 {max-width: 520.75px;}}
@media(min-width: 1070px){.pp_video_feeds .vf_lists.vfl_3 {max-width: 790.75px;}}
@media(min-width: 1300px){.pp_video_feeds .vf_lists.vfl_4 {max-width: 1060.75px;}}
.pp_video_feeds .vf_lists .vfl_video {display: flex;position: relative;flex-direction: column;aspect-ratio: 1 / 1.3;border-radius: var(--glo_radius2);overflow: hidden;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont {display: flex;position: relative;flex-direction: column;height: 100%;background: var(--col_rais);}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_thumb {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_thumb img {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_overlay {display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgb(0, 0, 0, 0.6) -5%, rgb(135 135 150 / .1) 30%, #fff0 100%);z-index: 2;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info {display: flex;position: absolute;flex-direction: row;align-items: flex-start;gap: 10px;bottom: 0;padding: 10px;z-index: 3;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vflii_pic {display: block;position: relative;width: 35px;height: 35px;border-radius: 100%;overflow: hidden;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vflii_pic img {display: block;position: relative;width: 100%;height: 100%;z-index: 1;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vflii_pic .vfliip_overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta {display: flex;position: relative;flex-direction: column;flex: 1;gap: 5px;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta h3.vflii_title {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;position: relative;margin: 0;padding: 0;font-size: 15px;font-weight: 500;color: #ffffff;overflow: hidden;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta span.vflii_name {display: block;position: relative;font-size: 13px;color: #ededed;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta .vflii_view {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;}
.pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta .vflii_view * {font-size: 12px;color: #ededed;}
.pp_video_feeds .vf_more {display: flex;position: relative;flex-direction: column;padding: 0 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_video_feeds .vf_more span {display: block;position: relative;padding: 8px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 16px;font-weight: 500;text-align: center;color: var(--col_primary_text);background: var(--col_primary);border-radius: var(--glo_radius);transition: var(--glo_trans);cursor: pointer;}
.pp_video_feeds .vf_more span:hover {background: var(--col_primary_sup);}
.pp_video_feeds .vf_more i {display: block;position: relative;font-size: 38px;text-align: center;color: var(--col_primary);}
.pp_video_feeds .vf_more i svg {animation: ppLoading 1s linear infinite;}

/* FOLLOWING PAGE
**************************/
.pp_following_page {display: flex;position: relative;flex-direction: column;gap: 20px;}
.pp_following_page .fp_menus {display: flex;position: relative;flex-direction: row;align-items: center;padding: 0 20px;border-bottom: solid 1px var(--col_outline);}
.pp_following_page .fp_menus a.fpm_item {display: flex;position: relative;flex-direction: row;align-items: center;gap: 5px;padding: 8px 15px;border-bottom: solid 3px transparent;}
.pp_following_page .fp_menus a.fpm_item * {display: block;font-size: 16px;font-weight: 500;color: var(--col_text2);}
.pp_following_page .fp_menus a.fpm_item.active, .pp_following_page .fp_menus a.fpm_item.active:hover {border-bottom: solid 3px var(--col_primary);}
.pp_following_page .fp_menus a.fpm_item.active * {color: var(--col_text);}
.pp_following_page .fp_menus a.fpm_item:hover {border-bottom: solid 3px var(--col_text);}
.pp_following_page .fp_main {display: flex;position: relative;flex-direction: column;}
.pp_following_page .fp_main .fpm_channels {display: grid;position: relative;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;padding: 0 20px;width: -moz-fill-available;width: -webkit-fill-available;}
.pp_following_page .fp_main .fpm_channels.fpmg_1 {max-width: 341px;}
@media(min-width: 1070px){.pp_following_page .fp_main .fpm_channels.fpmg_2 {max-width: 702px;}}
@media(min-width: 1300px){.pp_following_page .fp_main .fpm_channels.fpmg_3 {max-width: 1063px;}}
.pp_following_page .fp_main .fpm_channels .fpmc_item {display: flex;position: relative;flex-direction: column;border: solid 1px var(--col_outline);border-radius: var(--glo_radius2);overflow: hidden;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head {display: block;position: relative;height: 140px;z-index: 2;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head .fpmcih_banner {display: block;position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head .fpmcih_banner img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);height: 100%;z-index: 1;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head .fpmcih_pic {display: block;position: absolute;top: 0;left: 10px;transform: translate(0, 100%);width: 100px;height: 100px;border: solid 3px var(--col_base);border-radius: 100%;overflow: hidden;z-index: 2;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head .fpmcih_pic img {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);width: auto;height: 100px;z-index: 1;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head .fpmcih_overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_cont {display: flex;position: relative;flex-direction: column;padding: 10px 10px;border-top: solid 1px var(--col_outline);}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_cont h2.fpmcic_name {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;margin: 0 0 0 115px;padding: 0;font-size: 18px;font-weight: 700;color: var(--col_text);overflow: hidden;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_cont span.fpmcic_fol {display: -webkit-box;text-decoration: none;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;margin: 0 0 0 115px;padding: 0;font-size: 14px;color: var(--col_text2);overflow: hidden;}
.pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_cont a.fpmcic_btn {display: block;position: relative;margin: 35px 0 0;padding: 9px 15px;width: -moz-fill-available;width: -webkit-fill-available;font-size: 15px;font-weight: 500;text-align: center;background: var(--col_primary);color: var(--col_primary_text);border-radius: var(--glo_radius);}

@media(max-width: 1150px){
  .pp_header a.brand {min-width: 150px;}
  .pp_header .mob_nav {display: block!important;}
  .pp_sidenav {visibility: hidden;left: -260px;transition: var(--glo_trans);}
  .pp_sidenav.show {visibility: visible!important;left: 0!important;}
  .pp_main {width: calc(100% - 0px);}
}

@media(max-width: 900px){
  .pp_header a.brand {min-width: unset;}
  .pp_header a.brand .name {display: none;}
  .pp_channel .ppc_header .ppc_details {flex-direction: column;}
  .pp_channel .ppc_header .ppc_details .ppcd_info {max-width: unset;}
  .pp_channel .ppc_header .ppc_details .ppcd_stats {margin: 25px 0 0;max-width: unset;}
  .pp_following_page .fp_main .fpm_channels .fpmc_item .fpmci_head .fpmcih_banner img {width: 100%;height: auto;}
}

@media(max-width: 720px){
  .pp_header .mob_search {display: block!important;}
  .pp_header .search {display: none;box-shadow: var(--glo_bshadow2);}
  .pp_header .search.show {display: flex;position: absolute;top: 55px;left: 0;padding: 5px 20px 10px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_base);}
  .pp_main .row.r2, .pp_main .row.r3, .pp_main .row.r4 {grid-template-columns: 100fr;}
  .pp_video_feeds .vf_lists {grid-template-columns: 33.333333333fr 33.333333333fr 33.333333333fr;gap: 10px;}
  .pp_video_feeds .vf_lists .vfl_video {aspect-ratio: 1 / 1;height: unset;}
  .pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vflii_pic,
  .pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta .vflii_view span:last-child{display: none;}
  .pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta h3.vflii_title,
  .pp_video_feeds .vf_lists .vfl_video a.vfli_cont .vfli_info .vfli_meta span.vflii_name {visibility: hidden;}
}

@media(max-width: 560px){
  .pp_sidenav.show {width: -moz-fill-available;width: -webkit-fill-available;}
  .pp_cph {padding-top: 10px;padding-bottom: 10px;} .pp_cpw {padding-left: 10px;padding-right: 10px;}
  .pp_channel .ppc_header .ppc_banner {height: 110px;}
  .pp_channel .ppc_header .ppc_details .ppcd_picture {top: 2px;width: 80px;height: 80px;}
  .pp_channel .ppc_header .ppc_details .ppcd_picture img {width: auto;}
  .pp_channel .ppc_header .ppc_details .ppcd_info {margin: -4px 0 0 100px;}
  .pp_channel .ppc_header .ppc_details .ppcd_info h2.ppcdi_fname {font-size: 20px;}
  .pp_channel .ppc_header .ppc_details .ppcd_info span.ppcdi_uname {font-size: 16px;}
  .pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about {margin: 0;}
  .pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about .ppcdia_short span {max-width: 110px;font-size: 14px;}
  .pp_channel .ppc_header .ppc_details .ppcd_info .ppcdi_about .ppcdia_short {gap: 0;}
  .pp_channel .ppc_header .ppc_details {gap: 10px;padding: 15px 10px;}
  .pp_channel .ppc_header .ppc_details .ppcd_stats {margin: 15px 0 0;}
  .pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol.two i {font-size: 15px;}
  .pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_fol.two span {font-size: 13px;}
  .pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_val .ppcdsv_item span.num {font-size: 16px;}
  .pp_channel .ppc_header .ppc_details .ppcd_stats .ppcds_val .ppcdsv_item span.tit {font-size: 13px;}
  .pp_channel .ppc_header .ppc_menus {padding: 0;margin: 10px 0 20px;}
  .pp_channel .ppc_header .ppc_menus a.ppcm_item * {font-size: 15px;}

}

@media(max-width: 550px){
  .pp_video .v_item {width: -moz-fill-available;width: -webkit-fill-available;height: calc(100vh - 65px);}
  .pp_video .v_item .vi_source {border-radius: unset;}
  .pp_video .v_item .vi_action .via_shadow {border-bottom-left-radius: unset;border-bottom-right-radius: unset;}
  .pp_video .v_item .vi_buttons {gap: 10px;top: 45%;left: unset;right: 5px;}
  .pp_video .v_item .vi_buttons .vib_btn .vibb_icon {width: 35px;height: 35px;line-height: 36px;font-size: 17px;color: rgb(0, 0, 0, 0.6);background: rgb(255, 255, 255, 0.8);}
  .pp_video .v_item .vi_buttons .vib_btn span {color: rgb(255, 255, 255);text-shadow: 0px 1px 5px #000000;font-size: 12px;}
}

@media(max-width: 440px){
  .pp_header .account .profile .p_menu {position: fixed;top: 55px;left: 0;width: 100%;}
  .pp_header .notif .n_con {position: fixed;top: 55px;left: 0;width: 100%;height: calc(100% - 65px);}
  .pp_header .notif .n_con .nc_list {min-height: unset;max-height: calc(100% - 55px);}
  .pp_theme_mode .modes, .pp_theme_lang .curlang {border-radius: var(--glo_radius2);}
}

@media(max-width: 400px){

}

@media(max-width: 350px){

}