/* Vertical Popular Fixed */
.vertical_popular_fixed{position: fixed;left: 12px;top: 150px;z-index: 99999;}
.vertical_popular_fixed .label{width: 80px;font-size: 14px;text-align: center;line-height: 21px;color: #fff;text-shadow: 0px 0px 3px #121212;font-weight: 600;padding: 0 8px 8px 0;margin-bottom: 10px;position: relative;z-index: 10;}
.vertical_popular_fixed .label .icon{position: absolute;right: -4px;top: 8px;display: block;}
.vertical_popular_fixed .label .fn-svg{height: 46px;width: auto;display: block;}
.vertical_popular_fixed li a{width: 80px;height: 80px;background-color: var(--atv-color1);border-radius: 100%;display: flex;align-items: center;justify-content: center;text-decoration: none;position: relative;box-shadow: 0px 1px 3px rgba(0,0,0,0.5);padding: 2px;}
.vertical_popular_fixed a:hover .item_rank{opacity: 1;transform: scale(1);}
.vertical_popular_fixed .item_rank{position: absolute;background-color: rgba(0,0,0,0.3);top: 2px;left: 2px;right: 2px;bottom: 2px;font-size: 27px;font-weight: 600;color: #fff;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 100%;pointer-events: none;opacity: 0;transform: scale(0.5);transition: .5s;}
.vertical_popular_fixed .img_space{width: 100%;height: 100%;background-color: #91a29b;border-radius: 100%;}
.vertical_popular_fixed .img_holder{border-radius: 100%;overflow: hidden;position: relative;}
.vertical_popular_fixed .img_holder img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;transition: 1s;}
.vertical_popular_fixed a:hover .img_holder img{transform: scale(1.1);}
.vertical_popular_fixed a:hover .t_title{opacity: 1;visibility: visible;transform: translateX(0) translateY(-50%);}
.vertical_popular_fixed .t_title:after{content: '';position: absolute;right: 100%;margin-right: 0px;top: 50%;margin-top: -8px;width: 0px;height: 0px;border-style: solid;border-width: 8px 7px 8px 0;border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent;filter: drop-shadow(-1px 0px 1px rgba(0,0,0,.1));}
.vertical_popular_fixed .t_title{position: absolute;left: 100%;margin-left: 10px;width: 250px;max-width: max-content;border-radius: 5px;background-color: #121212;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(15px);padding: 11px 13px 8px;box-shadow: 0px 1px 3px rgba(0,0,0,0.5);font-size: 15px;line-height: 20px;font-weight: 600;letter-spacing: 0;color: var(--atv-color1);display: block;z-index: 9999;pointer-events: none;transition: .5s;opacity: 0;visibility: hidden;transform: translateX(10px) translateY(-50%);top: 50%;}
.vertical_popular_fixed .t_title span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.vertical_popular_fixed .posts ul{margin: 0;padding: 0;list-style-type: none;}
.vertical_popular_fixed .posts ul{max-height: 288px;transition: .5s;}
.vertical_popular_fixed .posts li{margin: 0;padding: 0;margin-top: -10px;position: relative;}
.vertical_popular_fixed .posts li:nth-child(1){z-index: 8;}
.vertical_popular_fixed .posts li:nth-child(2){z-index: 7;}
.vertical_popular_fixed .posts li:nth-child(3){z-index: 6;}
.vertical_popular_fixed .posts li:nth-child(4){z-index: 5;}
.vertical_popular_fixed .posts li:nth-child(5){z-index: 4;}
.vertical_popular_fixed .posts li:nth-child(6){z-index: 3;}
.vertical_popular_fixed .posts li:nth-child(7){z-index: 2;}
.vertical_popular_fixed, .fixed_right_bar {transition: .6s;}
/* Fixed To Top */
.totop_scrolled .fixed_totop{opacity: 1;visibility: visible;transform: translateY(0);}
.fixed_totop{position: fixed;z-index: 99999;left: 12px;bottom: 20px;display: flex;flex-direction: column;text-decoration: none;align-items: center;transition: .5s;opacity: 0;visibility: hidden;transform: translateY(100px);}
.fixed_totop .progress{width: 2px;height: 80px;background-color: var(--atv-color1);margin-bottom: 10px;position: relative;}
.fixed_totop .progress span{position: absolute;left: 0;top: 0;right: 0;height: 0;background-color: #fff;}
.fixed_totop .text{display: block;font-size: 14px;font-weight: 500;color: #fff;text-transform: uppercase;line-height: 1;letter-spacing: 0;writing-mode: vertical-rl;transform: rotate(180deg);line-height: 80px;}
.fixed_totop{mix-blend-mode: difference;}
.fixed_totop .text{color: #ddd;}
.fixed_totop .progress{background-color: #fff;}
.fixed_totop .progress span{background-color: var(--atv-color1);}
/* Fixed Social List */
.totop_scrolled .fixed_social_list{opacity: 1;visibility: visible;transform: translateY(0);}
.fixed_social_list{position: fixed;z-index: 99999;bottom: 30px;right: 15px;transform: translateY(100px);transition: .5s;opacity: 0;visibility: hidden;}
.fixed_social_list.has_title ul{padding-top: 30px;margin-top: -30px;}
.fixed_social_list ul{width: 50px;margin: 0;padding: 0;list-style-type: none;padding: 10px 5px;border-radius: 25px;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(15px);border: 1px solid #333;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);;}
.fixed_social_list li{margin: 0;padding: 0;position: relative;}
.fixed_social_list .title{line-height: 31px;padding: 15px 0;border-radius: 15px;background: rgba(0, 0, 0, 0.95);backdrop-filter: blur(55px);display: block;font-size: 14px;color: #fff;writing-mode: vertical-rl;transform: rotate(180deg);white-space: nowrap;width: 30px;position: relative;right: 10px;box-shadow: 0px 2px 10px rgba(0,0,0,0.1);transition: .5s;z-index: 99999;}
.fixed_social_list .text{position: absolute;right: 100%;top: 7px;display: block;white-space: nowrap;background-color: #1d1d1d;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);;font-size: 13px;color: #fff;padding: 0 15px;border-radius: 20px;margin-right: 20px;pointer-events: none;font-weight: 500;height: 24px;line-height: 25px;opacity: 0;visibility: hidden;transform: translateX(-10px);transition: .5s;}
.fixed_social_list a:hover .text{transform: translateX(0);opacity: 1;visibility: visible;}
.fixed_social_list a{color: #ccc;display: block;padding: 10px;text-decoration: none;border-radius: 100%;}
.fixed_social_list a:hover{background-color: #1d1d1d;}
.fixed_social_list .fn-svg{width: 21px;display: block;}
/* Fixed Right Bar */
.admin-bar .fixed_right_bar{top: 150px;}
.fixed_right_bar{position: fixed;top: 200px;right: 15px;z-index: 99999;}
.fixed_right_bar .help_bar{display: flex;flex-direction: column;}
.fixed_right_bar a{position: relative;width: 40px;height: 40px;border-radius: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(15px);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);;margin-bottom: 8px;color: #ccc;display: flex;align-items: center;justify-content: center;text-align: center;}
.fixed_right_bar a:hover {background: var(--atv-color1);}
.fixed_right_bar a:last-child{margin-bottom: 0;}
.fixed_right_bar i{display: block;font-size: 18px;color: #fff;}
.fixed_right_bar a:hover .t_text{transform: translateX(0);opacity: 1;visibility: visible;}
.fixed_right_bar .t_text{position: absolute;right: 100%;top: 7px;display: block;white-space: nowrap;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(15px);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);font-size: 13px;color: #ccc;padding: 0 15px;border-radius: 15px;margin-right: 10px;pointer-events: none;font-weight: 500;height: 28px;line-height: 28px;opacity: 0;visibility: hidden;transform: translateX(-10px);transition: .3s;}



#user-sittings-site-canvas {z-index: 999999999;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(15px);color: #fff;width: 375px;}
#user-sittings-site-canvas .ussc-title {border-bottom: 1px dashed rgba(255, 255, 255, 0.1);background: #25262c;align-items: center;padding: 10px 15px;}
#user-sittings-site-canvas .ussc-title h2 {font-size: 18px;color: #fff;margin-bottom: 4px;}
#user-sittings-site-canvas .ussc-title h4 {font-size: 13px;color: #fff;margin-bottom: 0}
#user-sittings-site-canvas .ussc-title .flex-grow-1 {text-align: left;}
#user-sittings-site-canvas .ussc-title .flex-grow-1 .btn-close {background: #dc4646;border-radius: 50%;width: 22px;height: 22px;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;color: #fff;}
#user-sittings-site-canvas .avatar-lg {height: 4rem;width: 4rem;}
#user-sittings-site-canvas .fuserpro {border-radius: 25px;border-bottom: none;background: #25262c;margin-bottom: 5px;padding-left: 5px;}
#user-sittings-site-canvas .box-group-color {height: 35px;}
#user-sittings-site-canvas .box-group-color div {border-radius: 100%;width: 32px;height: 32px;display: inline-block;cursor: pointer;margin-right: 4px;border: 2px solid #fff}
#user-sittings-site-canvas  .box-group-color div:before {content: ''}
#user-sittings-site-canvas .box-group-color div.active {border: 2px solid #fff;background-image: url(../images/added.png);background-repeat: no-repeat;background-position: center;background-size: 16px}
#usersiteoptions-form .ussc-card-option {border-radius: 25px;padding: 6px 20px 3px 15px;background-color: #25262c;margin-bottom: 5px;}
#usersiteoptions-form label.form-label {font-size: 13px;font-weight: 500;color: #fff;cursor: pointer;margin-bottom: 5px;}
#usersiteoptions-form .btn-usersiteoption {color: #fff;background: var(--atv-color1);border-radius: 20px;font-size: 14px;height: 40px;padding: 0 15px;}
#usersiteoptions-form {position: relative;}
#usersiteoptions-form.loading:before {content: '';position: absolute;left: -5px;top: -10px;bottom: -10px;right: -5px;background: #cccccc4a url(../images/loading.gif) no-repeat center center;border-radius: 20px;}